@media all and (max-width: 414px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    border-radius: 0;
  }
  .aside-ui-01 > section:not(:first-child) {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23FD4218%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0px 0px 100px 0px;
    margin: 0;
    overflow: hidden;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 200%;
    height: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
    padding: 16px 0;
    border-bottom: 1px solid #F0F0F2;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
    margin-bottom: 4px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #C93504;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
    padding: 20px;
    margin-bottom: 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
    width: 100%;
    padding: 16px 0 16px 48px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
    border: 1px solid #E6E6E7;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
    margin-right: 12px;
    content: "";
    position: absolute;
    top: 34px;
    left: 36px;
    width: 20px;
    background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
    height: 20px;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
    display: flex;
    flex-direction: column;
    padding: 0 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
    border-bottom: 1px solid #E6E6E7;
    display: flex;
    height: 49px;
    padding: 16px 0 16px 0px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label:last-of-type {
    border-bottom: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
    position: absolute;
    left: calc(50% - 5.5px);
    top: calc(50% + 9.5px);
    width: 11px;
    height: 1px;
    background: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 35px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
    height: 49px;
    padding: 16px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
    display: flex;
    height: 49px;
    padding: 16px 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
    margin-right: 12px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
    display: none;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding: 15px 25px 16px 25px;
    background-color: #F0F0F2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
    width: 100%;
    padding: 15px 0 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 16px 0;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3.disabled {
    background: #D5D5D6;
    color: #68686A;
    pointer-events: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
    padding-left: 36px;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
    display: block;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    border-radius: 0;
  }
  .aside-ui-01 > section:not(:first-child) {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23FD4218%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0px 0px 100px 0px;
    margin: 0;
    overflow: hidden;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 200%;
    height: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
    padding: 16px 0;
    border-bottom: 1px solid #F0F0F2;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
    margin-bottom: 4px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #C93504;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
    padding: 20px;
    margin-bottom: 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
    width: 100%;
    padding: 16px 0 16px 48px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
    border: 1px solid #E6E6E7;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
    margin-right: 12px;
    content: "";
    position: absolute;
    top: 34px;
    left: 36px;
    width: 20px;
    background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
    height: 20px;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
    display: flex;
    flex-direction: column;
    padding: 0 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
    border-bottom: 1px solid #E6E6E7;
    display: flex;
    height: 49px;
    padding: 16px 0 16px 0px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label:last-of-type {
    border-bottom: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
    position: absolute;
    left: calc(50% - 5.5px);
    top: calc(50% + 9.5px);
    width: 11px;
    height: 1px;
    background: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 35px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
    height: 49px;
    padding: 16px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
    display: flex;
    height: 49px;
    padding: 16px 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
    margin-right: 12px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
    display: none;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding: 15px 25px 16px 25px;
    background-color: #F0F0F2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
    width: 100%;
    padding: 15px 0 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 16px 0;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3.disabled {
    background: #D5D5D6;
    color: #68686A;
    pointer-events: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
    padding-left: 36px;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
    display: block;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 0;
    margin-bottom: 20px;
    width: 100vw;
    margin-left: calc(352px - 50vw);
    margin-right: calc(352px - 50vw);
  }
  .aside-ui-01 .filter-ui-01 {
    padding: 20px 20px 0 0;
  }
  .aside-ui-01 .filter-ui-01 .c-item-01 {
    margin-left: calc(50vw - 352px);
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    font-feature-settings: "salt" on;
    /* Primary / 900 */
    color: #1F2E5C;
  }
  .aside-ui-01 .filter-ui-01 .c-item-02 {
    margin-left: calc(50vw - 352px);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    /* Black & White/600 */
    color: #68686A;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 {
    margin-left: calc(50vw - 352px);
    display: flex;
    justify-content: unset;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-01 {
    width: 164px;
    height: 40px;
    margin-right: 7px;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 {
    width: 164px;
    height: 40px;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: -0.01em;
    /* Black & White/900 */
    color: #171718;
  }
  .aside-ui-01 > section:not(:first-child) {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23FD4218%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 200%;
    height: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
    padding: 16px 0;
    border-bottom: 1px solid #F0F0F2;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
    margin-bottom: 4px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #C93504;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
    padding: 20px;
    margin-bottom: 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
    width: 100%;
    padding: 16px 0 16px 48px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
    border: 1px solid #E6E6E7;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
    margin-right: 12px;
    content: "";
    position: absolute;
    top: 34px;
    left: 36px;
    width: 20px;
    background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
    height: 20px;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
    display: flex;
    flex-direction: column;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
    display: flex;
    height: 49px;
    padding: 16px 0 16px 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
    position: absolute;
    left: calc(50% - 5.5px);
    top: calc(50% + 9.5px);
    width: 11px;
    height: 1px;
    background: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 35px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
    height: 49px;
    padding: 16px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
    display: flex;
    height: 49px;
    padding: 16px 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
    margin-right: 12px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
    display: none;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding: 15px 25px 16px 25px;
    background-color: #F0F0F2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
    width: 100%;
    padding: 15px 0 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 16px 0;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
    padding-left: 36px;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
    display: block;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .aside-ui-01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 0;
    margin-bottom: 20px;
    width: 100vw;
    margin-left: calc(352px - 50vw);
    margin-right: calc(352px - 50vw);
  }
  .aside-ui-01 .filter-ui-01 {
    padding: 20px 20px 0 0;
  }
  .aside-ui-01 .filter-ui-01 .c-item-01 {
    margin-left: calc(50vw - 352px);
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    font-feature-settings: "salt" on;
    /* Primary / 900 */
    color: #1F2E5C;
  }
  .aside-ui-01 .filter-ui-01 .c-item-02 {
    margin-left: calc(50vw - 352px);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    /* Black & White/600 */
    color: #68686A;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 {
    margin-left: calc(50vw - 352px);
    display: flex;
    justify-content: unset;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-01 {
    width: 164px;
    height: 40px;
    margin-right: 7px;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 {
    width: 164px;
    height: 40px;
  }
  .aside-ui-01 .filter-ui-01 .c-item-03 .c-unit-02 > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: -0.01em;
    /* Black & White/900 */
    color: #171718;
  }
  .aside-ui-01 > section:not(:first-child) {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3 {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 21px;
    letter-spacing: -0.01em !important;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header h3:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-header .modal-cleaner-button {
    display: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #909091;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-close {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23FD4218%22%2F%3E%20%3Cpath%20d%3D%22M26%2015.05L24.95%2014L20%2018.95L15.05%2014L14%2015.05L18.95%2020L14%2024.95L15.05%2026L20%2021.05L24.95%2026L26%2024.95L21.05%2020L26%2015.05Z%22%20fill%3D%22%23FAFBFD%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 200%;
    height: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li {
    padding: 16px 0;
    border-bottom: 1px solid #F0F0F2;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .c-item-01 {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
    margin-bottom: 4px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li .mobile-chips {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #C93504;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-1 > ul li:after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M9%203L8.285%203.6965L12.075%207.5H2V8.5H12.075L8.285%2012.2865L9%2013L14%208L9%203Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E {
    padding: 20px;
    margin-bottom: 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E .c-item-02-A {
    width: 100%;
    padding: 16px 0 16px 48px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
    border: 1px solid #E6E6E7;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-E:after {
    margin-right: 12px;
    content: "";
    position: absolute;
    top: 34px;
    left: 36px;
    width: 20px;
    background-image: url(/Content/Visuals/FavIcons/filter-icon-1.png);
    height: 20px;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B {
    display: flex;
    flex-direction: column;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label {
    display: flex;
    height: 49px;
    padding: 16px 0 16px 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-03-B label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C #mobile-textbox-seperator {
    position: absolute;
    left: calc(50% - 5.5px);
    top: calc(50% + 9.5px);
    width: 11px;
    height: 1px;
    background: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-A {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 35px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-B {
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    padding: 16px 0 16px 16px;
    margin-right: 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-C .c-item-02-C {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 {
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li {
    height: 49px;
    padding: 16px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02 li a .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label {
    display: flex;
    height: 49px;
    padding: 16px 0;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label .star-container {
    margin-right: 12px;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-body #filter-animation-wrapper #filter-screen-2 > ul > li .c-item-02-A label span .countno {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #68686A;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer {
    position: fixed;
    bottom: 0;
    height: 100px;
    padding: 16px 20px 36px 20px;
    width: 100%;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-1 {
    display: none;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding: 15px 25px 16px 25px;
    background-color: #F0F0F2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-2 {
    width: 100%;
    padding: 15px 0 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw #modal-footer .c-fixed-btn-3 {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 16px 0;
    background-color: #425993;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 20px;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3 {
    padding-left: 36px;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-header h3:after {
    display: block;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-close {
    display: none;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-1, .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-2 {
    display: none !important;
  }
  .dir-filter-modal#modal-wrapper.type-drw.screen-2 #modal-footer .c-fixed-btn-3 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip #modal-footer .c-fixed-btn-1 {
    display: flex;
  }
  .dir-filter-modal#modal-wrapper.type-drw.has-chip.screen-2 #modal-header .modal-cleaner-button {
    display: flex;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .aside-ui-01 {
    display: block !important;
    width: 260px;
    position: sticky;
    top: 24px;
    margin-bottom: 20px;
    max-height: calc(75vh - 48px);
    overflow-y: auto;
    margin-right: 12px;
  }
  .aside-ui-01 .filter-max-height {
    max-height: 224px;
    overflow-y: auto;
    display: block;
  }
  .aside-ui-01::-webkit-scrollbar, .aside-ui-01 .filter-max-height::-webkit-scrollbar {
    width: 5px;
  }
  .aside-ui-01::-webkit-scrollbar-thumb, .aside-ui-01 .filter-max-height::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 2px;
    background-color: #D5D5D6;
  }
  #mobile-textbox-seperator {
    display: none;
  }
}
@media all and (min-width: 1680px) {
  .aside-ui-01 {
    display: block !important;
    width: 260px;
    position: sticky;
    top: 24px;
    margin-bottom: 20px;
    max-height: calc(75vh - 48px);
    overflow-y: auto;
    margin-right: 12px;
  }
  .aside-ui-01 .filter-max-height {
    max-height: 224px;
    overflow-y: auto;
    display: block;
  }
  .aside-ui-01::-webkit-scrollbar, .aside-ui-01 .filter-max-height::-webkit-scrollbar {
    width: 5px;
  }
  .aside-ui-01::-webkit-scrollbar-thumb, .aside-ui-01 .filter-max-height::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 2px;
    background-color: #D5D5D6;
  }
  #mobile-textbox-seperator {
    display: none;
  }
}
.basket-ui-01 {
  width: 100%;
  background-color: #FFF;
}
.basket-ui-01 > span {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #373738;
}
.basket-ui-01 .c-item-01 {
  margin-bottom: 40px;
}
.basket-ui-01 .c-item-02 .c-item-02-A {
  padding: 16px 0;
  border-bottom: 1px solid #F0F0F2;
  display: flex;
}
.basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-01 {
  margin-right: 12px;
  width: 72px;
  height: 72px;
  background: #FFFFFF;
  border: 1px solid #E6E6E7;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-01 img {
  max-height: 56px;
  max-width: 56px;
}
.basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 {
  max-width: 268px;
}
.basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
  margin-bottom: 4px;
}
.basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-B {
  margin-bottom: 12px;
}
.basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
  display: none;
}
.basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-03 {
  position: absolute;
  right: 0;
  top: calc(50% - 16px);
}
.basket-ui-01 .c-item-03 .c-item-03-A {
  margin: 24px 0 8px 0;
}
.basket-ui-01 .basket-lnk-btn-01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  background: #EFE5F0;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #3D175E;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.basket-ui-01 .basket-lnk-btn-01.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.basket-ui-01 .basket-lnk-btn-01 :hover {
  background-color: #E83A10;
}
.basket-ui-01 .basket-lnk-btn-02 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  background: #7A3986;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
}
.basket-ui-01 .basket-lnk-btn-02.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.basket-ui-02 .basket-lnk-btn-01.off, .basket-ui-03 .basket-lnk-btn-01.off, .basket-ui-04 .basket-lnk-btn-01.off {
  cursor: default;
  background-color: #FDEDE9;
  color: #909091;
}
.basket-ui-02 .basket-lnk-btn-01.off:hover, .basket-ui-03 .basket-lnk-btn-01.off:hover, .basket-ui-04 .basket-lnk-btn-01.off:hover {
  background-color: #FDEDE9 !important;
}
.basket-ui-02 .basket-lnk-btn-01.disabled, .basket-ui-03 .basket-lnk-btn-01.disabled, .basket-ui-04 .basket-lnk-btn-01.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.basket-ui-02 .basket-lnk-btn-01.light-loader, .basket-ui-03 .basket-lnk-btn-01.light-loader, .basket-ui-04 .basket-lnk-btn-01.light-loader {
  min-width: auto !important;
}
.basket-ui-02 .basket-lnk-btn-01.dark-loader, .basket-ui-03 .basket-lnk-btn-01.dark-loader, .basket-ui-04 .basket-lnk-btn-01.dark-loader {
  min-width: auto !important;
}
.basket-ui-02 .basket-lnk-btn-loader, .basket-ui-03 .basket-lnk-btn-loader, .basket-ui-04 .basket-lnk-btn-loader {
  display: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #171718;
}

/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
@media all and (max-width: 414px) {
  .basket-ui-01 {
    padding: 0 20px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
    margin-bottom: 2px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 36px;
    margin-bottom: 15px;
    background: #FFFFFF;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03.v1 {
    margin-top: 20px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
    font-weight: 600;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-A, .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-C {
    margin: 0 !important;
    width: 36px;
    height: 36px;
    background: #FDEDE9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-03 {
    display: none;
  }
  .basket-ui-02 {
    margin-top: 81px;
    width: calc(100% - 40px) !important;
  }
  .basket-ui-02 .c-item-01 {
    margin-bottom: 20px;
  }
  .basket-ui-02 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-02 {
    margin-top: 20px;
  }
  .basket-ui-02 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 {
    display: block !important;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556;
  }
  .basket-ui-02 .c-item-03 {
    margin-top: 10px !important;
  }
  .basket-ui-02 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-02 .c-item-07 {
    border-radius: 4px;
    background: #F1F9E9;
    padding: 12px 12px 16px 12px;
    margin-top: 16px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    color: #555556;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
    margin-left: 4px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-02 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between;
  }
  .basket-ui-03 .c-item-01 {
    padding: 0 24px 24px 24px;
  }
  .basket-ui-03 .c-item-01 .c-unit-01 {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    color: #171718;
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-01 .c-unit-02 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000000;
  }
  .basket-ui-03 .c-item-02 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-03 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-03 .c-item-04 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-03 .c-item-05 {
    display: none;
  }
  .basket-ui-03 .c-item-06 {
    display: none;
    margin: 16px 0 16px 0;
  }
  .basket-ui-03 .c-item-08 {
    display: none;
  }
  .basket-ui-03 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56.4%;
    padding: 0;
    height: 54px;
    margin: 0 !important;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-03 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-03 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-03 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-03 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    gap: 5px;
    z-index: 1;
  }
  .basket-ui-04 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 24px 24px 24px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-04 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-01 .c-unit-03 {
    margin: 24px 0;
  }
  .basket-ui-04 .c-item-01 .c-unit-04 {
    display: none;
  }
  .basket-ui-04 .c-item-01 .c-unit-05 {
    display: none;
  }
  .basket-ui-04 .c-item-02 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-04 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-04 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-04 .c-item-07 {
    display: none;
  }
  .basket-ui-04 .c-item-08 {
    display: none;
  }
  .basket-ui-04 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-04 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px;
  }
  .basket-ui-04 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-04 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-04 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-04 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04.createProfile .basket-lnk-btn-01 {
    width: 100%;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .basket-ui-01 {
    padding: 0 20px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
    margin-bottom: 2px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 36px;
    margin-bottom: 15px;
    background: #FFFFFF;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03.v1 {
    margin-top: 20px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
    font-weight: 600;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-A, .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 .c-item-03-C {
    margin: 0 !important;
    width: 36px;
    height: 36px;
    background: #FDEDE9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-03 {
    display: none;
  }
  .basket-ui-02 {
    margin-top: 81px;
    width: calc(100% - 40px) !important;
  }
  .basket-ui-02 .c-item-01 {
    margin-bottom: 20px;
  }
  .basket-ui-02 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-02 {
    margin-top: 20px;
  }
  .basket-ui-02 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 {
    display: block !important;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556;
  }
  .basket-ui-02 .c-item-03 {
    margin-top: 10px !important;
  }
  .basket-ui-02 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-02 .c-item-07 {
    border-radius: 4px;
    background: #F1F9E9;
    padding: 12px 12px 16px 12px;
    margin-top: 16px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    color: #555556;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
    margin-left: 4px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-02 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between;
  }
  .basket-ui-03 .c-item-01 {
    padding: 0 24px 24px 24px;
  }
  .basket-ui-03 .c-item-01 .c-unit-01 {
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    color: #171718;
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-01 .c-unit-02 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #000000;
  }
  .basket-ui-03 .c-item-02 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-03 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-03 .c-item-04 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-03 .c-item-05 {
    display: none;
  }
  .basket-ui-03 .c-item-06 {
    display: none;
    margin: 16px 0 16px 0;
  }
  .basket-ui-03 .c-item-08 {
    display: none;
  }
  .basket-ui-03 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56.4%;
    padding: 0;
    height: 54px;
    margin: 0 !important;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-03 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-03 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-03 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-03 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    border-radius: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    gap: 5px;
    z-index: 1;
  }
  .basket-ui-04 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 24px 24px 24px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-04 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-01 .c-unit-03 {
    margin: 24px 0;
  }
  .basket-ui-04 .c-item-01 .c-unit-04 {
    display: none;
  }
  .basket-ui-04 .c-item-01 .c-unit-05 {
    display: none;
  }
  .basket-ui-04 .c-item-02 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-04 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-04 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-04 .c-item-07 {
    display: none;
  }
  .basket-ui-04 .c-item-08 {
    display: none;
  }
  .basket-ui-04 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-04 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px;
  }
  .basket-ui-04 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-04 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-04 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-04 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04.createProfile .basket-lnk-btn-01 {
    width: 100%;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
    margin-bottom: 2px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
    display: none;
  }
  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .basket-ui-02 .c-item-01 {
    margin-bottom: 20px;
  }
  .basket-ui-02 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-02 {
    display: block !important;
    margin-top: 20px;
  }
  .basket-ui-02 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 {
    display: block !important;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556;
  }
  .basket-ui-02 .c-item-03 {
    margin: 20px 0 24px 0;
  }
  .basket-ui-02 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-02 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-02 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 {
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px 32px 56px 0;
    background: #FFFFFF;
  }
  .basket-ui-03 .c-item-01 {
    /*margin-bottom: 24px;*/
    padding: 0 24px 24px 24px;
  }
  .basket-ui-03 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-02 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-03 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-03 .c-item-04 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-03 .c-item-06 {
    margin: 37px 0 48px 0;
  }
  .basket-ui-03 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 24px 16px 24px;
    margin: 0;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-03 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-03 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-03 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-03 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px 56px !important;
  }
  .basket-ui-04 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 24px 24px 24px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-04 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-02 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-04 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-04 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-04 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-04 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
    display: block;
    position: absolute;
    right: 32px;
    bottom: 20px;
  }
  .basket-ui-04 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-04 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-04 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-04 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .m-c-item-02-A {
    margin-bottom: 2px;
  }
  .basket-ui-01 .c-item-02 .c-item-02-A .m-c-item-02 .c-item-03 {
    display: none;
  }
  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .basket-ui-02 .c-item-01 {
    margin-bottom: 20px;
  }
  .basket-ui-02 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-02 {
    display: block !important;
    margin-top: 20px;
  }
  .basket-ui-02 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 {
    display: block !important;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .c-unit-03-A {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-ui-02 .c-item-02 .c-unit-03 .basket-lnk-A {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #555556;
  }
  .basket-ui-02 .c-item-03 {
    margin: 20px 0 24px 0;
  }
  .basket-ui-02 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-02 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-02 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 {
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px 32px 56px 0;
    background: #FFFFFF;
  }
  .basket-ui-03 .c-item-01 {
    /*margin-bottom: 24px;*/
    padding: 0 24px 24px 24px;
  }
  .basket-ui-03 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-02 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-03 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-03 .c-item-04 {
    display: none;
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-03 .c-item-06 {
    margin: 37px 0 48px 0;
  }
  .basket-ui-03 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 24px 16px 24px;
    margin: 0;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-03 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-03 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-03 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-03 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px 56px !important;
  }
  .basket-ui-04 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 24px 24px 24px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-04 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-02 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-04 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-04 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-04 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-04 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
    display: block;
    position: absolute;
    right: 32px;
    bottom: 20px;
  }
  .basket-ui-04 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-04 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-04 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-04 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px;
  }
  .basket-ui-02 .c-item-01 {
    margin-bottom: 20px;
  }
  .basket-ui-02 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-01 .c-unit-03 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-01 .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-01 .c-unit-04 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-01 .c-unit-04:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-01 .c-unit-05 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-02 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-02 .c-item-03 {
    margin: 20px 0 24px 0;
  }
  .basket-ui-02 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-02 .c-item-06 {
    margin: 37px 0 48px 0;
  }
  .basket-ui-02 .c-item-07 {
    border-radius: 4px;
    background: #F1F9E9;
    padding: 12px 12px 16px 12px;
    margin-top: 16px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    color: #555556;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
    margin-left: 4px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 {
    padding: 12px;
    border-radius: 4px;
    background: #F8F8F9;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A {
    display: flex;
    justify-content: space-between;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 0px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B {
    display: none;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-01.on .expandingContent {
    display: block;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 {
    margin-top: 8px;
    padding: 12px;
    border-radius: 4px;
    background: #F1F9E9;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 60px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B {
    display: none;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-02.on .c-row-02-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-02.on .expandingContent {
    display: block;
  }
  .basket-ui-02 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    transition: background-color 0.3s;
  }
  .basket-ui-02 .basket-lnk-btn-01:hover {
    background-color: #6B337D;
  }
  .basket-ui-02 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-02 .basket-lnk-btn-01.passive {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-02 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-02 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-02 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-02 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-02 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-02 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-02 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-02 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-02 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 24px;
  }
  .basket-ui-03 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 0px 24px 0px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-03 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-01 .c-unit-04 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-01 .c-unit-04:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-01 .c-unit-05 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-03 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-03 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-03 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-03 .c-item-05 {
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-06 {
    margin-top: 37px;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 {
    padding: 12px;
    border-radius: 4px;
    background: #F8F8F9;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A {
    display: flex;
    justify-content: space-between;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 0px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B {
    display: none;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-01.on .expandingContent {
    display: block;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 {
    margin-top: 8px;
    padding: 12px;
    border-radius: 4px;
    background: #F1F9E9;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 60px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B {
    display: none;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-02.on .c-row-02-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-02.on .expandingContent {
    display: block;
  }
  .basket-ui-03 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-03 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 .basket-lnk-btn-01:hover {
    background-color: #6B337D;
  }
  .basket-ui-03 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-03 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-03 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-03 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 {
    position: sticky;
    top: 20px;
    width: 295px;
    margin-top: 24px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px;
    padding: 24px;
  }
  .basket-ui-04 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 0px 24px 0px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-04 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-01 .c-unit-03 {
    margin-top: 24px;
  }
  .basket-ui-04 .c-item-01 .c-unit-04 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-01 .c-unit-04:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-01 .c-unit-05 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-04 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-04 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-04 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-04 .c-item-05 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-06 {
    margin-top: 0;
  }
  .basket-ui-04 .c-item-07 {
    padding: 0px 20px;
  }
  .basket-ui-04 .c-item-07 .c-unit-01 {
    color: #171718;
    text-align: center;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  .basket-ui-04 .c-item-07 .c-unit-02 {
    color: #171718;
    text-align: center;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.8;
    margin-top: 12px;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 {
    padding: 12px;
    border-radius: 4px;
    background: #F8F8F9;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A {
    display: flex;
    justify-content: space-between;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 0px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B {
    display: none;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-01.on .expandingContent {
    display: block;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 {
    margin-top: 8px;
    padding: 12px;
    border-radius: 4px;
    background: #F1F9E9;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 60px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B {
    display: none;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-02.on .c-row-02-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-02.on .expandingContent {
    display: block;
  }
  .basket-ui-04 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-04 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-04 .basket-lnk-btn-01:hover {
    background-color: #6B337D;
  }
  .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
    display: block;
    margin-bottom: 20px;
    padding: 0 24px;
  }
  .basket-ui-04 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-04 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-04 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-04 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
}
@media all and (min-width: 1680px) {
  .basket-ui-02 {
    width: 295px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px;
  }
  .basket-ui-02 .c-item-01 {
    margin-bottom: 20px;
  }
  .basket-ui-02 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-01 .c-unit-03 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-01 .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-01 .c-unit-04 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-01 .c-unit-04:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-01 .c-unit-05 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-02 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-02 .c-item-03 {
    margin: 20px 0 24px 0;
  }
  .basket-ui-02 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-02 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-02 .c-item-06 {
    margin: 37px 0 48px 0;
  }
  .basket-ui-02 .c-item-07 {
    border-radius: 4px;
    background: #F1F9E9;
    padding: 12px 12px 16px 12px;
    margin-top: 16px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    color: #555556;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-A > .c-unit-01-A-01 {
    margin-left: 4px;
  }
  .basket-ui-02 .c-item-07 .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 {
    padding: 12px;
    border-radius: 4px;
    background: #F8F8F9;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A {
    display: flex;
    justify-content: space-between;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 0px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B {
    display: none;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-01.on .expandingContent {
    display: block;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 {
    margin-top: 8px;
    padding: 12px;
    border-radius: 4px;
    background: #F1F9E9;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-A:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 60px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B {
    display: none;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .basket-ui-02 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-02 .c-item-08 > .c-row-02.on .c-row-02-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-02 .c-item-08 > .c-row-02.on .expandingContent {
    display: block;
  }
  .basket-ui-02 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    transition: background-color 0.3s;
  }
  .basket-ui-02 .basket-lnk-btn-01:hover {
    background-color: #6B337D;
  }
  .basket-ui-02 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-02 .basket-lnk-btn-01.passive {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-02 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-02 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-02 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-02 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-02 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-02 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-02 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-02 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-02 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 {
    width: 295px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 24px;
  }
  .basket-ui-03 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 0px 24px 0px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-03 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-01 .c-unit-04 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-01 .c-unit-04:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-01 .c-unit-05 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-03 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-03 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-03 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-03 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-03 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-03 .c-item-05 {
    padding: 0 24px;
  }
  .basket-ui-03 .c-item-06 {
    margin-top: 37px;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 {
    padding: 12px;
    border-radius: 4px;
    background: #F8F8F9;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A {
    display: flex;
    justify-content: space-between;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 0px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B {
    display: none;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-01.on .expandingContent {
    display: block;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 {
    margin-top: 8px;
    padding: 12px;
    border-radius: 4px;
    background: #F1F9E9;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-A:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 60px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B {
    display: none;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .basket-ui-03 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-03 .c-item-08 > .c-row-02.on .c-row-02-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-03 .c-item-08 > .c-row-02.on .expandingContent {
    display: block;
  }
  .basket-ui-03 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-03 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-03 .basket-lnk-btn-01:hover {
    background-color: #6B337D;
  }
  .basket-ui-03 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-03 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-03 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-03 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-03 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-03 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 {
    position: sticky;
    top: 20px;
    width: 295px;
    margin-top: 24px;
    padding: 24px 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: sticky;
    top: 20px;
    padding: 24px;
  }
  .basket-ui-04 .c-item-01 {
    margin-bottom: 24px;
    padding: 0 0px 24px 0px;
    border-bottom: 1px solid #FDEDE9;
  }
  .basket-ui-04 .c-item-01 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-01 .c-unit-03 {
    margin-top: 24px;
  }
  .basket-ui-04 .c-item-01 .c-unit-04 {
    margin-top: 8px;
    padding-left: 24px;
    color: #7CB449;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-01 .c-unit-04:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5817%29%22%3E%20%3Cpath%20d%3D%22M10%2012V11H13.2929L9%206.70705L6.8535%208.8535C6.80709%208.89995%206.75199%208.9368%206.69133%208.96194C6.63067%208.98708%206.56566%209.00002%206.5%209.00002C6.43434%209.00002%206.36933%208.98708%206.30867%208.96194C6.24801%208.9368%206.19291%208.89995%206.1465%208.8535L1%203.70705L1.70705%203L6.5%207.79295L8.6465%205.6465C8.69291%205.60005%208.74801%205.5632%208.80867%205.53806C8.86932%205.51292%208.93434%205.49998%209%205.49998C9.06566%205.49998%209.13068%205.51292%209.19133%205.53806C9.25199%205.5632%209.30709%205.60005%209.3535%205.6465L14%2010.293V7H15V12H10Z%22%20fill%3D%22%237CB449%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5817%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix%281%200%200%20-1%200%2016%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-01 .c-unit-05 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #FAF3FB;
    border-radius: 4px;
    color: #452362;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .basket-ui-04 .c-item-02 .c-unit-02 {
    margin: 20px 0 0 0;
    padding: 12px 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 {
    margin: 20px 0 16px 0;
  }
  .basket-ui-04 .c-item-02 .c-unit-03 .c-unit-03-A {
    margin-bottom: 4px;
  }
  .basket-ui-04 .c-item-03 {
    margin: 20px auto 24px auto;
  }
  .basket-ui-04 .c-item-04 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-04 .c-unit-01 {
    margin-bottom: 8px;
  }
  .basket-ui-04 .c-item-04 > :last-child {
    margin-bottom: 0;
  }
  .basket-ui-04 .c-item-05 {
    padding: 0 24px;
  }
  .basket-ui-04 .c-item-06 {
    margin-top: 0;
  }
  .basket-ui-04 .c-item-07 {
    padding: 0px 20px;
  }
  .basket-ui-04 .c-item-07 .c-unit-01 {
    color: #171718;
    text-align: center;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  .basket-ui-04 .c-item-07 .c-unit-02 {
    color: #171718;
    text-align: center;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.8;
    margin-top: 12px;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 {
    padding: 12px;
    border-radius: 4px;
    background: #F8F8F9;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A {
    display: flex;
    justify-content: space-between;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 0px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-A .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B {
    display: none;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-B {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01 .c-row-01-B .c-unit-01 .c-unit-01-C {
    color: #171718;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-01.on .c-row-01-A .c-unit-01-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-01.on .expandingContent {
    display: block;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 {
    margin-top: 8px;
    padding: 12px;
    border-radius: 4px;
    background: #F1F9E9;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A {
    color: #171718;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-A:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 60px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_16_5250%29%22%3E%20%3Cpath%20d%3D%22M6%208.24961L2.25%204.49961L2.775%203.97461L6%207.19961L9.225%203.97461L9.75%204.49961L6%208.24961Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_16_5250%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B {
    display: none;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A {
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-A:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_3113%29%22%3E%20%3Cpath%20d%3D%22M6.375%208.25V5.25H4.875V6H5.625V8.25H4.5V9H7.5V8.25H6.375Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%203C5.88875%203%205.77999%203.03299%205.68749%203.0948C5.59499%203.15661%205.52289%203.24446%205.48032%203.34724C5.43774%203.45002%205.4266%203.56312%205.44831%203.67224C5.47001%203.78135%205.52359%203.88158%205.60225%203.96025C5.68092%204.03891%205.78115%204.09249%205.89026%204.11419C5.99938%204.1359%206.11248%204.12476%206.21526%204.08218C6.31804%204.03961%206.40589%203.96751%206.4677%203.87501C6.52951%203.78251%206.5625%203.67375%206.5625%203.5625C6.5625%203.41332%206.50324%203.27024%206.39775%203.16475C6.29226%203.05926%206.14918%203%206%203Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M6%2011.25C4.96165%2011.25%203.94662%2010.9421%203.08326%2010.3652C2.2199%209.78834%201.54699%208.9684%201.14963%208.00909C0.752275%207.04978%200.648307%205.99418%200.85088%204.97578C1.05345%203.95738%201.55347%203.02192%202.28769%202.28769C3.02192%201.55347%203.95738%201.05345%204.97578%200.85088C5.99418%200.648307%207.04978%200.752275%208.00909%201.14963C8.9684%201.54699%209.78834%202.2199%2010.3652%203.08326C10.9421%203.94662%2011.25%204.96165%2011.25%206C11.25%207.39239%2010.6969%208.72775%209.71231%209.71231C8.72775%2010.6969%207.39239%2011.25%206%2011.25ZM6%201.5C5.10999%201.5%204.23996%201.76392%203.49994%202.25839C2.75992%202.75286%202.18314%203.45566%201.84254%204.27793C1.50195%205.10019%201.41284%206.00499%201.58647%206.87791C1.7601%207.75082%202.18869%208.55265%202.81802%209.18198C3.44736%209.81132%204.24918%2010.2399%205.1221%2010.4135C5.99501%2010.5872%206.89981%2010.4981%207.72208%2010.1575C8.54434%209.81686%209.24715%209.24009%209.74162%208.50007C10.2361%207.76005%2010.5%206.89002%2010.5%206C10.5%204.80653%2010.0259%203.66194%209.18198%202.81802C8.33807%201.97411%207.19348%201.5%206%201.5Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_3113%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .basket-ui-04 .c-item-08 > .c-row-02 .c-row-02-B .c-unit-01 .c-unit-01-B {
    color: #214F12;
    text-align: right;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .basket-ui-04 .c-item-08 > .c-row-02.on .c-row-02-A:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_42_6898%29%22%3E%20%3Cpath%20d%3D%22M6%203.75L9.75%207.5L9.225%208.025L6%204.8L2.775%208.025L2.25%207.5L6%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_42_6898%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .basket-ui-04 .c-item-08 > .c-row-02.on .expandingContent {
    display: block;
  }
  .basket-ui-04 .basket-lnk-btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 247px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .basket-ui-04 .basket-lnk-btn-01.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .basket-ui-04 .basket-lnk-btn-01:hover {
    background-color: #6B337D;
  }
  .basket-ui-04 .basket-lnk-btn-01.on ~ .basket-lnk-btn-loader {
    display: block;
    margin-bottom: 20px;
    padding: 0 24px;
  }
  .basket-ui-04 .as-chk-A label {
    align-items: center;
  }
  .basket-ui-04 .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
  }
  .basket-ui-04 .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-ui-04 .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 40px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-ui-04 .as-chk-A #AgreementApproval-error::before {
    content: "";
    display: none;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-ui-04 .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
}
/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
/* Begin: Radio Mixin */
/* End: Radio Mixin */
/* Item removing styles */
[data-removed-temp-line-id].template-line {
  display: none;
}

[data-cart-line-placeholder] {
  opacity: 1;
  transition: opacity 0.2s, height 0.2s;
}
[data-cart-line-placeholder] [data-line-id] {
  opacity: 1;
  transition: opacity 0.2s 0s, position 0s 0s;
}
[data-cart-line-placeholder] [data-removed-temp-line-id] {
  opacity: 0;
  transition: opacity 0.2s 0s;
}
[data-cart-line-placeholder].removing {
  overflow: hidden;
}
[data-cart-line-placeholder].removing [data-line-id] {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s 0s, position 0s 0.2s;
}
[data-cart-line-placeholder].removing [data-removed-temp-line-id] {
  opacity: 1;
  transition: opacity 0.2s 0.2s;
}
[data-cart-line-placeholder].unremoving [data-line-id] {
  opacity: 1;
  transition: opacity 0.2s 0.2s;
}
[data-cart-line-placeholder].unremoving [data-removed-temp-line-id] {
  opacity: 0;
  transition: opacity 0.2s 0s;
}
[data-cart-line-placeholder].permanentlyRemoving {
  opacity: 0;
  height: 0 !important;
  transition: opacity 0.2s 0s, height 0.2s 0.2s !important;
}

/* End: Item removing styles */
@media all and (max-width: 414px) {
  .basket-card-ui-01 .c-item-01 {
    width: 94px;
    height: 70px;
    margin-right: 8px;
  }
  .basket-card-ui-01 .c-item-02 {
    width: 233px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B {
    margin: 12px 0 24px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
    width: 100%;
    margin-bottom: 4px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-03 {
    width: 107px;
    height: 36px;
    margin-top: 20px;
    background: #FFFFFF;
  }
  .basket-card-ui-01 .c-item-03.v1 {
    margin-top: 20px;
    margin-left: 120px;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B {
    flex: 1;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
    font-weight: 600;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
    width: 36px;
    height: 36px;
    background: #FDEDE9;
    border-radius: 8px;
  }
  .basket-card-ui-01 .c-item-04 {
    margin-top: 15px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A {
    display: flex;
    align-items: center;
    color: #2B3E73;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
    margin-right: 4px;
  }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FDF5F2;
    border-radius: 4px;
    border: 1px solid #FDF5F2;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label::before {
    top: 17px;
    left: 12px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label:hover::before {
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
    display: block;
    margin-bottom: 4px;
    line-height: 13px;
    font-size: 11px;
    font-weight: 400;
    color: #555556;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label::before {
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-card-ui-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 16px;
    height: 16px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 16px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A {
    width: 48px;
    height: 48px;
    padding: 4.8px;
    background-color: #fff;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A img {
    width: 38.4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B {
    margin-left: 16px;
    width: 233px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
    margin: 4px 0 16px 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 {
    margin-right: 4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03:last-child {
    margin-right: 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-C {
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
    margin-left: 8px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .basket-card-ui-01 .c-item-01 {
    width: 94px;
    height: 70px;
    margin-right: 8px;
  }
  .basket-card-ui-01 .c-item-02 {
    width: 233px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B {
    margin: 12px 0 24px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
    width: 100%;
    margin-bottom: 4px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-03 {
    width: 107px;
    height: 36px;
    margin-top: 20px;
    background: #FFFFFF;
  }
  .basket-card-ui-01 .c-item-03.v1 {
    margin-top: 20px;
    margin-left: 120px;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B {
    flex: 1;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
    font-weight: 600;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
    width: 36px;
    height: 36px;
    background: #FDEDE9;
    border-radius: 8px;
  }
  .basket-card-ui-01 .c-item-04 {
    margin-top: 15px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A {
    display: flex;
    align-items: center;
    color: #2B3E73;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
    margin-right: 4px;
  }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FDF5F2;
    border-radius: 4px;
    border: 1px solid #FDF5F2;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label::before {
    top: 17px;
    left: 12px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label:hover::before {
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
    display: block;
    margin-bottom: 4px;
    line-height: 13px;
    font-size: 11px;
    font-weight: 400;
    color: #555556;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label::before {
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-card-ui-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 16px;
    height: 16px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 16px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A {
    width: 48px;
    height: 48px;
    padding: 4.8px;
    background-color: #fff;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A img {
    width: 38.4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B {
    margin-left: 16px;
    width: 233px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
    margin: 4px 0 16px 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 {
    margin-right: 4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03:last-child {
    margin-right: 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-C {
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
    margin-left: 8px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .basket-card-ui-01 {
    padding: 24px 20px;
    background-color: #ffffff;
  }
  .basket-card-ui-01 .c-item-01 {
    width: 98px;
    height: 70px;
  }
  .basket-card-ui-01 .c-item-02 {
    width: 370px;
    margin: 0 73px 0 12px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B {
    margin: 12px 0 24px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C {
    width: 479px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
    margin: 0 8px 8px 0;
    width: 154px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
    margin-right: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-03 {
    width: 111px;
    height: 36px;
    background: #FFFFFF;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B {
    flex: 1;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
    width: 36px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FDEDE9;
    border-radius: 12px;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A svg, .basket-card-ui-01 .c-item-03 .c-item-03-C svg {
    width: 16px;
    height: 16px;
  }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-card-ui-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FDF5F2;
    border-radius: 4px;
    border: 1px solid #FDF5F2;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label::before {
    top: 17px;
    left: 12px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label:hover::before {
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
    display: block;
    margin-bottom: 4px;
    line-height: 13px;
    font-size: 11px;
    font-weight: 400;
    color: #555556;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 > .c-unit-02-B {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label::before {
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .basket-card-ui-02 {
    padding: 16px;
    background-color: #ffffff;
  }
  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 20px 20px 20px 32px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A img {
    width: 44px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B {
    margin-left: 32px;
    width: 370px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
    margin: 4px 0 20px 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
    margin-right: 4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
    margin-right: 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-C {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
    margin-left: 8px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .basket-card-ui-01 {
    padding: 24px 20px;
    background-color: #ffffff;
  }
  .basket-card-ui-01 .c-item-01 {
    width: 98px;
    height: 70px;
  }
  .basket-card-ui-01 .c-item-02 {
    width: 370px;
    margin: 0 73px 0 12px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B {
    margin: 12px 0 24px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C {
    width: 479px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
    margin: 0 8px 8px 0;
    width: 154px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
    margin-right: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-03 {
    width: 111px;
    height: 36px;
    background: #FFFFFF;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B {
    flex: 1;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
    width: 36px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FDEDE9;
    border-radius: 12px;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A svg, .basket-card-ui-01 .c-item-03 .c-item-03-C svg {
    width: 16px;
    height: 16px;
  }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-card-ui-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FDF5F2;
    border-radius: 4px;
    border: 1px solid #FDF5F2;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label::before {
    top: 17px;
    left: 12px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label:hover::before {
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
    display: block;
    margin-bottom: 4px;
    line-height: 13px;
    font-size: 11px;
    font-weight: 400;
    color: #555556;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 > .c-unit-02-B {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label::before {
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .basket-card-ui-02 {
    padding: 16px;
    background-color: #ffffff;
  }
  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 20px 20px 20px 32px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A img {
    width: 44px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B {
    margin-left: 32px;
    width: 370px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
    margin: 4px 0 20px 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
    margin-right: 4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
    margin-right: 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-C {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
    margin-left: 8px;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .basket-card-ui-01 {
    padding: 32px;
    border-bottom: 1px solid #E5E5E5;
    opacity: 1;
    height: auto;
    transition: opacity 0.3s 0.3s, height 0.3s 0s, padding 0.3s 0s;
  }
  .basket-card-ui-01 .c-item-01 {
    width: 138px;
    height: 100px;
  }
  .basket-card-ui-01 .c-item-01 .c-item-01-A {
    width: 100px;
    height: 100px;
  }
  .basket-card-ui-01 .c-item-01 .c-item-01-A img {
    width: 70px;
    height: 70px;
  }
  .basket-card-ui-01 .c-item-02 {
    width: 539px;
    margin: 0 40px 0 20px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-A {
    /*.c-unit-01 {
        margin-bottom: 8px;

        .c-unit-01-B {
            width: 12px;
            height: 1px;
            margin: 0 8px;
            display: inline-block;
            vertical-align: middle;
            background: $CT-BW400;
        }
    }

    .c-unit-02 {
    }

    .c-unit-03 {
        margin-top: 24px;
    }*/
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B {
    margin: 8px 0 24px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
    margin-right: 28px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: -20px;
    width: 12px;
    height: 1px;
    background: #C4C4C4;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
    margin: 0 8px 8px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
    margin-right: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-03 {
    height: 60px;
    flex: 1;
    padding: 0 12px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B {
    flex: 1;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
    width: 20px;
  }
  .basket-card-ui-01 .c-item-04 {
    margin-top: 25px;
    margin-left: 158px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A {
    display: flex;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
    margin-right: 8px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-02 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
  }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-card-ui-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FDF5F2;
    border-radius: 4px;
    border: 1px solid #FDF5F2;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label::before {
    top: 17px;
    left: 12px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label:hover::before {
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
    display: block;
    margin-bottom: 4px;
    line-height: 13px;
    font-size: 11px;
    font-weight: 400;
    color: #555556;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label::before {
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .basket-card-ui-01.remove {
    opacity: 0;
    height: 0;
    padding: 0;
    transition: opacity 0.3s 0s, height 0.3s 0.3s, padding 0.3s 0.3s;
  }
  .basket-card-ui-02 {
    padding: 16px;
    border-bottom: 1px solid #E5E5E5;
  }
  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 20px 20px 20px 32px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A img {
    width: 44px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B {
    margin-left: 32px;
    width: 586px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
    margin: 4px 0 20px 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
    margin-right: 4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
    margin-right: 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-C {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
    margin-left: 8px;
  }
}
@media all and (min-width: 1680px) {
  .basket-card-ui-01 {
    padding: 32px;
    border-bottom: 1px solid #E5E5E5;
    opacity: 1;
    height: auto;
    transition: opacity 0.3s 0.3s, height 0.3s 0s, padding 0.3s 0s;
  }
  .basket-card-ui-01 .c-item-01 {
    width: 138px;
    height: 100px;
  }
  .basket-card-ui-01 .c-item-01 .c-item-01-A {
    width: 100px;
    height: 100px;
  }
  .basket-card-ui-01 .c-item-01 .c-item-01-A img {
    width: 70px;
    height: 70px;
  }
  .basket-card-ui-01 .c-item-02 {
    width: 539px;
    margin: 0 40px 0 20px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-A {
    /*.c-unit-01 {
        margin-bottom: 8px;

        .c-unit-01-B {
            width: 12px;
            height: 1px;
            margin: 0 8px;
            display: inline-block;
            vertical-align: middle;
            background: $CT-BW400;
        }
    }

    .c-unit-02 {
    }

    .c-unit-03 {
        margin-top: 24px;
    }*/
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B {
    margin: 8px 0 24px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01 {
    margin-right: 28px;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-B .c-unit-01:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: -20px;
    width: 12px;
    height: 1px;
    background: #C4C4C4;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C .c-unit {
    margin: 0 8px 8px 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-child(3n) {
    margin-right: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :last-child {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(2) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-02 .c-item-02-C > :nth-last-child(3) {
    margin-bottom: 0;
  }
  .basket-card-ui-01 .c-item-03 {
    height: 60px;
    flex: 1;
    padding: 0 12px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B {
    flex: 1;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-B input[type=text] {
    width: 100%;
    text-align: center;
  }
  .basket-card-ui-01 .c-item-03 .c-item-03-A, .basket-card-ui-01 .c-item-03 .c-item-03-C {
    width: 20px;
  }
  .basket-card-ui-01 .c-item-04 {
    margin-top: 25px;
    margin-left: 158px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A {
    display: flex;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-01 {
    margin-right: 8px;
  }
  .basket-card-ui-01 .c-item-04 .c-item-04-A .c-unit-02 {
    color: #2B3E73;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
  }
  .basket-card-ui-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .basket-card-ui-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .basket-card-ui-01 .basket-rdb-A > label {
    flex-direction: column;
    padding: 12px 16px 12px 52px;
    background-color: #FDF5F2;
    border-radius: 4px;
    border: 1px solid #FDF5F2;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label::before {
    top: 17px;
    left: 12px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .basket-card-ui-01 .basket-rdb-A > label:hover::before {
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-01 {
    display: block;
    margin-bottom: 4px;
    line-height: 13px;
    font-size: 11px;
    font-weight: 400;
    color: #555556;
  }
  .basket-card-ui-01 .basket-rdb-A > label .c-unit-02 {
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label {
    background-color: #FAF3FB;
    border: 1px solid #C097C4;
  }
  .basket-card-ui-01 .basket-rdb-A input[type=radio]:checked ~ label::before {
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .basket-card-ui-01.remove {
    opacity: 0;
    height: 0;
    padding: 0;
    transition: opacity 0.3s 0s, height 0.3s 0.3s, padding 0.3s 0.3s;
  }
  .basket-card-ui-02 {
    padding: 16px;
    border-bottom: 1px solid #E5E5E5;
  }
  .basket-card-ui-02 .c-item-01 {
    background: #FAF3FB;
    border-radius: 4px;
    padding: 20px 20px 20px 32px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-A img {
    width: 44px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B {
    margin-left: 32px;
    width: 586px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-02 {
    margin: 4px 0 20px 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 .c-unit-03-A {
    margin-right: 4px;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-B .c-unit-03 > :last-child {
    margin-right: 0;
  }
  .basket-card-ui-02 .c-item-01 .c-item-01-C {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background: #F4EAE9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .basket-card-ui-02 .basket-card-lnk-btn-01 .c-unit-04 {
    margin-left: 8px;
  }
}
/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #breadCrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 0px;
    background: rgba(255, 255, 255, 0.01);
  }
  #breadCrumb .c-item-01 {
    margin-right: 28px;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.01em;
    color: #2B3E73;
  }
  #breadCrumb .c-item-01:after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("/Content/Images/Icons/chevron--right.png");
  }
  #breadCrumb .c-item-01:last-child {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.01em;
    color: #C93504;
  }
  #breadCrumb .c-item-01:last-child:after {
    display: none;
  }
}
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #breadCrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0 16px 0;
    background: rgba(255, 255, 255, 0.01);
  }
  #breadCrumb .c-item-01 {
    margin-right: 28px;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.01em;
    color: #2B3E73;
  }
  #breadCrumb .c-item-01:after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("/Content/Images/Icons/chevron--right.png");
  }
  #breadCrumb .c-item-01:last-child {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.01em;
    color: #C93504;
  }
  #breadCrumb .c-item-01:last-child:after {
    display: none;
  }
}
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #breadCrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0 16px 0;
    padding-left: 40px;
    border-bottom: 1px solid #EDEDED;
    background: rgba(255, 255, 255, 0.01);
  }
  #breadCrumb .c-wrapper {
    width: 100%;
  }
  #breadCrumb .c-wrapper .c-item-01 {
    margin-right: 28px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #2B3E73;
  }
  #breadCrumb .c-wrapper .c-item-01:after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("/Content/Images/Icons/chevron--right.png");
  }
  #breadCrumb .c-wrapper .c-item-01:last-child {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.01em;
    color: #C93504;
  }
  #breadCrumb .c-wrapper .c-item-01:last-child:after {
    display: none;
  }
}
/* MD */
/* LG */
#overlay-drw {
  position: absolute;
  top: -84px;
  width: 100%;
  height: calc(100% - 80px);
  z-index: 201;
  opacity: 0.15;
  background: #000;
}

.star-container {
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
}
.star-container .s1 {
  padding: 0;
  order: 1;
}
.star-container .s2 {
  order: 2;
}
.star-container .s3 {
  order: 3;
}
.star-container .s4 {
  order: 4;
}
.star-container .s5 {
  order: 5;
}
.star-container .s2, .star-container .s3, .star-container .s4, .star-container .s5 {
  padding: 0;
}
.star-container .s2:hover ~ .element-item-01 .element-item-01-A svg path.empty, .star-container .s3:hover ~ .element-item-01 .element-item-01-A svg path.empty, .star-container .s4:hover ~ .element-item-01 .element-item-01-A svg path.empty, .star-container .s5:hover ~ .element-item-01 .element-item-01-A svg path.empty {
  display: none;
}
.star-container .s2:hover ~ .element-item-01 .element-item-01-A svg path.full, .star-container .s3:hover ~ .element-item-01 .element-item-01-A svg path.full, .star-container .s4:hover ~ .element-item-01 .element-item-01-A svg path.full, .star-container .s5:hover ~ .element-item-01 .element-item-01-A svg path.full {
  display: block;
}
.star-container .element-item-01 {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-right: 4px;
  cursor: pointer;
}
.star-container .element-item-01 .element-item-01-A {
  width: max-content;
}
.star-container .element-item-01 .element-item-01-A > svg path.full {
  display: none;
}
.star-container .element-item-01 .element-item-01-A:first-child {
  padding-right: 0;
}
.star-container .element-item-01:hover .element-item-01-A svg path.empty {
  display: none;
}
.star-container .element-item-01:hover .element-item-01-A svg path.full {
  display: block;
}
.star-container .element-item-01.on .element-item-01-A svg path.empty {
  display: none;
}
.star-container .element-item-01.on .element-item-01-A svg path.full {
  display: block;
}

@media all and (max-width: 414px) {
  #add-cart-mobile {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%;
  }
  #add-cart-mobile > .c-item-10 {
    justify-content: space-around;
  }
  #homeListing {
    padding-bottom: 1px;
  }
  .dir-f-confirm-modal {
    width: calc(100% - 40px) !important;
    height: 192px !important;
    top: calc(50% - 96px) !important;
    left: 20px !important;
    border-radius: 8px;
  }
  .dir-f-confirm-modal > #modal-content > #modal-header {
    display: none;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body {
    margin: 0 !important;
    padding-top: 37px !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738;
    text-align: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
    background-color: #FD4218;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 11px;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
    background-color: #FFF;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FD4218;
    border: 1px solid #FD4218;
  }
  .dir-f-confirm-modal > #modal-content > #modal-close {
    display: none !important;
  }
  .fix-order-list {
    padding-bottom: 80px;
  }
  .pb-fix-01 {
    padding-bottom: 60px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  #add-cart-mobile {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%;
  }
  #add-cart-mobile > .c-item-10 {
    justify-content: space-around;
  }
  #homeListing {
    padding-bottom: 1px;
  }
  .dir-f-confirm-modal {
    width: calc(100% - 40px) !important;
    height: 192px !important;
    top: calc(50% - 96px) !important;
    left: 20px !important;
    border-radius: 8px;
  }
  .dir-f-confirm-modal > #modal-content > #modal-header {
    display: none;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body {
    margin: 0 !important;
    padding-top: 37px !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738;
    text-align: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
    background-color: #FD4218;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 11px;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
    background-color: #FFF;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FD4218;
    border: 1px solid #FD4218;
  }
  .dir-f-confirm-modal > #modal-content > #modal-close {
    display: none !important;
  }
  .fix-order-list {
    padding-bottom: 80px;
  }
  .pb-fix-01 {
    padding-bottom: 60px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  #add-cart-mobile {
    display: none;
  }
  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important;
    padding-top: 51px !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-header {
    display: none;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body {
    margin: 0 !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
    background-color: #FD4218;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 11px;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
    background-color: #FFF;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FD4218;
    border: 1px solid #FD4218;
  }
  .dir-f-confirm-modal > #modal-content > #modal-close {
    display: none !important;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #add-cart-mobile {
    display: none;
  }
  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important;
    padding-top: 51px !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-header {
    display: none;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body {
    margin: 0 !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
    background-color: #FD4218;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 11px;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
    background-color: #FFF;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FD4218;
    border: 1px solid #FD4218;
  }
  .dir-f-confirm-modal > #modal-content > #modal-close {
    display: none !important;
  }
  .comp-ui-05 .c-wrapper .container-02 {
    width: 100%;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #add-cart-mobile {
    display: none;
  }
  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body {
    margin: 0 !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
    background-color: #FD4218;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 11px;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
    background-color: #FFF;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FD4218;
    border: 1px solid #FD4218;
  }
  .dir-f-confirm-modal > #modal-content > #modal-close {
    display: none !important;
  }
}
@media all and (min-width: 1680px) {
  #add-cart-mobile {
    display: none;
  }
  .dir-f-confirm-modal {
    width: 294px !important;
    height: 228px !important;
    top: calc(50% - 187px) !important;
    left: calc(50% - 114px) !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body {
    margin: 0 !important;
  }
  .dir-f-confirm-modal > #modal-content > #modal-body .adress-delete {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-01 {
    background-color: #FD4218;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 11px;
  }
  .dir-f-confirm-modal > #modal-content .adress-delete-confirm > .c-item-02 {
    background-color: #FFF;
    width: 121px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FD4218;
    border: 1px solid #FD4218;
  }
  .dir-f-confirm-modal > #modal-content > #modal-close {
    display: none !important;
  }
}
.content-carousel-ui-01 {
  background-color: #fff;
}
.content-carousel-ui-01 .c-wrapper {
  background: #FFFFFF;
  padding-bottom: 32px;
  border-radius: 8px;
}
.content-carousel-ui-01 .c-wrapper > .c-item-01 {
  padding: 32px;
}
.content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
  padding: 8px 12px;
  background: rgb(250, 251, 253);
}
.content-carousel-ui-01 .c-wrapper .owl-nav {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.35s 0s, visibility 0s 0.35s;
  width: 100%;
  top: calc(50% - 26px);
}
.content-carousel-ui-01 .c-wrapper .owl-nav .owl-prev {
  background: url(/Content/Images/Icons/left-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px auto;
  background-color: #F8F8F8;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  left: 32px;
}
.content-carousel-ui-01 .c-wrapper .owl-nav .owl-next {
  background: url(/Content/Images/Icons/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #F8F8F8;
  background-size: 7px auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  right: 32px;
}
.content-carousel-ui-01 .c-wrapper:hover .owl-nav {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.35s 0s, visibility 0s 0s;
}

.content-carousel-ui-02 {
  background-color: #fff;
  margin-bottom: 0 !important;
}
.content-carousel-ui-02 .c-wrapper {
  background: #FFFFFF;
}
.content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
  overflow: hidden;
  padding: 0 20px 0px 20px;
}
.content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 {
  width: unset !important;
  display: block;
}
.content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #E9EBF1;
}
.content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
  object-fit: contain;
}
.content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-B {
  text-align: center;
  font-size: 13px;
  line-height: 16px;
}

@media all and (max-width: 414px) {
  .content-carousel-ui-01 {
    padding-top: 0;
  }
  .content-carousel-ui-01 .c-wrapper {
    width: 100%;
    border-radius: 0;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 {
    padding: 24px 24px 24px 20px;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
    display: none;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-03 {
    display: none !important;
    margin-top: 20px;
  }
  .content-carousel-ui-02 .c-wrapper {
    width: 100%;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-01 {
    padding: 24px 0 24px 20px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-02 {
    padding: 0 0 28px 0;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 {
    width: 120px;
    height: 80px;
    margin-bottom: 12px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 img {
    width: 90px;
    height: 48px;
  }
  .content-carousel-ui-03 {
    padding: 20px 0 20px 0;
  }
  .content-carousel-ui-03 .owl-stage-outer {
    padding: 0 0 4px 30px;
  }
  .content-carousel-ui-03 .c-item {
    width: 335px;
    height: 268px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
  }
  .content-carousel-ui-03 .c-item .c-item-01 {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .c-item .c-item-02 {
    width: 100%;
    height: 68px;
    padding: 0 16px;
    display: flex;
    align-items: center;
  }
  .content-carousel-ui-03 .c-item .c-item-03 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 22px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
  }
  .content-carousel-ui-03 .c-item .c-item-04 {
    display: none;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
    height: unset;
    padding: 16px 16px 0 16px;
  }
}
@media all and (max-width: 360px) {
  .content-carousel-ui-03 .c-item {
    width: 280px;
  }
  .content-carousel-ui-03 .c-item .c-item-02 {
    padding: 0 8px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .content-carousel-ui-01 {
    padding-top: 0;
  }
  .content-carousel-ui-01 .c-wrapper {
    width: 100%;
    border-radius: 0;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 {
    padding: 24px 24px 24px 20px;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
    display: none;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-03 {
    display: none !important;
    margin-top: 20px;
  }
  .content-carousel-ui-02 .c-wrapper {
    width: 100%;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-01 {
    padding: 24px 0 24px 20px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-02 {
    padding: 0 0 28px 0;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 {
    width: 120px;
    height: 80px;
    margin-bottom: 12px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-02 .c-unit-01-A-1 img {
    width: 90px;
    height: 48px;
  }
  .content-carousel-ui-03 {
    padding: 20px 0 20px 0;
  }
  .content-carousel-ui-03 .owl-stage-outer {
    padding: 0 0 4px 30px;
  }
  .content-carousel-ui-03 .c-item {
    width: 335px;
    height: 268px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
  }
  .content-carousel-ui-03 .c-item .c-item-01 {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .c-item .c-item-02 {
    width: 100%;
    height: 68px;
    padding: 0 16px;
    display: flex;
    align-items: center;
  }
  .content-carousel-ui-03 .c-item .c-item-03 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 22px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
  }
  .content-carousel-ui-03 .c-item .c-item-04 {
    display: none;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
    height: unset;
    padding: 16px 16px 0 16px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .content-carousel-ui-01 {
    padding-top: 0;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 {
    padding: 24px 24px 24px 20px;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
    display: none;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-03 {
    margin-top: 20px;
  }
  .content-carousel-ui-02 .c-wrapper {
    border-radius: 8px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-01 {
    padding: 24px 0 24px 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
    overflow: hidden;
    padding: 0 20px 0px 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 {
    padding: 0 0 32px 0;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 {
    width: 150px;
    height: 85px;
    margin-bottom: 16px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 img {
    width: 110px;
    height: 69px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .owl-stage-outer .owl-stage > :first-child .c-unit-01 {
    margin-left: 20px;
  }
  .content-carousel-ui-03 .owl-stage-outer {
    padding-left: calc((100% - 704px) / 2);
    padding-bottom: 4px;
  }
  .content-carousel-ui-03 .c-item {
    width: 704px;
    height: 499px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
  }
  .content-carousel-ui-03 .c-item .c-item-01 {
    width: 100%;
    height: 419px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .c-item .c-item-02 {
    width: 330px;
    height: 80px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .content-carousel-ui-03 .c-item .c-item-03 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 23px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
  }
  .content-carousel-ui-03 .c-item .c-item-04 {
    display: none;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
    height: unset;
    padding: 16px 0 0 20px;
    align-items: unset;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .content-carousel-ui-01 {
    padding-top: 0;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 {
    padding: 24px 24px 24px 20px;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 .c-unit-02 {
    display: none;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-03 {
    margin-top: 20px;
  }
  .content-carousel-ui-02 .c-wrapper {
    border-radius: 8px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-01 {
    padding: 24px 0 24px 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
    overflow: hidden;
    padding: 0 20px 0px 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 {
    padding: 0 0 32px 0;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 {
    width: 150px;
    height: 85px;
    margin-bottom: 16px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01-A-1 img {
    width: 110px;
    height: 69px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .owl-stage-outer .owl-stage > :first-child .c-unit-01 {
    margin-left: 20px;
  }
  .content-carousel-ui-03 .owl-stage-outer {
    padding-left: calc((100% - 704px) / 2);
    padding-bottom: 4px;
  }
  .content-carousel-ui-03 .c-item {
    width: 704px;
    height: 499px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
  }
  .content-carousel-ui-03 .c-item .c-item-01 {
    width: 100%;
    height: 419px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .c-item .c-item-02 {
    width: 330px;
    height: 80px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .content-carousel-ui-03 .c-item .c-item-03 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 23px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
  }
  .content-carousel-ui-03 .c-item .c-item-04 {
    display: none;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-02 {
    height: unset;
    padding: 16px 0 0 20px;
    align-items: unset;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .content-carousel-ui-01 {
    border-radius: 8px;
    padding-top: 0;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 {
    padding: 32px 32px 32px 0px;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-02 {
    padding: 0px 20px 8px 0px !important;
  }
  .content-carousel-ui-02 {
    background-color: white;
  }
  .content-carousel-ui-02 .c-wrapper {
    background: #FFFFFF;
    border-radius: 8px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-01 {
    padding: 32px 32px 32px 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
    overflow: hidden;
    padding: 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 {
    display: block;
    width: 150px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A {
    width: 150px;
    height: 85px;
    margin-bottom: 16px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
    width: 150px;
    height: 85px;
    border-radius: 4px;
    border: 1px solid #E9EBF1;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
    width: 90px;
    height: 48px;
  }
  .content-carousel-ui-03 {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .content-carousel-ui-03.owl-carousel {
    width: 1240px;
    margin: 0 auto;
  }
  .content-carousel-ui-03 .c-item .c-item-01 {
    width: 100%;
    height: 375px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .c-item .c-item-02, .content-carousel-ui-03 .c-item .c-item-03 {
    display: none;
  }
  .content-carousel-ui-03 .c-item .c-item-04 {
    height: 100%;
    width: 500px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A {
    width: 100%;
    height: 100%;
    padding: 36px 40px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-01 {
    width: 360px;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 {
    width: 176px;
    height: 56px;
    background: #7A3986;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
    margin-right: 15px;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-04 {
    height: unset;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-04 .c-item-04-A .c-unit-02 {
    margin-top: 40px;
  }
  .content-carousel-ui-03 .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #F5F6F9;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot {
    width: 85px;
    height: 60px;
    border-radius: 4px;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot:not(:last-child) {
    margin-right: 12px;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot.active:after {
    content: "";
    width: 45px;
    height: 3px;
    background: #E83A10;
    border-radius: 8px;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 22.5px);
  }
  .content-carousel-ui-03.f-category-slider.owl-carousel {
    width: 100%;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-01 {
    width: 100%;
    height: 377px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 {
    /* height: calc(100% - 50px);*/
    width: 328px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A {
    width: 100%;
    height: 100%;
    padding: 28px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-01 {
    width: 100%;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #1F2E5C;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 {
    width: 100%;
    height: 56px;
    background: #FD552E;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
    margin-right: 15px;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #FFFFFF;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C4C4C4;
    opacity: 0.6;
    transition: background 0.25s, opacity 0.25s;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot:not(:last-child) {
    margin-right: 12px;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot span {
    display: none;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active {
    background: #787878;
    opacity: 1;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active:after {
    display: none;
  }
}
@media all and (min-width: 1680px) {
  .content-carousel-ui-01 {
    border-radius: 8px;
    padding-top: 0;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-01 {
    padding: 32px 32px 32px 0px;
  }
  .content-carousel-ui-01 .c-wrapper > .c-item-02 {
    padding: 0px 20px 8px 0px !important;
  }
  .content-carousel-ui-02 {
    background-color: white;
  }
  .content-carousel-ui-02 .c-wrapper {
    background: #FFFFFF;
    border-radius: 8px;
  }
  .content-carousel-ui-02 .c-wrapper .c-item-01 {
    padding: 32px 32px 32px 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 {
    overflow: hidden;
    padding: 0px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 {
    display: block;
    width: 150px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A {
    width: 150px;
    height: 85px;
    margin-bottom: 16px;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 {
    width: 150px;
    height: 85px;
    border-radius: 4px;
    border: 1px solid #E9EBF1;
  }
  .content-carousel-ui-02 .c-wrapper .inner-swiper-04 .c-item-02 .c-unit-01 .c-unit-01-A .c-unit-01-A-1 img {
    width: 90px;
    height: 48px;
  }
  .content-carousel-ui-03 {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .content-carousel-ui-03.owl-carousel {
    width: 1240px;
    margin: 0 auto;
  }
  .content-carousel-ui-03 .c-item .c-item-01 {
    width: 100%;
    height: 375px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .c-item .c-item-02, .content-carousel-ui-03 .c-item .c-item-03 {
    display: none;
  }
  .content-carousel-ui-03 .c-item .c-item-04 {
    height: 100%;
    width: 500px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A {
    width: 100%;
    height: 100%;
    padding: 36px 40px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-01 {
    width: 360px;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 {
    width: 176px;
    height: 56px;
    background: #7A3986;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content-carousel-ui-03 .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
    margin-right: 15px;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-04 {
    height: unset;
  }
  .content-carousel-ui-03 .c-item.type-2 .c-item-04 .c-item-04-A .c-unit-02 {
    margin-top: 40px;
  }
  .content-carousel-ui-03 .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #F5F6F9;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot {
    width: 85px;
    height: 60px;
    border-radius: 4px;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot:not(:last-child) {
    margin-right: 12px;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03 .owl-dots .owl-dot.active:after {
    content: "";
    width: 45px;
    height: 3px;
    background: #E83A10;
    border-radius: 8px;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 22.5px);
  }
  .content-carousel-ui-03.f-category-slider.owl-carousel {
    width: 100%;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-01 {
    width: 100%;
    height: 377px;
    object-fit: cover;
    object-position: center;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 {
    /* height: calc(100% - 50px);*/
    width: 328px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A {
    width: 100%;
    height: 100%;
    padding: 28px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-01 {
    width: 100%;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #1F2E5C;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 {
    width: 100%;
    height: 56px;
    background: #FD552E;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .content-carousel-ui-03.f-category-slider .c-item .c-item-04 .c-item-04-A .c-unit-02 svg {
    margin-right: 15px;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #FFFFFF;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C4C4C4;
    opacity: 0.6;
    transition: background 0.25s, opacity 0.25s;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot:not(:last-child) {
    margin-right: 12px;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot span {
    display: none;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active {
    background: #787878;
    opacity: 1;
  }
  .content-carousel-ui-03.f-category-slider .owl-dots .owl-dot.active:after {
    display: none;
  }
}
#modal-wrapper.type-drw #modal-header {
  color: #1B1B1B;
}
#modal-wrapper.type-drw #modal-body::-webkit-scrollbar {
  width: 5px;
}
#modal-wrapper.type-drw #modal-body::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 2px;
  background-color: #D5D5D6;
}
#modal-wrapper.type-drw #modal-footer {
  border-top: 1px solid #E6E6E7;
}
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
  border-radius: 4px;
}
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:disabled,
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:disabled {
  background-color: #909091;
}
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
  background-color: #FD552E;
  color: #fff;
}
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
  margin-right: 8px;
  color: #C93504;
}
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
  margin-right: 8px;
  background-color: #7A3986;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
#modal-wrapper.type-drw #modal-close {
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%207.05L16.95%206L12%2010.95L7.05%206L6%207.05L10.95%2012L6%2016.95L7.05%2018L12%2013.05L16.95%2018L18%2016.95L13.05%2012L18%207.05Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-color: #fff;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s;
}
#modal-wrapper.type-drw #modal-close:hover {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #modal-wrapper.type-drw #modal-header {
    height: 76px;
    padding: 0 70px 0 20px;
    border-bottom: 1px solid #E6E6E7;
    line-height: 22px !important;
  }
  #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
    font-weight: 600 !important;
    font-size: 18px !important;
    letter-spacing: -0.005em !important;
  }
  #modal-wrapper.type-drw #modal-body {
    /* padding: 0 20px;
    margin: 20px 0;*/
  }
  #modal-wrapper.type-drw #modal-footer {
    height: 100px;
    padding: 16px 20px 36px 20px;
    border-top: 1px solid #E6E6E7;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    height: 48px;
    line-height: 17px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
    padding: 0 12px;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary.disabled,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary.disabled,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary.disabled {
    background: grey;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
    flex: 1;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    width: 33%;
    background-color: #FDEDE9;
  }
  #modal-wrapper.type-drw #modal-footer .footer-btn {
    width: 100%;
  }
  #modal-wrapper.type-drw #modal-close {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: 40px;
    height: 40px;
    background-color: #F0F0F2;
  }
}
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #modal-wrapper.type-drw #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px !important;
  }
  #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
    font-weight: 600 !important;
    font-size: 24px !important;
    letter-spacing: -0.005em !important;
  }
  #modal-wrapper.type-drw #modal-body {
    padding: 0 40px 0 40px;
    margin: 0;
  }
  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    height: 42px;
    padding: 0 24px;
    line-height: 16px;
    font-weight: 500;
    font-size: 13px;
    transition: background-color 0.3s;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
    color: #fff;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
    background-color: #E83A10;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    background-color: #FDF5F2;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
    background-color: #FDEDE9;
  }
  #modal-wrapper.type-drw #modal-close {
    width: 48px;
    height: 48px;
  }
  #modal-wrapper.type-drw.dir-r2l #modal-close, #modal-wrapper.type-drw.dir-sm1-r2l #modal-close, #modal-wrapper.type-drw.dir-sm2-r2l #modal-close {
    top: 32px;
    right: auto;
    bottom: auto;
    left: -68px;
  }
  #modal-wrapper.type-drw.dir-l2r #modal-close, #modal-wrapper.type-drw.dir-sm1-l2r #modal-close, #modal-wrapper.type-drw.dir-sm2-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto;
  }
}
/* SM1 */
/* SM2 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #modal-wrapper.type-drw #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px;
  }
  #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.005em;
  }
  #modal-wrapper.type-drw #modal-body {
    padding: 0 40px 0 40px;
    margin: 0 0 40px 0;
  }
  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    height: 42px;
    padding: 0 24px;
    line-height: 16px;
    font-weight: 500;
    font-size: 13px;
    transition: background-color 0.3s;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:disabled:hover {
    background-color: #E9EBF1;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
    background-color: #E83A10;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    background-color: #FDF5F2;
  }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
    background-color: #FDEDE9;
  }
  #modal-wrapper.type-drw #modal-close {
    width: 48px;
    height: 48px;
  }
  #modal-wrapper.type-drw.dir-r2l #modal-close, #modal-wrapper.type-drw.dir-md-r2l #modal-close, #modal-wrapper.type-drw.dir-lg-r2l #modal-close {
    top: 32px;
    right: auto;
    bottom: auto;
    left: -68px;
  }
  #modal-wrapper.type-drw.dir-l2r #modal-close, #modal-wrapper.type-drw.dir-md-l2r #modal-close, #modal-wrapper.type-drw.dir-lg-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto;
  }
}
/* MD */
/* LG */
.comp-layout-footer-01 {
  padding: 40px 0;
  background-color: #fff;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
  width: 25%;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
  margin-top: 32px;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li {
  margin-bottom: 12px;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li:last-child {
  margin-bottom: 0;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 {
  display: none;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center {
  border-radius: 8px;
  background: #F3FBFF;
  padding: 32px;
  margin-top: 48px;
  height: fit-content;
  width: fit-content;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center > span {
  color: #211F20;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  display: block;
  margin-bottom: 16px;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center > a {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
  height: 1px;
  margin: 60px 0 33px 0;
  background: #E6E6E7;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
  margin-left: 20px;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 :first-child {
  margin-bottom: 8px;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .moobileSplitter {
  height: 1px;
  margin: 32px 0;
  background: #E6E6E7;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li {
  margin-right: 8px;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li:last-child {
  margin-right: 0;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li a {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D5D5D6;
  border-radius: 20px;
  box-sizing: border-box;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
  margin: 60px 0 0 0;
}
.comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 .c-item-01 svg {
  margin-right: 24px;
}
.comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-02 {
  margin-top: 40px;
}
.comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-02 .citem01 {
  margin-bottom: 20px;
}
.comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-splitter {
  height: 1px;
  margin: 40px 0;
  background: #E6E6E7;
}

@media all and (max-width: 414px) {
  .comp-layout-footer-01 {
    padding: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 {
    height: auto !important;
    margin-top: 60px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 100%;
    margin-bottom: 40px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
    display: none;
    margin-top: 32px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li:last-child {
    margin-bottom: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .plus {
    display: block;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .mines {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 .mines {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active ul {
    display: block;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .plus {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .mines {
    display: block;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center::before {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:before {
    content: "";
    position: absolute;
    height: 1px;
    top: -20px;
    width: 100%;
    background: #E6E6E7;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:last-child {
    margin-bottom: 60px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li {
    margin-right: 42px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li:last-child {
    margin-right: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li a {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-sizing: border-box;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .moobileSplitter {
    width: 100%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    margin: 32px 0 40px 0;
    width: 100%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
    margin: 0;
  }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-01 :last-child {
    margin-bottom: 0;
  }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-splitter {
    display: none;
    margin: 40px 0 20px 0;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-layout-footer-01 {
    padding: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 {
    height: auto !important;
    margin-top: 60px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 100%;
    margin-bottom: 40px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul {
    display: none;
    margin-top: 32px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul li:last-child {
    margin-bottom: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .plus {
    display: block;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li ul .mines {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .c-item-02 .mines {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active ul {
    display: block;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .plus {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.active .mines {
    display: block;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li.call-center::before {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:before {
    content: "";
    position: absolute;
    height: 1px;
    top: -20px;
    width: 100%;
    background: #E6E6E7;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:last-child {
    margin-bottom: 60px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .splitter {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li {
    margin-right: 42px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li:last-child {
    margin-right: 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-02 > ul > li a {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-sizing: border-box;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .moobileSplitter {
    width: 100%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    margin: 32px 0 40px 0;
    width: 100%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-03 {
    margin: 0;
  }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-container-01 :last-child {
    margin-bottom: 0;
  }
  .comp-layout-footer-01 .pre-footer-01 .c-wrapper .c-splitter {
    display: none;
    margin: 40px 0 20px 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-layout-footer-01 {
    padding: 0 0 80px 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 25%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
    display: inline-block;
    cursor: pointer;
    color: #555556;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
    content: attr(data-close);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
    content: attr(data-open);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
    order: 1;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
    order: 4;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
    order: 2;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
    order: 3;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
    order: 5;
    position: absolute;
    top: 200px;
    right: -80px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
    align-items: center;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-layout-footer-01 {
    padding: 0 0 80px 0;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 25%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
    display: inline-block;
    cursor: pointer;
    color: #555556;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
    content: attr(data-close);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
    content: attr(data-open);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
    order: 1;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
    order: 4;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
    order: 2;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
    order: 3;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
    order: 5;
    position: absolute;
    top: 200px;
    right: -80px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
    align-items: center;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 25%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
    display: inline-block;
    cursor: pointer;
    color: #555556;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
    content: attr(data-close);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
    content: attr(data-open);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label {
    margin-top: 10px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
    order: 1;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
    order: 4;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
    order: 2;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
    order: 3;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
    order: 5;
    position: absolute;
    top: 200px;
    right: 48px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
    align-items: center;
  }
}
@media all and (min-width: 1680px) {
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li {
    width: 25%;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label {
    display: inline-block;
    cursor: pointer;
    color: #555556;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-label::after {
    content: attr(data-close);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label::after {
    content: attr(data-open);
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .more-toggle:checked ~ .more-label {
    margin-top: 10px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-2:checked + .more-toggle-2 .extra-2 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li #more-toggle-3:checked + .more-toggle-3 .extra-3 {
    display: list-item;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-2,
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li .extra-3 {
    display: none;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(1) {
    order: 1;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(2) {
    order: 4;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(3) {
    order: 2;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(4) {
    order: 3;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-01 .c-level-01 > li:nth-child(5) {
    order: 5;
    position: absolute;
    top: 200px;
    right: 48px;
  }
  .comp-layout-footer-01 .footer-01 .c-wrapper .c-container-02 {
    align-items: center;
  }
}
.filter-ui-01 {
  padding: 28px 20px 28px 20px;
  background-color: #E9EBF1;
}
.filter-ui-01.storePage {
  display: none;
}
.filter-ui-01 .c-item-03 {
  display: none;
}
.filter-ui-01 .c-item-04 {
  display: none;
}

.filter-ui-02 {
  padding: 24px 20px 24px 20px;
  border-bottom: 1px solid #E6E6E7;
}
.filter-ui-02 .c-item-01 {
  height: 27px;
  margin: 0 0 20px 0;
}
.filter-ui-02 .c-item-02 > li:not(:last-child) {
  margin-bottom: 12px;
}

.filter-ui-03 {
  padding: 24px 20px;
  border-bottom: 1px solid #E6E6E7;
}
.filter-ui-03 .c-item-01 {
  height: 27px;
  margin: 0 0 20px 0;
}
.filter-ui-03 .c-item-02 {
  margin: 0 0 12px 0;
}
.filter-ui-03 .c-item-02 .c-item-02-A {
  width: 100%;
  height: 40px;
  padding: 0 0 0 12px;
  border: 1px solid #E6E6E7;
  border-radius: 4px;
}
.filter-ui-04 {
  padding: 24px 20px 24px 20px;
  border-bottom: 1px solid #E6E6E7;
}
.filter-ui-04 .c-item-01 {
  height: 27px;
  margin: 0 0 20px 0;
}
.filter-ui-04 .c-item-02 {
  margin: 0 0 12px 0;
}
.filter-ui-04 .c-item-02 .c-item-02-A,
.filter-ui-04 .c-item-02 .c-item-02-B {
  width: 80px;
  height: 40px;
  padding: 0 0 0 12px;
  border: 1px solid #E6E6E7;
  border-radius: 4px;
}
.filter-ui-04 .c-item-02 .c-item-02-A {
  margin: 0 4px 0 0;
}
.filter-ui-04 .c-item-02 .c-item-02-A:not([value=""]) ~ .c-item-02-C {
  background-color: #E83A10;
}
.filter-ui-04 .c-item-02 .c-item-02-B {
  margin: 0 11px 0 0;
}
.filter-ui-04 .c-item-02 .c-item-02-B:not([value=""]) ~ .c-item-02-C {
  background-color: #E83A10;
}
.filter-ui-05 {
  padding: 24px 20px 24px 20px;
  border-bottom: 1px solid #E6E6E7;
}
.filter-ui-05 .c-item-01 {
  height: 27px;
  margin: 0 0 20px 0;
}
@media all and (max-width: 414px) {
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%;
  }
  .filter-ui-01.storePage {
    display: none;
  }
  .filter-ui-01 .c-item-01 {
    margin-bottom: 12px;
  }
  .filter-ui-01 .c-item-02 {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #68686A;
  }
  .filter-ui-01 .c-item-02 {
    margin-bottom: 28px;
  }
  .filter-ui-01 .c-item-03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: -28px;
    top: -4px;
    background: #5E9AC9;
    border: 1px solid #E9EBF1;
    border-radius: 50%;
    z-index: 1;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
    position: absolute;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
    width: 100%;
    height: 100%;
    background: #E9EBF1;
    border-radius: 8px;
    text-align: center;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered .select2-selection__placeholder {
    display: flex;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
    content: "";
    position: absolute;
    left: -24px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .filter-ui-01 .c-item-04 {
    display: flex;
    align-items: center;
    width: calc(100% + 40px);
    margin-left: -20px;
    overflow-y: auto;
    padding-left: 20px;
    height: 73px;
    border-top: 1px solid #EDEDED;
  }
  .filter-ui-01 .c-item-04 .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 12px 16px;
    margin-right: 4px;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 100px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718;
    white-space: nowrap;
  }
  .sort_mobile_s2 .select2-search {
    display: none;
  }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px;
  }
  .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%;
  }
  .filter-ui-01.storePage {
    display: none;
  }
  .filter-ui-01 .c-item-01 {
    margin-bottom: 12px;
  }
  .filter-ui-01 .c-item-02 {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #68686A;
  }
  .filter-ui-01 .c-item-02 {
    margin-bottom: 28px;
  }
  .filter-ui-01 .c-item-03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: -28px;
    top: -4px;
    background: #5E9AC9;
    border: 1px solid #E9EBF1;
    border-radius: 50%;
    z-index: 1;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
    position: absolute;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
    width: 100%;
    height: 100%;
    background: #E9EBF1;
    border-radius: 8px;
    text-align: center;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered .select2-selection__placeholder {
    display: flex;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
    content: "";
    position: absolute;
    left: -24px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .filter-ui-01 .c-item-04 {
    display: flex;
    align-items: center;
    width: calc(100% + 40px);
    margin-left: -20px;
    overflow-y: auto;
    padding-left: 20px;
    height: 73px;
    border-top: 1px solid #EDEDED;
  }
  .filter-ui-01 .c-item-04 .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 12px 16px;
    margin-right: 4px;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 100px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718;
    white-space: nowrap;
  }
  .sort_mobile_s2 .select2-search {
    display: none;
  }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px;
  }
  .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .filter-ui-01.storePage {
    display: none;
  }
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%;
  }
  .filter-ui-01 .c-item-01 {
    margin-bottom: 12px;
  }
  .filter-ui-01 .c-item-02 {
    margin-bottom: 28px;
  }
  .filter-ui-01 .c-item-03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: -28px;
    top: -4px;
    background: #5E9AC9;
    border: 1px solid #E9EBF1;
    border-radius: 50%;
    z-index: 1;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
    position: absolute;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
    display: none;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
    content: "";
    position: absolute;
    left: -24px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .filter-ui-01 .c-item-04 {
    padding-left: calc(50vw - 352px);
    margin-left: 0;
    display: flex;
    align-items: center;
    width: calc(100% + 40px);
    overflow-y: auto;
    height: 73px;
    border-top: 1px solid #EDEDED;
  }
  .filter-ui-01 .c-item-04 .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 12px 16px;
    margin-right: 4px;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 100px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718;
    white-space: nowrap;
  }
  .sort_mobile_s2 .select2-search {
    display: none;
  }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px;
  }
  .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .filter-ui-01.storePage {
    display: none;
  }
  .filter-ui-01 {
    height: auto;
    padding: 20px 20px 0 20px;
    background-color: #FFFFFF;
    width: 100%;
  }
  .filter-ui-01 .c-item-01 {
    margin-bottom: 12px;
  }
  .filter-ui-01 .c-item-02 {
    margin-bottom: 28px;
  }
  .filter-ui-01 .c-item-03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-01 .c-unit-01-B {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-01.on .c-unit-01-B:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: -28px;
    top: -4px;
    background: #5E9AC9;
    border: 1px solid #E9EBF1;
    border-radius: 50%;
    z-index: 1;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 {
    height: 40px;
    width: calc(50% - 4px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E9EBF1;
    border-radius: 8px;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
    position: absolute;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .c-unit-02-B {
    display: none;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection .select2-selection__rendered {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .filter-ui-01 .c-item-03 .c-unit-02 .select2-container > .selection:before {
    content: "";
    position: absolute;
    left: -24px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M13.8%2010.3L12%2012.1V2H11V12.1L9.2%2010.3L8.5%2011L11.5%2014L14.5%2011L13.8%2010.3Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M4.5%202L1.5%205L2.2%205.7L4%203.9V14H5V3.9L6.8%205.7L7.5%205L4.5%202Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .filter-ui-01 .c-item-04 {
    padding-left: calc(50vw - 352px);
    margin-left: 0;
    display: flex;
    align-items: center;
    width: calc(100% + 40px);
    overflow-y: auto;
    height: 73px;
    border-top: 1px solid #EDEDED;
  }
  .filter-ui-01 .c-item-04 .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 12px 16px;
    margin-right: 4px;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 100px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #171718;
    white-space: nowrap;
  }
  .sort_mobile_s2 .select2-search {
    display: none;
  }
  .sort_mobile_s2 .select2-results__options {
    width: calc(50vw - 24px);
    padding: 8px;
    background: #E9EBF1;
    margin-top: 4px;
    border-radius: 8px;
  }
  .sort_mobile_s2 .select2-results__options .select2-results__option:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .filter-ui-01.storePage {
    display: none;
  }
  .filter-ui-02 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718;
  }
  .filter-ui-03 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718;
  }
  .filter-ui-04 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718;
  }
  .filter-ui-05 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
  }
}
@media all and (min-width: 1680px) {
  .filter-ui-01.storePage {
    display: none;
  }
  .filter-ui-02 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718;
  }
  .filter-ui-03 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718;
  }
  .filter-ui-04 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
    color: #171718;
  }
  .filter-ui-05 .c-item-01 {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.005em;
  }
}
#filter-chip-container {
  margin-top: 8px;
  height: 0;
  transition: height 0.2s 0.2s;
  overflow: hidden;
  margin-bottom: 8px;
}
#filter-chip-container.on {
  transition: height 0.2s 0s;
}
#filter-chip-container.on #filter-chip-content {
  opacity: 1;
  transition: opacity 0.2s 0.2s !important;
}

#filter-chip-content {
  padding: 20px 28px 14px 28px;
  background: #fff;
  border-radius: 8px 8px 0px 0px;
  border-bottom: 2px solid #D8BFDB;
  opacity: 0;
  transition: opacity 0.2s 0s;
}

#filter-chip-head {
  display: flex;
  margin: 0 0 20px 0;
}
#filter-chip-head .c-item-01 {
  margin: 0 12px 0 0;
}
#filter-chip-head .filterchip-hdr-A {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.005em;
  color: #853F8C;
}
#filter-chip-head .filterchip-lnk-A {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.005em;
  color: #68686A;
}
#filter-chip-head .filterchip-lnk-A:hover {
  text-decoration: underline;
}

#filter-chip-list {
  display: flex;
  flex-wrap: wrap;
}
#filter-chip-list .chip-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
  height: 44px;
  padding: 0 12px 0 44px;
  margin: 0 8px 8px 0;
  background-color: #FAF3FB;
  border: 1px solid #A770AC;
  border-radius: 6px;
}
#filter-chip-list .chip-item .chip-remove {
  position: absolute;
  top: calc(50% - 10px);
  left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #96559C;
}
#filter-chip-list .chip-item .chip-key {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -0.005em;
  color: #7A3986;
}
#filter-chip-list .chip-item .chip-value {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.005em;
  color: #452362;
}

@media all and (min-width: 1280px) and (max-width: 1679px) {
  #filter-chip-container {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media all and (min-width: 1680px) {
  #filter-chip-container {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
.sales-note-form-ui-01 .c-item-02-B[data-placeholder=childform], .sales-note-form-ui-01 .c-item-02-B[data-placeholder=additionalincomeform], .sales-note-form-ui-01 .c-item-02-I[data-placeholder=childform], .sales-note-form-ui-01 .c-item-02-I[data-placeholder=additionalincomeform] {
  overflow: hidden;
  height: 0;
  transition: opacity 0.2s, height 0.2s;
}
.sales-note-form-ui-01 .c-item-02-B .note-form-group-02, .sales-note-form-ui-01 .c-item-02-I .note-form-group-02 {
  align-content: start;
}
.sales-note-form-ui-01 .c-item-02-B .note-form-group-02:last-child, .sales-note-form-ui-01 .c-item-02-I .note-form-group-02:last-child {
  margin-bottom: 0 !important;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district {
  display: flex;
  flex-direction: column;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container {
  width: 100% !important;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default .select2-selection--single {
  width: 100% !important;
  height: 48px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  padding: 15px 13px 15px 16px;
  border: 2px solid #D5D5D6;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  transition: 0.1s;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-results__option, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-results__option {
  display: flex;
  align-items: center;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  border: none !important;
  height: 8px !important;
  width: 8px !important;
  margin: auto !important;
  top: auto !important;
  left: auto !important;
}
.sales-note-form-ui-01 .c-item-02-B > .note-form-group-04:last-child, .sales-note-form-ui-01 .c-item-02-I > .note-form-group-04:last-child {
  margin-bottom: 0 !important;
}
.sales-note-form-ui-01 .c-item-02-F .note-form-group-02 {
  align-content: start;
}
.sales-note-form-ui-01 .c-item-02-H > .note-form-group-04:last-child {
  margin-bottom: 0 !important;
}

.select2-container .select2-dropdown {
  padding: 16px;
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #D5D5D6;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
.select2-container .select2-dropdown .select2-search {
  padding: 8px 12px;
  border: 1px solid #D5D5D6;
  display: flex;
  align-items: center;
}
.select2-container .select2-dropdown .select2-search:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_543%29%22%3E%20%3Cpath%20d%3D%22M14.5001%2013.7929L10.7241%2010.0168C11.6314%208.92752%2012.0839%207.53032%2011.9873%206.11589C11.8908%204.70147%2011.2526%203.37872%2010.2057%202.42282C9.15868%201.46692%207.78347%200.951454%206.36612%200.983662C4.94877%201.01587%203.5984%201.59327%202.59593%202.59575C1.59345%203.59822%201.01605%204.94859%200.983845%206.36594C0.951637%207.78329%201.4671%209.15849%202.423%2010.2055C3.37891%2011.2524%204.70165%2011.8906%206.11608%2011.9871C7.5305%2012.0837%208.9277%2011.6312%2010.017%2010.7239L13.7931%2014.4999L14.5001%2013.7929ZM2.00012%206.49994C2.00012%205.60992%202.26404%204.73989%202.75851%203.99987C3.25297%203.25985%203.95578%202.68307%204.77804%202.34248C5.60031%202.00188%206.50511%201.91277%207.37803%202.0864C8.25094%202.26004%209.05276%202.68862%209.6821%203.31795C10.3114%203.94729%2010.74%204.74911%2010.9137%205.62203C11.0873%206.49494%2010.9982%207.39974%2010.6576%208.22201C10.317%209.04428%209.74021%209.74708%209.00019%2010.2415C8.26016%2010.736%207.39013%2010.9999%206.50012%2010.9999C5.30705%2010.9986%204.16323%2010.5241%203.3196%209.68046C2.47597%208.83683%202.00144%207.693%202.00012%206.49994Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_543%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
  flex: 1;
  border: none;
  padding-left: 4px;
  height: 16px;
  color: #000;
  font-family: Inter;
  font-size: 13px;
  font-weight: 500;
}
.select2-container .select2-dropdown .select2-results {
  margin-top: 16px;
}
.select2-container .select2-dropdown .select2-results ul li {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

@media all and (max-width: 414px) {
  .address-form-ui {
    width: 100%;
    height: 800px;
    margin: 0 auto;
  }
  .address-form-ui .address-form {
    height: 100%;
  }
  .address-form-ui .address-form .c-container-01 {
    padding: 42px 40px 60px 40px;
    height: calc(100% - 82px);
    overflow: auto;
  }
  .address-form-ui .address-form .c-container-01 .hr-C {
    margin: 40px 0 20px 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 {
    align-items: flex-start;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
    width: 100%;
    margin-bottom: 40px;
    font-weight: 700;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
    margin-bottom: 24px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
    display: flex;
    flex-direction: column;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
    width: 100% !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
    margin-bottom: 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
    margin-top: 24px;
  }
  .address-form-ui .address-form .c-container-02 {
    height: 82px;
    padding-right: 20px;
    border-top: 1px solid rgba(196, 196, 196, 0.4);
  }
  .address-form-ui .address-form .c-container-02 .c-item-01-B {
    margin-left: 32px;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
    width: 136px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FD552E;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
  }
  .address-form-ui .as-chk-A label {
    align-items: center;
  }
  .address-form-ui .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .address-form-ui .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .sales-note-form-ui-01 {
    padding: 0 20px;
    background-color: #fff;
    margin-bottom: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 68px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    padding: 0 0 48px 0px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
    margin-bottom: 32px;
    margin-right: 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
    color: #96559C;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
    height: 16px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
    margin: 8px 0 32px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
    width: 100%;
    margin-bottom: 24px;
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 16px;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    height: 1px;
    width: 8px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 100%;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 39px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
    margin-bottom: 34px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
    margin-bottom: 32px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
    display: flex;
    margin-bottom: 27px;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
    margin-right: 9px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-02 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-item-02-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 svg {
    position: absolute;
    left: 13px;
    top: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
    margin-bottom: 32px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
    width: 100%;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 100%;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    top: 28px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
    border: none;
  }
  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-02 > .c-item-01 {
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 16px 0 48px 0;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    margin-bottom: 48px;
    padding: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
    width: 550px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
    height: 16px;
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > select {
    padding: 12px 14px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label > span {
    height: 16px;
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > input {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
    margin-top: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
    padding: 5px;
    height: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > span > span {
    height: 48px;
    padding-top: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    padding-left: 2px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
    border-color: #000000 transparent transparent transparent;
    margin-left: -18px;
    margin-top: -3px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    /*> .c-item-02-F {
        > .c-unit-01 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }

        > .c-unit-02 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }
    }*/
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
    margin-bottom: 24px;
    margin-right: 0;
    width: 100%;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
    width: 100%;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s;
    padding-left: 50px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span {
    padding: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > span > span {
    height: 48px;
    padding-top: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    padding-left: 2px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > b {
    border-color: #000000 transparent transparent transparent;
    margin-left: -18px;
    margin-top: -3px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-02 input {
    color: #373738;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-03 .findkes-rdb {
    display: flex;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 40px;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
    content: "";
    top: calc(50% - 2px);
    left: -36px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
    content: "";
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .address-form-ui {
    width: 100%;
    height: 800px;
    margin: 0 auto;
  }
  .address-form-ui .address-form {
    height: 100%;
  }
  .address-form-ui .address-form .c-container-01 {
    padding: 42px 40px 60px 40px;
    height: calc(100% - 82px);
    overflow: auto;
  }
  .address-form-ui .address-form .c-container-01 .hr-C {
    margin: 40px 0 20px 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 {
    align-items: flex-start;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
    width: 100%;
    margin-bottom: 40px;
    font-weight: 700;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
    margin-bottom: 24px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
    display: flex;
    flex-direction: column;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
    width: 100% !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
    margin-bottom: 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
    margin-top: 24px;
  }
  .address-form-ui .address-form .c-container-02 {
    height: 82px;
    padding-right: 20px;
    border-top: 1px solid rgba(196, 196, 196, 0.4);
  }
  .address-form-ui .address-form .c-container-02 .c-item-01-B {
    margin-left: 32px;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
    width: 136px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FD552E;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
  }
  .address-form-ui .as-chk-A label {
    align-items: center;
  }
  .address-form-ui .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .address-form-ui .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .sales-note-form-ui-01 {
    padding: 0 20px;
    background-color: #fff;
    margin-bottom: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 68px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    padding: 0 0 48px 0px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
    margin-bottom: 32px;
    margin-right: 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
    color: #96559C;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
    height: 16px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
    margin: 8px 0 32px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
    width: 100%;
    margin-bottom: 24px;
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 16px;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    height: 1px;
    width: 8px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 100%;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 39px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
    margin-bottom: 34px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
    margin-bottom: 32px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
    display: flex;
    margin-bottom: 27px;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
    margin-right: 9px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-unit-02 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .c-item-02-A {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-08 svg {
    position: absolute;
    left: 13px;
    top: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
    margin-bottom: 32px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
    width: 100%;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 100%;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 100%;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    top: 28px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
    border: none;
  }
  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-02 > .c-item-01 {
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 16px 0 48px 0;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    margin-bottom: 48px;
    padding: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
    width: 550px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
    height: 16px;
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > select {
    padding: 12px 14px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label > span {
    height: 16px;
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > input {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
    margin-top: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
    padding: 5px;
    height: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > span > span {
    height: 48px;
    padding-top: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    padding-left: 2px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
    border-color: #000000 transparent transparent transparent;
    margin-left: -18px;
    margin-top: -3px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    /*> .c-item-02-F {
        > .c-unit-01 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }

        > .c-unit-02 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }
    }*/
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
    margin-bottom: 24px;
    margin-right: 0;
    width: 100%;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
    width: 100%;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s;
    padding-left: 50px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span {
    padding: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > span > span {
    height: 48px;
    padding-top: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    padding-left: 2px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > span span span > b {
    border-color: #000000 transparent transparent transparent;
    margin-left: -18px;
    margin-top: -3px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-02 input {
    color: #373738;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-03 .findkes-rdb {
    display: flex;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 40px;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
    content: "";
    top: calc(50% - 2px);
    left: -36px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
    content: "";
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .address-form-ui .address-form {
    height: auto;
  }
  .address-form-ui .address-form .c-container-01 {
    height: auto;
    overflow: auto;
  }
  .address-form-ui .address-form .c-container-01 .hr-C {
    margin: 40px 0 20px 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 {
    align-items: flex-start;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
    width: 540px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
    width: 100%;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #FD4218;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
    margin-bottom: 24px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
    width: 262px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 12px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
    display: flex;
    flex-direction: column;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
    width: 100% !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
    margin-bottom: 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
    margin-top: 24px;
  }
  .address-form-ui .address-form .c-container-02 {
    height: 82px;
    padding-right: 20px;
    border-top: 1px solid rgba(196, 196, 196, 0.4);
  }
  .address-form-ui .address-form .c-container-02 .c-item-01-B {
    margin-left: 32px;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
    width: 136px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FD552E;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
  }
  .address-form-ui .as-chk-A label {
    align-items: center;
  }
  .address-form-ui .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .address-form-ui .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .sales-note-form-ui-01:last-child {
    margin-bottom: 0px !important;
  }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    padding: 0 0 80px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
    width: 550px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
    color: #96559C;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-decoration: underline;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
    margin-bottom: 49px;
    width: 550px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 24px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 8px;
    left: 0;
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 8px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 290px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 158px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
    position: absolute;
    bottom: 13px;
    left: 14px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
    display: flex;
    margin-bottom: 27px;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
    margin-right: 9px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-E {
    width: 550px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    top: 28px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
    border: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-G {
    width: 550px;
  }
  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-02 > .c-item-01 {
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 16px 0 48px 0;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    margin-bottom: 48px;
    padding: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
    width: 550px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
    margin-bottom: 24px;
    width: 49%;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
    height: 16px;
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
    margin-bottom: 24px;
    width: 49%;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
    margin-top: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
    height: 48px;
    padding-top: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    padding-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
    border-color: #000000 transparent transparent transparent;
    margin-left: -18px;
    margin-top: -3px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    /*> .c-item-02-F {
        > .c-unit-01 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }

        > .c-unit-02 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }
    }*/
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
    width: 49%;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
    width: 294px;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 57px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-02 input {
    color: #373738;
  }
  .sales-note-form-ui-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .address-form-ui .address-form {
    height: auto;
  }
  .address-form-ui .address-form .c-container-01 {
    height: auto;
    overflow: auto;
  }
  .address-form-ui .address-form .c-container-01 .hr-C {
    margin: 40px 0 20px 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 {
    align-items: flex-start;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
    width: 540px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
    width: 100%;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #FD4218;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
    margin-bottom: 24px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
    width: 262px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 12px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
    display: flex;
    flex-direction: column;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
    width: 100% !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
    margin-bottom: 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
    margin-top: 24px;
  }
  .address-form-ui .address-form .c-container-02 {
    height: 82px;
    padding-right: 20px;
    border-top: 1px solid rgba(196, 196, 196, 0.4);
  }
  .address-form-ui .address-form .c-container-02 .c-item-01-B {
    margin-left: 32px;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
    width: 136px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FD552E;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
  }
  .address-form-ui .as-chk-A label {
    align-items: center;
  }
  .address-form-ui .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .address-form-ui .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .sales-note-form-ui-01:last-child {
    margin-bottom: 0px !important;
  }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    padding: 0 0 80px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
    width: 550px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
    color: #96559C;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-decoration: underline;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
    margin-bottom: 49px;
    width: 550px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 24px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 8px;
    left: 0;
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 8px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 290px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 158px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-04 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
    position: absolute;
    bottom: 13px;
    left: 14px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
    display: flex;
    margin-bottom: 27px;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D a svg {
    margin-right: 9px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-E {
    width: 550px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    top: 28px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
    border: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-G {
    width: 550px;
  }
  .sales-note-form-ui-02 {
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-02 > .c-item-01 {
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 16px 0 48px 0;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    margin-bottom: 48px;
    padding: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
    width: 550px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 {
    margin-bottom: 24px;
    width: 49%;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > label > span {
    height: 16px;
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-01 > input {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 {
    margin-bottom: 24px;
    width: 49%;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span {
    margin-top: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span {
    height: 48px;
    padding-top: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373738;
    padding-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B > .c-unit-02 > span span span > b {
    border-color: #000000 transparent transparent transparent;
    margin-left: -18px;
    margin-top: -3px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    /*> .c-item-02-F {
        > .c-unit-01 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }

        > .c-unit-02 {
            margin-bottom: 24px;

            > label {
                font-size: 13px;
                line-height: 16px;
                color: #555556;
            }
        }
    }*/
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-01 > label {
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 {
    width: 49%;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .c-unit-02 > input {
    width: 294px;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    padding-left: 57px;
    border: 2px solid #D5D5D6;
    border-radius: 4px;
    background: #fff;
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: all 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 > span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-02 input {
    color: #373738;
  }
  .sales-note-form-ui-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .address-form-ui.footer, .address-form-ui.modal-header {
    width: 100%;
  }
  .address-form-ui .address-form {
    height: 100%;
  }
  .address-form-ui .address-form .c-container-01 {
    height: calc(100% - 82px);
    overflow: auto;
  }
  .address-form-ui .address-form .c-container-01 .hr-C {
    margin: 40px 0 20px 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 {
    align-items: flex-start;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
    width: 616px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
    width: 100%;
    margin-bottom: 40px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
    margin-bottom: 24px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 12px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
    display: flex;
    flex-direction: column;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
    width: 100% !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
    margin-bottom: 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
    margin-top: 24px;
  }
  .address-form-ui .address-form .c-container-02 {
    height: 82px;
    padding-right: 20px;
    border-top: 1px solid rgba(196, 196, 196, 0.4);
  }
  .address-form-ui .address-form .c-container-02 .c-item-01-B {
    margin-left: 32px;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
    width: 136px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FD552E;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
  }
  .address-form-ui .as-chk-A label {
    align-items: center;
  }
  .address-form-ui .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .address-form-ui .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .sales-note-form-ui-01 {
    padding: 0 24px 0 24px;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    height: 100%;
    padding: 0 24px 80px 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
    color: #96559C;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-decoration: underline;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 24px;
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 8px;
    left: 0;
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 8px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 290px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 158px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    top: 28px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
    border: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    height: 100%;
    padding: 0 0 60px 0;
    opacity: 1;
    transition: opacity 0.1s 0.4s, padding 0s 0s, height 0.3s 0s;
  }
  .sales-note-form-ui-02 > .c-item-02.off {
    height: 0;
    padding: 0;
    opacity: 0;
    transition: opacity 0.3s 0s, padding 0s 0.3s, height 0.2s 0.3s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 24px;
    display: flex;
    flex-wrap: wrap;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 20px);
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    height: 1px;
    width: 16px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 290px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 158px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08.parenterror .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 23px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-02 input {
    color: #373738;
  }
  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-03 .findkes-rdb {
    display: flex;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 40px;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
    content: "";
    top: calc(50% - 2px);
    left: -36px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error):hover::before {
    content: "";
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
    content: "";
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
@media all and (min-width: 1680px) {
  .address-form-ui.footer, .address-form-ui.modal-header {
    width: 100%;
  }
  .address-form-ui .address-form {
    height: 100%;
  }
  .address-form-ui .address-form .c-container-01 {
    height: calc(100% - 82px);
    overflow: auto;
  }
  .address-form-ui .address-form .c-container-01 .hr-C {
    margin: 40px 0 20px 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 {
    align-items: flex-start;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C {
    width: 616px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-01 {
    width: 100%;
    margin-bottom: 40px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02 {
    margin-bottom: 24px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-01 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-01 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 {
    width: 100%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-02 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-02 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 {
    width: 300px;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 .c-unit-02-A, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 .c-unit-02-A {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 12px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8%200L4%205L0%200H8Z%22%20fill%3D%22black%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 span, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 span {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.address-form-group-03 label, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.address-form-group-03 label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    opacity: 0.8;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district {
    display: flex;
    flex-direction: column;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container {
    width: 100% !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container .select2-selection--single .select2-selection__rendered, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-results__option, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-02:last-child, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-02:last-child {
    margin-bottom: 0;
  }
  .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-A .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-B .c-unit-03, .address-form-ui .address-form .c-container-01 > .c-item-02 .c-item-02-C .c-unit-03 {
    margin-top: 24px;
  }
  .address-form-ui .address-form .c-container-02 {
    height: 82px;
    padding-right: 20px;
    border-top: 1px solid rgba(196, 196, 196, 0.4);
  }
  .address-form-ui .address-form .c-container-02 .c-item-01-B {
    margin-left: 32px;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
  }
  .address-form-ui .address-form .c-container-02 .address-form-lnk-btn-02 {
    width: 136px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FD552E;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
  }
  .address-form-ui .as-chk-A label {
    align-items: center;
  }
  .address-form-ui .as-chk-A label span {
    margin-left: 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .address-form-ui .as-chk-A > label {
    padding: 0 0 0 0;
  }
  .address-form-ui .as-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 6px;
    transition: background-color 0.2s, border 0.2s;
  }
  .address-form-ui .as-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .address-form-ui .as-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .address-form-ui .as-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .sales-note-form-ui-01 {
    padding: 0 24px 0 24px;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-01 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-01 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 {
    height: 100%;
    padding: 0 24px 80px 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-A > .c-unit-01-01-A {
    color: #96559C;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-decoration: underline;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 24px;
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 8px;
    left: 0;
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 8px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 290px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 158px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-F > .note-form-group-08 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    top: 28px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-H .note-form-group-05 .c-unit-02-A.readonly {
    border: none;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .c-item-02-I .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-01 .expandingContent > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-01 {
    height: 88px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-A {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background: #96559C;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-B {
    flex: 1;
  }
  .sales-note-form-ui-02 > .c-item-01 .c-item-01-C {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F9;
    border-radius: 100px;
  }
  .sales-note-form-ui-02 > .c-item-02 {
    height: 100%;
    padding: 0 0 60px 0;
    opacity: 1;
    transition: opacity 0.1s 0.4s, padding 0s 0s, height 0.3s 0s;
  }
  .sales-note-form-ui-02 > .c-item-02.off {
    height: 0;
    padding: 0;
    opacity: 0;
    transition: opacity 0.3s 0s, padding 0s 0.3s, height 0.2s 0.3s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-A {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .note-form-group-04.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 {
    padding: 8px 0 0 24px;
    display: flex;
    flex-wrap: wrap;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 20px);
    width: 1px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    height: 1px;
    width: 16px;
    background-color: #FDCBC2;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 > :last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14:not(:last-child) {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 {
    width: 290px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-04 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 {
    width: 158px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-B .c-unit-03 .micro-ui-14 .note-form-group-05 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-C {
    width: 562px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 {
    margin-bottom: 24px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D > .c-unit-01 span {
    margin-left: 8px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D .address-card-ui-01 {
    margin-bottom: 12px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-D:last-child {
    margin-bottom: 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-E {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-01 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F .hr-C {
    margin: 0 0 40px 0;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 {
    width: 190px;
    margin: 0 auto 40px 20px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 label > span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-05 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-06 label {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district {
    display: flex;
    flex-direction: column;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container {
    width: 100% !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container .select2-selection--single .select2-selection__rendered, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px;
    margin-top: 9px;
    display: flex;
    align-items: center;
    padding: 15px 13px 15px 16px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    transition: 0.1s;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-results__option, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-results__option {
    display: flex;
    align-items: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-country .select2-container--default .select2-selection--single .select2-selection__arrow b, .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-07.select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M8 0L4 5L0 0H8Z' fill='black'/> </svg>");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08 .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-08.parenterror .c-unit-02-A {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    position: absolute;
    left: 0px;
    bottom: 23px;
    width: 41px;
    height: 48px;
    border: 2px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #171718;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-F > .note-form-group-09 svg {
    position: absolute;
    left: 16px;
    top: 43px;
  }
  .sales-note-form-ui-02 > .c-item-02 > .c-item-02-G {
    width: 610px;
    margin-bottom: 48px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H {
    width: 610px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H [data-template] {
    display: none;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 {
    width: 295px;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-02 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 {
    width: 100%;
    margin-bottom: 40px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-03 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 {
    width: 295px;
    margin-bottom: 40px;
    margin-right: calc(100% - 295px);
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #555556;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 label span {
    margin-left: 5px;
  }
  .sales-note-form-ui-02 > .c-item-02 .c-item-02-H > .note-form-group-04 span {
    position: absolute;
    top: 42px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sales-note-form-ui-02 > .c-item-02 .as-lnk-btn-01 {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #6B337D;
  }
  .sales-note-form-ui-02 > .c-item-02 input {
    color: #373738;
  }
  .sales-note-form-ui-03 {
    padding: 0 24px 20px;
    background-color: #ffffff;
    margin-bottom: 16px;
  }
  .sales-note-form-ui-03 .findkes-rdb {
    display: flex;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 40px;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error)::before {
    content: "";
    top: calc(50% - 2px);
    left: -36px;
    width: 24px;
    height: 24px;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.2s, border 0.2s;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error):hover::before {
    content: "";
    border: 1px solid #C4C4C4;
    background-color: #F8F8F9;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(1) {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1B1B1B;
  }
  .sales-note-form-ui-03 .findkes-rdb > label:not(.error) span:nth-child(2) {
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .sales-note-form-ui-03 input[type=radio]:checked ~ label::before {
    content: "";
    border: 1px solid #7A3986;
    background-color: #7A3986;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.02289 0.0922C8.90079 -0.0307333 8.70201 -0.0307333 8.58075 0.0922L3.92136 4.72991C3.79926 4.85368 3.60007 4.85368 3.4788 4.72991L1.43728 2.65088C1.37685 2.5892 1.29768 2.55878 1.21808 2.55837C1.13765 2.55795 1.05598 2.58837 0.994718 2.65088L0.0925125 3.46182C0.0325044 3.5235 0 3.60059 0 3.68102C0 3.76186 0.0325044 3.84646 0.0929293 3.90772L2.15154 6.06801C2.27322 6.19136 2.47283 6.39139 2.5941 6.5139L3.47922 7.40611C3.6009 7.52821 3.79968 7.52821 3.92178 7.40611L9.90843 1.4303C10.0305 1.30778 10.0305 1.1065 9.90843 0.983987L9.02289 0.0922Z" fill="white"/> </svg> ');
    background-size: 10px 7.5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .comp-header-01 {
    z-index: 200;
    top: 0;
    min-height: 80px;
    width: 100%;
    background-color: #fff;
  }
  .comp-header-01 .c-wrapper {
    width: 100%;
    padding: 22px 20px 16px 20px;
  }
  .comp-header-01 .c-wrapper #overlay-wrapper.on {
    opacity: 0;
  }
  .comp-header-01 #site-logo {
    order: 1;
    margin-right: auto;
    display: flex;
    align-items: center;
    min-height: 48px;
  }
  .comp-header-01 #site-logo .site-logo__img {
    width: auto;
    height: 52px;
    object-fit: contain;
  }
  .comp-header-01 #site-logo img {
    width: 165px;
    height: 46px;
  }
  .comp-header-01 #search-area {
    display: block;
    width: 100%;
    height: 48px;
    order: 4;
    margin-top: 16px;
  }
  .comp-header-01 #search-area #search-textbox {
    width: 100%;
    height: 100%;
    padding-left: 46px;
    border: 2px solid #FD4218;
    background: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    z-index: 152;
    border-radius: 999px;
  }
  .comp-header-01 #search-area > .search-icon {
    position: absolute;
    z-index: 153;
    top: 14px;
    left: 16px;
    cursor: pointer;
  }
  .comp-header-01 #search-area > .close-icon-01 {
    display: none;
    position: absolute;
    z-index: 153;
    top: calc(50% - 6px);
    left: 20px;
    line-height: 0;
  }
  .comp-header-01 #search-area > .close-icon-02 {
    display: none;
    position: absolute;
    z-index: 153;
    top: calc(50% - 10px);
    left: 591px;
  }
  .comp-header-01 #search-area > .close-icon-03 {
    display: none;
  }
  .comp-header-01 #search-area > .search-button {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 153;
    top: calc(50% - 19px);
    left: 630px;
    width: 69px;
    height: 38px;
    background: #FD4218;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 40px);
    margin-left: -20px;
    height: calc(100vh - 88px);
    padding: 76px 20px 20px 20px;
    background-color: #FFFFFF;
    border-radius: 8px;
    z-index: 151;
    overflow-y: auto;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus {
    margin-top: 4px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% + 20px);
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-01 {
    width: 100%;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #68686A;
    padding-right: 20px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-right: 20px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 36px;
    background: #F8F8F9;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A:not(:last-child) {
    margin-right: 8px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .hr-A {
    display: none;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history {
    margin-top: 32px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 {
    display: flex;
    margin-bottom: 20px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li:not(:last-child) {
    margin-bottom: 12px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results {
    max-height: 536px;
    overflow-y: auto;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item {
    display: flex;
    margin-bottom: 16px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 img {
    width: 40px;
    max-height: 40px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: calc(100% - 64px);
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A span.f-strong {
    padding: 0 3px;
    font-weight: 700;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-B {
    display: none;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .hr-A {
    margin: 20px 0 12px;
    width: 100%;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 26px 0 64px;
    height: 60px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img {
    position: absolute;
    left: 0;
    width: 64px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img img {
    max-height: 90%;
    max-width: 90%;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 {
    display: flex;
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-strong {
    padding: 0 3px;
    font-weight: 600;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-02 {
    display: none;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03 {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item:after {
    content: "";
    position: absolute;
    right: 16px;
    width: 12px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%200L6.285%200.6965L10.075%204.5H0V5.5H10.075L6.285%209.2865L7%2010L12%205L7%200Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result > p {
    width: 174px;
    margin-top: 22px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
    text-align: center;
  }
  .comp-header-01 #search-area.on > .search-icon {
    display: none;
  }
  .comp-header-01 #search-area.on > .close-icon-01 {
    display: none;
  }
  .comp-header-01 #search-area.on #autoCompletePlaceholder {
    display: block;
  }
  .comp-header-01 #search-area.on #search-textbox {
    border: 2px solid #FD4218;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 999px;
  }
  .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .close-icon-02 {
    display: block;
  }
  .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
    right: 4px;
    left: auto;
    display: flex;
  }
  .comp-header-01 #search-area.not-result > .search-button {
    display: none !important;
  }
  .comp-header-01 .menu-buttons {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    order: 3;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FD4218;
  }
  .comp-header-01 .menu-buttons #button-hamburger,
  .comp-header-01 .menu-buttons #button-menuclose {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .comp-header-01 .menu-buttons #button-hamburger {
    opacity: 1;
  }
  .comp-header-01 .menu-buttons #button-menuclose {
    visibility: hidden;
    opacity: 0;
  }
  .comp-header-01 #button-basket {
    position: absolute;
    right: 68px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FDEDE9;
    top: 20px;
  }
  .comp-header-01 #button-basket .basket-symbol {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .comp-header-01 #button-basket .basket-symbol #basket-item-counter {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    background: #FD4218;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  .comp-header-01 #button-basket .basket-symbol #basket-item-counter.on {
    display: flex;
  }
  .comp-header-01 #button-basket .basket-title {
    display: none;
  }
  .comp-header-01 #auth-user {
    display: none;
  }
  .comp-header-01 #button-search {
    position: absolute;
    right: 68px;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FDEDE9;
  }
  .comp-header-01.f-cart-page {
    margin-bottom: 0px;
  }
  .comp-header-01.f-cart-page #search-area {
    display: none;
  }
  .comp-header-01.f-cart-page #button-basket {
    display: none;
  }
  .comp-header-01.f-cart-page #auth-user {
    position: absolute;
    right: 20px;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #FAFBFD;
    background-color: #A0ABC7;
  }
  #page-wrapper.menu-on .comp-header-01 #search-area {
    display: none;
  }
  #page-wrapper.search-on .comp-header-01 #button-basket, #page-wrapper.search-on .comp-header-01 #button-hamburger {
    visibility: hidden;
    opacity: 0;
  }
  #page-wrapper.search-on .comp-header-01 #button-menuclose {
    visibility: visible;
    opacity: 1;
  }
  #queryLimitButton {
    display: none;
  }
  #queryLimitButtonMbl {
    display: flex;
    position: fixed;
    bottom: 20px;
    z-index: 1;
    width: calc(100% - 40px);
    margin-left: 20px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #7A3986;
    box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.25);
  }
  #queryLimitButtonMbl .c-container-01 {
    margin-right: 8px;
  }
  #queryLimitButtonMbl .c-container-02 {
    color: #FFF;
    text-align: center;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  #checkout-steps {
    display: flex;
    margin-top: 28px;
    flex-grow: 1;
    height: 56px;
    align-items: center;
  }
  #checkout-steps .checkout-step-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #FDEDE9;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #C93504;
    transition: color 0.2s, background-color 0.2s;
  }
  #checkout-steps .checkout-step-item:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FD8970;
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0s 0.5s;
  }
  #checkout-steps .checkout-step-item:not(:last-child) {
    margin-right: 8px;
  }
  #checkout-steps .checkout-step-item.on {
    background-color: #FD8970;
    color: #fff;
  }
  #checkout-steps .checkout-step-item.on:after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.35s, visibility 0s 0s;
  }
  #name-container {
    display: none;
  }
  .no-search #search-area {
    display: none;
  }
  .nofooter #search-area {
    display: none;
  }
  .f-completed .comp-header-01 #search-area {
    display: none;
  }
}
/* XS1 */
@media all and (max-width: 414px) {
  .comp-header-01 .c-wrapper #checkout-steps {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 10px;
    padding: 10px;
  }
  .comp-header-01 .c-wrapper #checkout-steps .checkout-step-item {
    padding: 8px 10px;
  }
}
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  .comp-header-01 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    min-height: 80px;
  }
  .comp-header-01 .c-wrapper {
    width: 704px;
    padding: 20px 0;
  }
  .comp-header-01 #site-logo {
    order: 1;
    margin-right: auto;
    display: flex;
    align-items: center;
    min-height: 48px;
  }
  .comp-header-01 #site-logo .site-logo__img {
    width: auto;
    height: 52px;
    object-fit: contain;
  }
  .comp-header-01 #search-area {
    display: block;
    width: 100%;
    height: 48px;
    order: 4;
    margin-top: 20px;
  }
  .comp-header-01 #search-area #search-textbox {
    width: 100%;
    height: 100%;
    padding-left: 48px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #68686A;
    z-index: 152;
    border: 2px solid #FD4218;
    background: #FFFFFF;
    border-radius: 999px;
  }
  .comp-header-01 #search-area > .search-icon {
    position: absolute;
    z-index: 153;
    top: 14px;
    left: 16px;
    cursor: pointer;
  }
  .comp-header-01 #search-area > .close-icon-01 {
    display: none;
    position: absolute;
    z-index: 153;
    top: calc(50% - 6px);
    left: 20px;
    line-height: 0;
  }
  .comp-header-01 #search-area > .close-icon-02 {
    display: none;
    position: absolute;
    z-index: 153;
    top: calc(50% - 10px);
    left: 591px;
  }
  .comp-header-01 #search-area > .close-icon-03 {
    display: none;
  }
  .comp-header-01 #search-area > .search-button {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 153;
    top: calc(50% - 19px);
    left: 630px;
    width: 69px;
    height: 38px;
    background: #FD4218;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder {
    display: none;
    position: absolute;
    left: -12px;
    top: -12px;
    width: 728px;
    padding: 102px 36px 36px 36px;
    background-color: #FFFFFF;
    border-radius: 8px;
    z-index: 151;
    max-height: calc(100vh - 84px);
    overflow-y: auto;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags {
    display: flex;
    align-items: center;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-01 {
    margin-right: 20px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 {
    display: flex;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 36px;
    background: #F8F8F9;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A:not(:last-child) {
    margin-right: 8px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .hr-A {
    margin: 16px 0 20px;
    width: 100%;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 {
    display: flex;
    margin-bottom: 20px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li:not(:last-child) {
    margin-bottom: 12px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item {
    display: flex;
    margin-bottom: 16px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 img {
    width: 40px;
    max-height: 40px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A {
    margin-bottom: 4px;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A span.f-strong {
    font-weight: 700;
    padding: 0 3px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-B {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .hr-A {
    margin: 20px 0;
    width: 100%;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item {
    display: flex;
    margin-bottom: 12px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img {
    display: none;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 {
    display: flex;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-strong {
    font-weight: 700;
    padding: 0 3px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-02 {
    margin: 0 6px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03 {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .not-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .not-result > p {
    width: 174px;
    margin-top: 22px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
    text-align: center;
  }
  .comp-header-01 #search-area.on:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 20;
    background: red;
  }
  .comp-header-01 #search-area.on > .search-icon {
    display: none;
  }
  .comp-header-01 #search-area.on > .close-icon-01 {
    display: block;
  }
  .comp-header-01 #search-area.on #autoCompletePlaceholder {
    display: block;
  }
  .comp-header-01 #search-area.on #search-textbox {
    background-color: #FFF;
    border: 2px solid #FD4218;
    border-radius: 999px;
  }
  .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .close-icon-02 {
    display: block;
  }
  .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
    display: flex;
  }
  .comp-header-01 #search-area.not-result > .close-icon-02 {
    left: 664px;
  }
  .comp-header-01 #search-area.not-result > .search-button {
    display: none !important;
  }
  .comp-header-01 #button-basket {
    position: absolute;
    right: 48px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FDEDE9;
    top: 20px;
  }
  .comp-header-01 #button-basket .basket-symbol {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .comp-header-01 #button-basket .basket-symbol #basket-item-counter {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    background-color: #C36341;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  .comp-header-01 #button-basket .basket-symbol #basket-item-counter.on {
    display: flex;
  }
  .comp-header-01 #button-basket .basket-title {
    display: none;
  }
  .comp-header-01 .menu-buttons {
    position: absolute;
    display: flex;
    top: 20px;
    right: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FD4218;
  }
  .comp-header-01 .menu-buttons #button-hamburger,
  .comp-header-01 .menu-buttons #button-menuclose {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .comp-header-01 .menu-buttons #button-hamburger {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, opacity 0.3s 0.05s;
  }
  .comp-header-01 .menu-buttons #button-menuclose {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s 0s, opacity 0s 0.3s;
  }
  .comp-header-01 #auth-user {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    color: #171718;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    right: 96px;
    border-radius: 50%;
    background: #E9EBF1;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }
  .comp-header-01 #button-search {
    position: absolute;
    right: 68px;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FDEDE9;
  }
  .comp-header-01.f-cart-page #search-area {
    display: none;
  }
  .comp-header-01.f-cart-page #button-search {
    right: 48px;
  }
  .comp-header-01.f-cart-page #button-basket {
    display: none;
  }
  .comp-header-01.f-cart-page #auth-user {
    display: flex !important;
    align-items: center;
    justify-content: center;
    top: auto;
    right: 0px;
    bottom: 16px;
    display: block;
  }
  #page-wrapper.menu-on .comp-header-01 #search-area {
    display: none;
  }
  #page-wrapper.menu-on #homeListing .royal-slider-ui-01 {
    display: none;
  }
  #checkout-steps {
    display: flex;
    margin-top: 28px;
    flex-grow: 1;
    height: 56px;
    align-items: center;
  }
  #checkout-steps .checkout-step-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #FDEDE9;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #C93504;
    transition: color 0.2s, background-color 0.2s;
  }
  #checkout-steps .checkout-step-item:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FD8970;
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0s 0.5s;
  }
  #checkout-steps .checkout-step-item:not(:last-child) {
    margin-right: 20px;
  }
  #checkout-steps .checkout-step-item.on {
    background-color: #FD8970;
    color: #fff;
  }
  #checkout-steps .checkout-step-item.on:after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.35s, visibility 0s 0s;
  }
  #name-container {
    display: none;
  }
  .no-search #search-area {
    display: none;
  }
  .no-search #auth-user {
    display: none;
  }
  .f-completed .comp-header-01 #search-area {
    display: none;
  }
  .nofooter #search-area {
    display: none;
  }
}
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  .comp-header-01 {
    z-index: 200;
  }
  .comp-header-01 .c-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 96px;
    padding: 20px 0 20px 0;
  }
  .comp-header-01 #site-logo {
    display: flex;
    align-items: center;
    margin-right: 12px;
  }
  .comp-header-01 #site-logo .site-logo__img {
    width: auto;
    height: 56px;
    object-fit: contain;
  }
  .comp-header-01 #search-area {
    flex-grow: 1;
    height: 100%;
    padding-left: 0;
    margin-right: 48px;
  }
  .comp-header-01 #search-area #search-textbox {
    height: 100%;
    padding-left: 56px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    color: #68686A;
    transition: border 0.25s, background-color 0.25s;
    z-index: 152;
    width: 100%;
    border: 2px solid #FD4218;
    background: #FFFFFF;
  }
  .comp-header-01 #search-area svg {
    position: absolute;
    z-index: 153;
    top: 19px;
    left: 38px;
    cursor: pointer;
  }
  .comp-header-01 #search-area > .close-icon-01 {
    display: none;
    position: absolute;
    z-index: 153;
    top: calc(50% - 6px);
    left: 42px;
    line-height: 0;
  }
  .comp-header-01 #search-area > .close-icon-02 {
    display: none;
    position: absolute;
    z-index: 153;
    top: calc(50% - 10px);
    right: 90px;
  }
  .comp-header-01 #search-area > .close-icon-03 {
    display: none;
  }
  .comp-header-01 #search-area > .search-button {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 153;
    top: calc(50% - 21px);
    right: 10px;
    width: 69px;
    height: 42px;
    background: #FD4218;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder {
    display: none;
    position: absolute;
    left: 0;
    top: -12px;
    width: calc(100% + 16px);
    padding: 102px 36px 36px 36px;
    background-color: #FFFFFF;
    border-radius: 8px;
    z-index: 151;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags {
    display: flex;
    align-items: center;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-01 {
    margin-right: 20px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 {
    display: flex;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 36px;
    background: #F8F8F9;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .popular-tags .c-item-02 .c-item-02-A:not(:last-child) {
    margin-right: 8px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .hr-A {
    margin: 16px 0 20px;
    width: 100%;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 {
    display: flex;
    margin-bottom: 20px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li:not(:last-child) {
    margin-bottom: 12px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .removeBtn {
    position: absolute;
    top: 2px;
    right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.7071%209.70711C16.0976%209.31658%2016.0976%208.68342%2015.7071%208.29289C15.3166%207.90237%2014.6834%207.90237%2014.2929%208.29289L12%2010.5858L9.70711%208.29289C9.31658%207.90237%208.68342%207.90237%208.29289%208.29289C7.90237%208.68342%207.90237%209.31658%208.29289%209.70711L10.5858%2012L8.29289%2014.2929C7.90237%2014.6834%207.90237%2015.3166%208.29289%2015.7071C8.68342%2016.0976%209.31658%2016.0976%209.70711%2015.7071L12%2013.4142L14.2929%2015.7071C14.6834%2016.0976%2015.3166%2016.0976%2015.7071%2015.7071C16.0976%2015.3166%2016.0976%2014.6834%2015.7071%2014.2929L13.4142%2012L15.7071%209.70711Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    transition: transform 0.25s ease, opacity 0.3s 0.2s;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .removeBtn:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item {
    display: flex;
    margin-bottom: 16px;
    transition: background-color 0.2s;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 img {
    width: 40px;
    max-height: 40px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A {
    margin-bottom: 4px;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A span.f-strong {
    padding: 0 3px;
    font-weight: 700;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-B {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .product-results > .c-item:hover {
    background-color: #F8F8F9;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .hr-A {
    margin: 20px 0;
    width: 100%;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item {
    display: flex;
    margin-bottom: 12px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img {
    display: none;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-strong {
    font-weight: 700;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-02 {
    margin: 0 6px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03 {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #68686A;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
  }
  .comp-header-01 #search-area #autoCompletePlaceholder .on-search > .not-result > p {
    width: 174px;
    margin-top: 22px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
    text-align: center;
  }
  .comp-header-01 #search-area.on > .search-icon {
    display: none;
  }
  .comp-header-01 #search-area.on > .close-icon-01 {
    display: block;
  }
  .comp-header-01 #search-area.on #autoCompletePlaceholder {
    display: block;
  }
  .comp-header-01 #search-area.on #search-textbox {
    background-color: #FFF;
    border: 2px solid #FD4218;
    border-radius: 100px;
  }
  .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .close-icon-02 {
    display: none;
  }
  .comp-header-01 #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
    display: flex;
  }
  .comp-header-01 #queryLimitButtonMbl {
    display: none;
  }
  .comp-header-01 #queryLimitButton {
    width: 202px;
    height: 56px;
    margin-right: 12px;
    cursor: pointer;
  }
  .comp-header-01 #queryLimitButton .c-column-01 {
    width: 100%;
    height: 100%;
    border: 2px solid #7A3986;
    background: rgba(122, 57, 134, 0.12);
    border-radius: 99999px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .comp-header-01 #queryLimitButton .c-column-01.active {
    border: 1px solid #E9EBF1;
    background: #7A3986;
  }
  .comp-header-01 #queryLimitButton .c-column-01.active .c-container-01 {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%20fill-opacity%3D%220.24%22%2F%3E%20%3Cpath%20d%3D%22M25.0041%2015.8332H27.5041C27.9643%2015.8332%2028.3374%2016.2063%2028.3374%2016.6665V26.6666C28.3374%2027.1268%2027.9643%2027.4999%2027.5041%2027.4999H12.5041C12.0438%2027.4999%2011.6707%2027.1268%2011.6707%2026.6666V13.3332C11.6707%2012.873%2012.0438%2012.4999%2012.5041%2012.4999H25.0041V15.8332ZM13.3374%2017.4999V25.8332H26.6708V17.4999H13.3374ZM13.3374%2014.1665V15.8332H23.3374V14.1665H13.3374ZM22.5041%2020.8332H25.0041V22.4999H22.5041V20.8332Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-header-01 #queryLimitButton .c-column-01.active .c-container-02 .c-item-01 {
    opacity: 0.64;
    color: #fff;
  }
  .comp-header-01 #queryLimitButton .c-column-01.active .c-container-02 .c-item-02 {
    color: #fff;
  }
  .comp-header-01 #queryLimitButton .c-column-01 .c-container-01 {
    margin-right: 12px;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M25.004%2015.8331H27.504C27.9643%2015.8331%2028.3373%2016.2062%2028.3373%2016.6664V26.6664C28.3373%2027.1267%2027.9643%2027.4998%2027.504%2027.4998H12.504C12.0438%2027.4998%2011.6707%2027.1267%2011.6707%2026.6664V13.3331C11.6707%2012.8728%2012.0438%2012.4998%2012.504%2012.4998H25.004V15.8331ZM13.3373%2017.4998V25.8331H26.6707V17.4998H13.3373ZM13.3373%2014.1664V15.8331H23.3373V14.1664H13.3373ZM22.504%2020.8331H25.004V22.4998H22.504V20.8331Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-header-01 #queryLimitButton .c-column-01 .c-container-02 .c-item-01 {
    color: #561562;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
  }
  .comp-header-01 #queryLimitButton .c-column-01 .c-container-02 .c-item-02 {
    color: #561562;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .comp-header-01 #account-container {
    z-index: 2;
    display: flex;
    margin-right: 8px;
  }
  .comp-header-01 #account-container .user-not-registered {
    width: 148px;
    height: 56px;
  }
  .comp-header-01 #account-container .user-not-registered .intro-header,
  .comp-header-01 #account-container .user-not-registered .intro-text {
    display: none;
  }
  .comp-header-01 #account-container .user-not-registered .login-link {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    border: 2px solid #DDD;
  }
  .comp-header-01 #account-container .user-not-registered .login-link svg {
    margin-right: 12px;
  }
  .comp-header-01 #account-container .user-not-registered .login-link .link-text-regular {
    display: flex;
    flex-direction: column;
    line-height: 16px;
    font-weight: 600;
    font-size: 13px;
    color: #1B1B1B;
  }
  .comp-header-01 #account-container .user-not-registered .login-link .link-text-regular span {
    font-weight: 400;
    font-size: 11px;
    color: #373738;
  }
  .comp-header-01 #account-container .user-not-registered .login-link .link-text-hamburger {
    display: none;
  }
  .comp-header-01 #account-container .user-registered #menu-account-head {
    z-index: 1;
    display: flex;
    align-items: center;
    width: 148px;
    height: 56px;
    padding: 6px 6px;
    background-color: #FDEDE9;
    border: 2px solid #FDEDE9;
    cursor: pointer;
    transition: border 0.2s 0.3s;
    border-radius: 999px;
    background: linear-gradient(90deg, #FD4218 0%, #FDA000 100%);
  }
  .comp-header-01 #account-container .user-registered #menu-account-head .account-head-abbreviation {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    margin: 0 14px 0 0;
    color: #FD4218;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    border-radius: 999px;
    background: var(--color-bw-025, #FFF);
  }
  .comp-header-01 #account-container .user-registered #menu-account-head .accountName .account-head-text {
    color: #FFF;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .comp-header-01 #account-container .user-registered #menu-account-head .accountName .account-head-subtext {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #E6E6E7;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .comp-header-01 #account-container .user-registered #menu-account-container:hover #menu-account-head {
    border: 2px solid #fff;
    transition: border 0.2s 0.3s;
  }
  .comp-header-01 #account-container .user-registered #menu-account-container:hover #menu-account, .comp-header-01 #account-container .user-registered #menu-account-container:hover ~ #menu-account-overlay {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0.3s, opacity 0.2s 0.3s;
  }
  .comp-header-01 #account-container .user-registered #menu-account {
    position: absolute;
    z-index: 1;
    top: calc(100% + 14px);
    left: calc(50% - 120px);
    display: flex;
    width: 240px;
    padding: 20px 8px;
    background-color: #fff;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.2s 0.3s;
  }
  .comp-header-01 #account-container .user-registered #menu-account:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -6px;
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
    display: block;
    background-color: #fff;
    transform: rotate(45deg);
  }
  .comp-header-01 #account-container .user-registered #menu-account > ul {
    width: 100%;
  }
  .comp-header-01 #account-container .user-registered #menu-account a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 0 0 8px;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    color: #1B1B1B;
    transition: background-color 0.3s;
  }
  .comp-header-01 #account-container .user-registered #menu-account a svg {
    margin: 0 12px 0 0;
  }
  .comp-header-01 #account-container .user-registered #menu-account a:hover {
    background-color: #FDF5F2;
  }
  .comp-header-01 #account-container .user-registered #menu-account .account-log-out a {
    color: #909091;
  }
  .comp-header-01 #account-container .user-registered #menu-account .account-menu-separator {
    padding: 12px 0 0 0;
    margin: 12px 0 0 0;
  }
  .comp-header-01 #account-container .user-registered #menu-account .account-menu-separator:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 104px);
    display: flex;
    height: 1px;
    width: 208px;
    background-color: #E6E6E7;
  }
  .comp-header-01 #account-container .user-registered #menu-account-overlay {
    position: fixed;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: -2000px;
    left: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.2s 0.3s;
  }
  .comp-header-01 #button-basket {
    border: 2px solid #DDD;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 148px;
    height: 100%;
  }
  .comp-header-01 #button-basket .basket-symbol {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
  .comp-header-01 #button-basket .basket-symbol > svg {
    width: 100%;
    height: 100%;
  }
  .comp-header-01 #button-basket .basket-symbol #basket-item-counter {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    background: #FD4218;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  .comp-header-01 #button-basket .basket-symbol #basket-item-counter.on {
    display: flex;
  }
  .comp-header-01 #button-basket .basket-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
  }
  .comp-header-01 #button-hamburger {
    display: none;
  }
  .comp-header-01 #button-menuclose {
    display: none;
  }
  .comp-header-01 #auth-user {
    display: none;
  }
  .comp-header-01 #menu-socialmedia {
    display: none;
  }
  .comp-header-01 #checkout-steps {
    display: flex;
    flex-grow: 1;
    height: 56px;
    align-items: center;
  }
  .comp-header-01 #checkout-steps .checkout-step-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #FDEDE9;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #C93504;
    transition: color 0.2s, background-color 0.2s;
  }
  .comp-header-01 #checkout-steps .checkout-step-item:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
    display: block;
    width: 8px;
    height: 8px;
    background-color: #FD8970;
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0s 0.5s;
  }
  .comp-header-01 #checkout-steps .checkout-step-item:not(:last-child) {
    margin-right: 20px;
  }
  .comp-header-01 #checkout-steps .checkout-step-item.on {
    background-color: #FD8970;
    color: #fff;
  }
  .comp-header-01 #checkout-steps .checkout-step-item.on:after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.35s, visibility 0s 0s;
  }
  .comp-header-01 #name-container {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 28px;
    background-color: #F0F0F2;
    border-radius: 100px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #1B1B1B;
  }
  .comp-header-01 #name-container .item-01 {
    margin-left: 12px;
  }
}
/* MD */
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-header-01 .c-wrapper {
    width: calc(100% - 40px);
  }
  .comp-header-01 .c-wrapper #button-search {
    display: none;
  }
}
/* LG */
@media all and (min-width: 1680px) {
  .comp-header-01 .c-wrapper {
    width: 1240px;
  }
  .comp-header-01 .c-wrapper #button-search {
    display: none;
  }
  .comp-header-01 #search-area svg {
    top: 19px;
    left: 27px;
    z-index: 999;
  }
  .comp-header-01 #search-area #search-textbox {
    width: 100%;
    border: 2px solid #FD4218;
    background: #FFFFFF;
  }
  .comp-header-01 #search-area.on svg {
    top: 0;
    left: 0;
  }
  .comp-header-01.f-cart-page .c-wrapper #search-area svg {
    position: absolute;
    z-index: 153;
    top: 19px;
    left: 38px;
    cursor: pointer;
  }
}
#hamburger-menu-wrapper,
#menu-primary,
#account-container,
#menu-socialmedia {
  display: none;
}

#menu-primary ul, #menu-primary .submenu-ad, #menu-primary .level-2-header, #menu-primary .submenu-ad-container {
  display: none;
}

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #page-wrapper.menu-on #hamburger-menu-wrapper, #page-wrapper.menu-on #button-menuclose {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
  }
  #page-wrapper.menu-on #button-basket, #page-wrapper.menu-on #button-hamburger {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s 0s;
  }
  #page-wrapper.menu-on.menu-off #hamburger-menu-wrapper, #page-wrapper.menu-on.menu-off #button-menuclose {
    opacity: 0;
  }
  #page-wrapper.menu-on.menu-off #button-basket, #page-wrapper.menu-on.menu-off #button-hamburger {
    opacity: 1;
  }
  #hamburger-menu-wrapper {
    position: fixed;
    z-index: 200;
    visibility: hidden;
    top: 76px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
  }
  #hamburger-menu-wrapper::before {
    content: "";
    position: fixed;
    z-index: 2;
    top: 72px;
    display: block;
    width: 100%;
    height: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  #hamburger-menu-wrapper #menu-content-wrapper {
    height: 100%;
  }
  #hamburger-menu-wrapper #menu-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 300%;
    height: 100%;
  }
  #hamburger-menu-wrapper #menu-screen-1,
  #hamburger-menu-wrapper #menu-screen-2,
  #hamburger-menu-wrapper #menu-screen-3 {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #hamburger-menu-wrapper #menu-screen-1 .backButton,
  #hamburger-menu-wrapper #menu-screen-2 .backButton,
  #hamburger-menu-wrapper #menu-screen-3 .backButton {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1742%29%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22%232B3E73%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1742%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #hamburger-menu-wrapper #account-container {
    display: flex;
    order: 1;
    width: 100%;
    background-color: #FDEDE9;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered {
    width: 100%;
    padding: 24px 20px 20px 20px;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .intro-header {
    font-weight: 600;
    font-size: 15px;
    color: #D43A08;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .intro-text {
    width: 295px;
    margin: 12px 0 24px 0;
    line-height: 18px;
    font-weight: 400;
    font-size: 13px;
    color: #C93504;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link {
    width: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #FF0074, #00B7FF, #FF4000, #B91BD6) border-box;
    border-radius: 8px;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link svg {
    margin-right: 12px;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-hamburger {
    display: flex;
    font-weight: 600;
    font-size: 13px;
    color: #1B1B1B;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-regular {
    display: none;
  }
  #hamburger-menu-wrapper #account-container .user-registered {
    width: 100%;
    padding: 20px 20px 20px 20px;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head {
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    height: 52px;
    padding: 4px 4px;
    border-radius: 999px;
    background-color: #6D1D6D;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_96_7026%29%22%3E%20%3Cpath%20d%3D%22M11.25%203.75L10.3562%204.62063L15.0938%209.375H2.5V10.625H15.0938L10.3562%2015.3581L11.25%2016.25L17.5%2010L11.25%203.75Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_96_7026%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    background-position: right 16px center;
    background-repeat: no-repeat;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .accountName {
    display: flex;
    width: calc(100% - 100px);
    justify-content: center;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .accountName .account-head-subtext {
    display: none;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-abbreviation {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    margin: 0 14px 0 0;
    border-radius: 50%;
    background-color: #fff;
    color: #6D1D6D;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-text {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account {
    display: none;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-overlay {
    display: none;
  }
  #hamburger-menu-wrapper #menu-socialmedia {
    display: flex;
    order: 3;
    justify-content: center;
    width: 100%;
    margin: 40px 0 100px 0;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul {
    display: flex;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul li {
    display: flex;
    width: 40px;
    height: 40px;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul li:not(:last-child) {
    margin-right: 37px;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
  }
  #hamburger-menu-wrapper #menu-primary {
    display: flex;
    flex-direction: column;
    order: 2;
    width: 100%;
  }
  #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl {
    display: flex;
    width: calc(100% - 40px);
    height: 40px;
    margin: 20px 0px 20px 20px;
    border-radius: 99999px;
    border: 2px solid #7A3986;
    background: rgba(122, 57, 134, 0.12);
    padding: 16px !important;
  }
  #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-01 {
    display: flex;
    align-items: center;
  }
  #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-01 .c-item-01 {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M12.0033%204.66642H14.0033C14.3715%204.66642%2014.6699%204.9649%2014.6699%205.33309V13.3331C14.6699%2013.7013%2014.3715%2013.9998%2014.0033%2013.9998H2.00325C1.63506%2013.9998%201.33658%2013.7013%201.33658%2013.3331V2.66642C1.33658%202.29823%201.63506%201.99976%202.00325%201.99976H12.0033V4.66642ZM2.66991%205.99976V12.6664H13.3366V5.99976H2.66991ZM2.66991%203.33309V4.66642H10.6699V3.33309H2.66991ZM10.0033%208.66643H12.0033V9.99976H10.0033V8.66643Z%22%20fill%3D%22%23561562%22%20%2F%3E%20%3C%2Fsvg%3E");
  }
  #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-01 .c-item-02 {
    color: #561562;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  #hamburger-menu-wrapper #menu-primary #queryLimitViewMbl .c-column-01 .c-container-02 {
    color: #561562;
    text-align: right;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  #hamburger-menu-wrapper #menu-primary #submenu-animation-wrapper {
    width: 100%;
  }
  #hamburger-menu-wrapper .ul-level-1, #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
    display: block;
    width: 100%;
    padding: 16px 20px 0 20px;
  }
  #hamburger-menu-wrapper .ul-level-1 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-2 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-3 > li > a:not(.submenu-ad) {
    display: flex;
    align-items: center;
    height: 48px;
    border-bottom: 1px solid #FDEDE9;
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
  }
  #hamburger-menu-wrapper .ul-level-1 .hasSubmenu, #hamburger-menu-wrapper .ul-level-2 .hasSubmenu {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.9998%208L5.9998%2013L5.2998%2012.3L9.5998%208L5.2998%203.7L5.9998%203L10.9998%208Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
    background-position: right center;
    background-repeat: no-repeat;
  }
  #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a {
    font-weight: 600;
    color: #E83A10;
  }
  #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a svg, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a svg {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-2.account-submenu svg, #hamburger-menu-wrapper .ul-level-3.account-submenu svg {
    margin-right: 16px;
  }
  #hamburger-menu-wrapper .ul-level-2.account-submenu .account-log-out a, #hamburger-menu-wrapper .ul-level-3.account-submenu .account-log-out a {
    color: #909091;
  }
  #hamburger-menu-wrapper .ul-level-2.on, #hamburger-menu-wrapper .ul-level-3.on {
    display: block;
  }
  #hamburger-menu-wrapper .level-2-header,
  #hamburger-menu-wrapper .level-3-header {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 64px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22%25232B3E73%22%2F%3E%3C%2Fsvg%3E");
    background-position: 23px center;
    background-repeat: no-repeat;
    background-color: #FDEDE9;
    font-weight: 600;
    font-size: 15px;
    color: #D43A08;
  }
  #hamburger-menu-wrapper .level-2-header.on,
  #hamburger-menu-wrapper .level-3-header.on {
    display: flex;
  }
  .noscroll #hamburger-menu-wrapper {
    top: 80px;
  }
  .noscroll #hamburger-menu-wrapper:before {
    display: none;
  }
}
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #page-wrapper.menu-on #hamburger-menu-wrapper, #page-wrapper.menu-on #button-menuclose {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
  }
  #page-wrapper.menu-on #button-basket, #page-wrapper.menu-on #button-hamburger {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s 0s;
  }
  #page-wrapper.menu-on.menu-off #hamburger-menu-wrapper, #page-wrapper.menu-on.menu-off #button-menuclose {
    opacity: 0;
  }
  #page-wrapper.menu-on.menu-off #button-basket, #page-wrapper.menu-on.menu-off #button-hamburger {
    opacity: 1;
  }
  #hamburger-menu-wrapper {
    position: fixed;
    z-index: 200;
    visibility: hidden;
    top: 76px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
  }
  #hamburger-menu-wrapper::before {
    content: "";
    position: fixed;
    z-index: 2;
    top: 72px;
    display: block;
    width: 100%;
    height: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  #hamburger-menu-wrapper #menu-content-wrapper {
    width: 564px;
    height: 100%;
    margin: 0 auto 0 auto;
    overflow: hidden;
  }
  #hamburger-menu-wrapper #menu-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 300%;
    height: 100%;
  }
  #hamburger-menu-wrapper #menu-screen-1,
  #hamburger-menu-wrapper #menu-screen-2,
  #hamburger-menu-wrapper #menu-screen-3 {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #hamburger-menu-wrapper #account-container {
    display: flex;
    order: 1;
    width: 100%;
    background-color: #FDEDE9;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered {
    width: 100%;
    padding: 24px 20px 20px 20px;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .intro-header {
    font-weight: 600;
    font-size: 15px;
    color: #D43A08;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .intro-text {
    width: 295px;
    margin: 12px 0 24px 0;
    line-height: 18px;
    font-weight: 400;
    font-size: 13px;
    color: #C93504;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    background-color: #fff;
    border-radius: 8px;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link svg {
    margin-right: 12px;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-hamburger {
    display: flex;
    font-weight: 600;
    font-size: 13px;
    color: #1B1B1B;
  }
  #hamburger-menu-wrapper #account-container .user-not-registered .login-link .link-text-regular {
    display: none;
  }
  #hamburger-menu-wrapper #account-container .user-registered {
    width: 100%;
    padding: 20px 20px 20px 20px;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head {
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    height: 52px;
    padding: 4px 4px;
    background-color: #fff;
    border-radius: 100px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.25%203.75L10.3562%204.62063L15.0938%209.375H2.5V10.625H15.0938L10.3562%2015.3581L11.25%2016.25L17.5%2010L11.25%203.75Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
    background-position: right 16px center;
    background-repeat: no-repeat;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-abbreviation {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    margin: 0 14px 0 0;
    border-radius: 50%;
    background-color: #FDAA99;
    color: #FDF5F2;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-head .account-head-text {
    color: #1B1B1B;
    font-size: 13px;
    font-weight: 600;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account {
    display: none;
  }
  #hamburger-menu-wrapper #account-container .user-registered #menu-account-overlay {
    display: none;
  }
  #hamburger-menu-wrapper #menu-socialmedia {
    display: flex;
    order: 3;
    justify-content: center;
    width: 100%;
    margin: 40px 0 100px 0;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul {
    display: flex;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul li {
    display: flex;
    width: 40px;
    height: 40px;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul li:not(:last-child) {
    margin-right: 37px;
  }
  #hamburger-menu-wrapper #menu-socialmedia ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 1px solid #D5D5D6;
    border-radius: 50%;
  }
  #hamburger-menu-wrapper #menu-primary {
    display: flex;
    order: 2;
    width: 100%;
  }
  #hamburger-menu-wrapper #menu-primary #submenu-animation-wrapper {
    width: 100%;
  }
  #hamburger-menu-wrapper .ul-level-1, #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
    display: block;
    width: 100%;
    padding: 16px 20px 0 20px;
  }
  #hamburger-menu-wrapper .ul-level-1 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-2 > li > a:not(.submenu-ad), #hamburger-menu-wrapper .ul-level-3 > li > a:not(.submenu-ad) {
    display: flex;
    align-items: center;
    height: 48px;
    border-bottom: 1px solid #FDEDE9;
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
  }
  #hamburger-menu-wrapper .ul-level-1 .hasSubmenu, #hamburger-menu-wrapper .ul-level-2 .hasSubmenu {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.9998%208L5.9998%2013L5.2998%2012.3L9.5998%208L5.2998%203.7L5.9998%203L10.9998%208Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
    background-position: right center;
    background-repeat: no-repeat;
  }
  #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a {
    font-weight: 600;
    color: #E83A10;
  }
  #hamburger-menu-wrapper .ul-level-2:not(.account-submenu) > li:first-child > a svg, #hamburger-menu-wrapper .ul-level-3:not(.account-submenu) > li:first-child > a svg {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-2.account-submenu svg, #hamburger-menu-wrapper .ul-level-3.account-submenu svg {
    margin-right: 16px;
  }
  #hamburger-menu-wrapper .ul-level-2.account-submenu .account-log-out a, #hamburger-menu-wrapper .ul-level-3.account-submenu .account-log-out a {
    color: #909091;
  }
  #hamburger-menu-wrapper .ul-level-2.on, #hamburger-menu-wrapper .ul-level-3.on {
    display: block;
  }
  #hamburger-menu-wrapper .level-2-header,
  #hamburger-menu-wrapper .level-3-header {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 64px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10.5%2019.5L11.5575%2018.4425L5.8725%2012.75H21V11.25H5.8725L11.5575%205.5575L10.5%204.5L3%2012L10.5%2019.5Z%22%20fill%3D%22%25232B3E73%22%2F%3E%3C%2Fsvg%3E");
    background-position: 23px center;
    background-repeat: no-repeat;
    background-color: #FDEDE9;
    font-weight: 600;
    font-size: 15px;
    color: #D43A08;
  }
  #hamburger-menu-wrapper .level-2-header.on,
  #hamburger-menu-wrapper .level-3-header.on {
    display: flex;
  }
  .noscroll #hamburger-menu-wrapper {
    top: 82px;
  }
  .noscroll #hamburger-menu-wrapper:before {
    display: none;
  }
}
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #hamburger-menu-wrapper {
    display: none;
  }
  #menu-primary {
    position: sticky;
    top: 0;
    z-index: 100;
    display: block;
    height: 49px;
    border-top: 1px solid #E6E6E7;
    border-bottom: 1px solid #E6E6E7;
    background: #fff;
  }
  #menu-primary .ul-level-1 {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 1240px;
    margin: 0 auto 0 auto;
  }
  #menu-primary .ul-level-1 .overlayMenuContainer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 152px);
    opacity: 0.6;
    background: var(--color-bw-950, #0F0F10);
  }
  #menu-primary .ul-level-1 > li {
    position: static;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
  }
  #menu-primary .ul-level-1 > li:nth-child(2) {
    padding-left: 0;
  }
  #menu-primary .ul-level-1 > li:last-child {
    padding-right: 0;
  }
  #menu-primary .ul-level-1 > li > a:not(.submenu-ad) {
    display: block;
    padding: 10px 0 10px 0;
    color: #68686A;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: -0.14px;
  }
  #menu-primary .ul-level-1 > li.active {
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%229%22%20viewBox%3D%220%200%2018%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M9%200L17.4853%208.48528H9H0.514719L9%200Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  #menu-primary .ul-level-1 > li.active .hasSubmenu {
    visibility: visible;
  }
  #menu-primary .ul-level-1 > li.active .ul-level-2 {
    visibility: visible;
  }
  #menu-primary .ul-level-1 > li.active .submenu-ad, #menu-primary .ul-level-1 > li.active .submenu-ad-container {
    visibility: visible;
  }
  #menu-primary .ul-level-1 > li.active::after {
    visibility: visible !important;
  }
  #menu-primary .ul-level-1 > li.hasSubmenu::after {
    content: "";
    width: 100%;
    visibility: hidden;
    position: absolute;
    z-index: 0;
    top: 100%;
    display: block;
    height: 580px;
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
    cursor: default;
  }
  #menu-primary .ul-level-2 {
    position: absolute;
    z-index: 111;
    top: calc(100% + 40px);
    display: flex;
    flex-direction: column;
    align-content: start;
    height: 500px;
    width: 710px;
    visibility: hidden;
    overflow: auto;
  }
  #menu-primary .ul-level-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 310px;
    width: 1px;
    height: 100%;
    background: #E9EBF1;
  }
  #menu-primary .ul-level-2::-webkit-scrollbar {
    display: none;
  }
  #menu-primary .ul-level-2 > li {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 320px;
    padding: 0 32px 0 0;
    margin: 0 0 20px 0;
    position: static;
  }
  #menu-primary .ul-level-2 > li.hasActiveChild .subItemHeader:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%20%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_44_25658%29%22%3E%20%3Cpath%20d%3D%22M14.25%2010L8%2016.25L7.125%2015.375L12.5%2010L7.125%204.625L8%203.75L14.25%2010Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_44_25658%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #menu-primary .ul-level-2 > li.hasActiveChild .childMenu .allProducts {
    color: #1F2E5C;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.005em;
    display: flex;
  }
  #menu-primary .ul-level-2 > li.hasActiveChild .childMenu .allProducts:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -28px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_44_25692%29%22%3E%20%3Cpath%20d%3D%22M6.25%203.75V5H14.1187L3.75%2015.3687L4.63125%2016.25L15%205.88125V13.75H16.25V3.75H6.25Z%22%20fill%3D%22%231F2E5C%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_44_25692%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  #menu-primary .ul-level-2 > li:last-child {
    padding: 20px 0 0 0;
    width: 290px;
    border-top: 1px solid #E9EBF1;
  }
  #menu-primary .ul-level-2 > li:last-child > a {
    color: #1F2E5C;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.005em;
    display: flex;
  }
  #menu-primary .ul-level-2 > li:last-child > a:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -28px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_44_25692%29%22%3E%20%3Cpath%20d%3D%22M6.25%203.75V5H14.1187L3.75%2015.3687L4.63125%2016.25L15%205.88125V13.75H16.25V3.75H6.25Z%22%20fill%3D%22%231F2E5C%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_44_25692%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  #menu-primary .ul-level-2 > li:last-child > a > svg {
    margin-left: 12px;
  }
  #menu-primary .ul-level-2 > li:last-child > a:hover {
    text-decoration: underline;
  }
  #menu-primary .ul-level-2 > li:not(:last-child) > a {
    color: #1B1B1B;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.005em;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 20px;
  }
  #menu-primary .ul-level-2 > li:not(:last-child) > a:hover {
    color: #C93504;
  }
  #menu-primary .ul-level-3 {
    display: none;
    width: max-content;
    position: absolute;
    left: 330px;
    top: 0;
    flex-direction: column;
  }
  #menu-primary .ul-level-3 > li {
    padding-right: 4px;
    width: 100%;
  }
  #menu-primary .ul-level-3 > li:not(:last-child) {
    margin: 0 0 12px 0;
  }
  #menu-primary .ul-level-3 > li:not(:last-child) > a {
    z-index: 113;
    color: #171718;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.07px;
    height: 20px;
    display: block;
  }
  #menu-primary .ul-level-3 > li:not(:last-child) > a:hover {
    color: #C93504;
  }
  #menu-primary .ul-level-3 > li:last-child {
    width: 100%;
  }
  #menu-primary .ul-level-3 > li:last-child > a {
    font-size: 13px;
    color: #171718;
    font-weight: 400;
    letter-spacing: -0.005em;
  }
  #menu-primary .ul-level-3 > li:last-child > a:hover {
    text-decoration: underline;
  }
  #menu-primary .submenu-ad {
    position: absolute;
    z-index: 1;
    top: calc(100% + 48px);
    display: flex;
    width: 295px;
    visibility: hidden;
  }
  #menu-primary .submenu-ad .adVisual {
    height: auto;
    width: 295px;
    border-radius: 8px;
  }
  #menu-primary .submenu-ad .adInfo {
    position: absolute;
    right: 9px;
    bottom: 9px;
    left: 9px;
    padding: 12px 16px 16px 16px;
    background-color: #fff;
    border-radius: 8px;
    line-height: 18.47px;
    font-weight: 400;
    font-size: 14px;
    color: #1B1B1B;
    letter-spacing: -0.01em;
  }
  #menu-primary .submenu-ad .adInfo span {
    font-weight: 600;
  }
  #menu-primary .submenu-ad-container {
    position: absolute;
    z-index: 120;
    top: calc(100% + 40px);
    display: flex;
    width: calc(100% - 425px);
    visibility: hidden;
    display: flex;
    gap: 20px;
    justify-content: end;
  }
  #menu-primary .submenu-ad-container .submenu-ad-2 {
    width: 33.3%;
    height: 100%;
  }
  #menu-primary .submenu-ad-container .submenu-ad-2:first-child {
    margin-bottom: 12px;
  }
  #menu-primary .submenu-ad-container .submenu-ad-2 .adVisual-2 {
    height: 500px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
  #menu-primary .submenu-ad-container .submenu-ad-2 .adInfo-2 {
    width: 260px;
    position: absolute;
    bottom: 36px;
    left: 36px;
    letter-spacing: -0.01em;
    color: #FFF;
    font-family: Inter;
    font-size: clamp(16px, 2vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
  }
  #menu-primary .submenu-ad-container .submenu-ad-2 .adInfo-2 span {
    font-weight: 600;
  }
  #menu-primary .submenu-ad-container .submenu-ad-2 .overlayAdItem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
}
/* MD */
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #menu-primary {
    position: sticky;
    top: 0;
    padding: 0 40px 0 40px;
    z-index: 100;
  }
  #menu-primary .ul-level-1 > li.hasSubmenu::after {
    right: 0px;
    left: 0px;
  }
  #menu-primary .ul-level-2 {
    left: 40px;
  }
  #menu-primary .submenu-ad {
    left: 1200px;
  }
  #menu-primary .submenu-ad-container {
    left: 385px;
  }
}
/* LG */
@media all and (min-width: 1680px) {
  #menu-primary {
    position: sticky;
    top: 0;
    padding: 0 200px 0 200px;
    z-index: 100;
  }
  #menu-primary .ul-level-1 > li.hasSubmenu::after {
    right: 0px;
    left: 0px;
  }
  #menu-primary .ul-level-2 {
    left: 40px;
  }
  #menu-primary .submenu-ad {
    left: 1200px;
  }
  #menu-primary .submenu-ad-container {
    left: 385px;
  }
}
#registerSection .body-division .c-item-01 .c-unit-04 .c-box-01 {
  margin-bottom: 44px;
}

.puanya-auth {
  --pny-primary: #FD4218;
  --pny-black: #1B1B1B;
  --pny-border: #C4C4C4;
  --pny-border-soft: #D5D5D6;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #FFFFFF;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--pny-black);
}
.puanya-auth *,
.puanya-auth *::before,
.puanya-auth *::after {
  box-sizing: border-box;
}
.puanya-auth__left {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.puanya-auth__header {
  height: 84px;
  width: 100%;
  padding: 0 48px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.puanya-auth__wrapper {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 48px 0 96px 0;
}
.puanya-auth__visual {
  display: none;
  background: linear-gradient(135deg, #FD4218 0%, #FDA000 50%, #FD6E4D 100%);
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.puanya-auth__visual-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.15;
  background-image: radial-gradient(circle at 20% 30%, #FFF 1px, transparent 1px), radial-gradient(circle at 80% 70%, #FFF 1px, transparent 1px), radial-gradient(circle at 40% 80%, #FFF 1.5px, transparent 1.5px), radial-gradient(circle at 60% 20%, #FFF 1.5px, transparent 1.5px), radial-gradient(circle at 90% 40%, #FFF 1px, transparent 1px);
  background-size: 80px 80px, 100px 100px, 120px 120px, 90px 90px, 70px 70px;
}
.puanya-auth__visual-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 48px;
  text-align: center;
}
.puanya-auth__visual-mark {
  width: 120px;
  height: 136px;
  opacity: 0.9;
}
.puanya-auth__visual-text {
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.puanya-auth__visual-sub {
  color: rgba(255, 255, 255, 0.85);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 320px;
}
.puanya-auth__box {
  width: 400px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: auto 0;
}
.puanya-auth__heading {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}
.puanya-auth__heading--left {
  text-align: left;
}
.puanya-auth__heading h1 {
  font-size: 28px;
  font-weight: 600;
  color: #000000;
  margin: 0;
  line-height: 1.2;
}
.puanya-auth__heading p {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin: 0;
  line-height: 1.5;
}
.puanya-auth__heading strong {
  font-weight: 600;
}
.puanya-auth__heading a {
  color: #000000;
  text-decoration: underline;
  font-weight: 400;
}
.puanya-auth__footer {
  padding: 0 48px 24px 48px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.puanya-auth__footer span {
  font-size: 11px;
  color: #9A9A9A;
}

.puanya-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.puanya-logo__img {
  display: block;
  width: auto;
  height: 56px;
  object-fit: contain;
}
.puanya-logo__text {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.02em;
  color: #FD4218;
  line-height: 1;
}

.puanya-alert {
  width: 100%;
  background: #FAE2DB;
  color: #1B1B1B;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.4;
}

.puanya-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.puanya-form-state {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.puanya-field {
  position: relative;
  width: 100%;
  height: 56px;
  border: 1px solid #C4C4C4;
  border-radius: 8px;
  background: #FFFFFF;
  padding: 0 16px;
  transition: border-color 0.15s ease;
}
.puanya-field:focus-within {
  border-color: #1B1B1B;
}
.puanya-field--password:focus-within {
  outline: 2px solid #1B1B1B;
  outline-offset: -4px;
  border-radius: 12px;
}
.puanya-field label {
  position: absolute;
  top: 9px;
  left: 16px;
  font-size: 10px;
  font-weight: 400;
  color: #8A8A8A;
  pointer-events: none;
}
.puanya-field--password .puanya-input {
  padding-right: 36px;
}

.puanya-input {
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 18px 0 0 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #1B1B1B;
}
.puanya-input::placeholder {
  color: #B5B5B5;
}

.puanya-eye {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #6B6B6B;
  display: flex;
  align-items: center;
  justify-content: center;
}
.puanya-eye .icon-off {
  display: none;
}
.puanya-eye.is-visible .icon-on {
  display: none;
}
.puanya-eye.is-visible .icon-off {
  display: block;
}

.puanya-forgot {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
}

.puanya-btn-primary {
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 8px;
  background: #FD4218;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s ease;
}
.puanya-btn-primary:hover {
  opacity: 0.92;
}
.puanya-btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.puanya-btn-primary.is-loading {
  opacity: 0.7;
  pointer-events: none;
}

.puanya-back-to-login {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  text-align: center;
  margin-top: 4px;
}

.puanya-otp-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.puanya-otp-hint {
  font-size: 13px;
  color: #8A8A8A;
  line-height: 1.4;
  margin: 0;
}

.puanya-accounts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.puanya-account {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  background: #F4F4F4;
  cursor: pointer;
  transition: background 0.15s ease;
}
.puanya-account.is-selected {
  background: #EDEDED;
}
.puanya-account input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.puanya-account__radio {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #C4C4C4;
  position: relative;
  background: #FFFFFF;
}
.puanya-account.is-selected .puanya-account__radio {
  border-color: #1B1B1B;
}
.puanya-account.is-selected .puanya-account__radio::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1B1B1B;
}
.puanya-account__avatar {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #D9D9D9;
  color: #4A4A4A;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.puanya-account__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.puanya-account__name {
  font-size: 15px;
  font-weight: 600;
  color: #1B1B1B;
}
.puanya-account__company {
  font-size: 14px;
  font-weight: 400;
  color: #8A8A8A;
}

/* Hide the storefront category navigation on auth pages */
.identity-layout #menu-primary {
  display: none;
}

@media all and (max-width: 414px) {
  .puanya-auth__header {
    padding: 0 20px;
  }
  .puanya-auth__wrapper {
    padding: 24px 0 48px 0;
  }
  .puanya-auth__left {
    padding: 0 20px;
  }
  .puanya-auth__box {
    width: 100%;
  }
  .puanya-auth__visual {
    display: none;
  }
  .puanya-auth__footer {
    padding: 0 20px 20px 20px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .puanya-auth__header {
    padding: 0 20px;
  }
  .puanya-auth__wrapper {
    padding: 24px 0 48px 0;
  }
  .puanya-auth__left {
    padding: 0 20px;
  }
  .puanya-auth__box {
    width: 100%;
  }
  .puanya-auth__visual {
    display: none;
  }
  .puanya-auth__footer {
    padding: 0 20px 20px 20px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .puanya-auth__header {
    padding: 0 20px;
  }
  .puanya-auth__wrapper {
    padding: 24px 0 48px 0;
  }
  .puanya-auth__left {
    padding: 0 20px;
  }
  .puanya-auth__box {
    width: 100%;
  }
  .puanya-auth__visual {
    display: none;
  }
  .puanya-auth__footer {
    padding: 0 20px 20px 20px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .puanya-auth__header {
    padding: 0 20px;
  }
  .puanya-auth__wrapper {
    padding: 24px 0 48px 0;
  }
  .puanya-auth__left {
    padding: 0 20px;
  }
  .puanya-auth__box {
    width: 100%;
  }
  .puanya-auth__visual {
    display: none;
  }
  .puanya-auth__footer {
    padding: 0 20px 20px 20px;
  }
}
@media all and (min-width: 1280px) {
  .puanya-auth {
    flex-direction: row;
  }
  .puanya-auth__left {
    order: 1;
    flex: 0 0 75%;
    width: 75%;
    min-width: 0;
    min-height: 100vh;
  }
  .puanya-auth__header {
    padding: 0 48px;
  }
  .puanya-auth__wrapper {
    padding: 48px 48px 96px 48px;
  }
  .puanya-auth__footer {
    padding: 0 48px 24px 48px;
  }
  .puanya-auth__visual {
    order: 2;
    display: flex;
    flex: 0 0 25%;
    width: 25%;
    min-width: 0;
    min-height: 100vh;
  }
}
/* Begin: Checkbox Mixin */
/* End: Checkbox Mixin */
.micro-ui-01 {
  width: 295px;
  height: 430px;
  border-radius: 8px;
  overflow: hidden;
}
.micro-ui-01:last-child {
  margin-right: 0;
}
.micro-ui-01 picture:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);*/
  opacity: 0.4;
}
.micro-ui-02 {
  background-color: #FFFBF9;
}
.micro-ui-03 .c-item-01 {
  margin-bottom: 12px;
}
.micro-ui-03 .c-item-02 {
  margin-bottom: 28px;
}

.micro-ui-04 {
  margin-bottom: 20px;
}
.micro-ui-04 .c-item {
  margin-right: 7px;
  width: 164px;
  height: 40px;
  background: #E9EBF1;
  border-radius: 8px;
}
.micro-ui-04 .c-item .c-unit-01 {
  margin-right: 9px;
}
.micro-ui-04 .c-item .c-unit-03 {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.micro-ui-05 {
  overflow-x: auto;
  height: 73px;
}
.micro-ui-05 .c-item {
  padding: 12px 16px;
  border: 1px solid #FDEDE9;
  border-radius: 100px;
  flex: 0 0 auto;
}
.micro-ui-05 .c-item:not(:last-child) {
  margin-right: 8px;
}

.micro-ui-06 .c-item {
  padding: 12px 24px;
  background: #FDF5F2;
  border: 1px solid #FDEDE9;
  border-radius: 100px;
  color: #373738;
}
.micro-ui-06 .c-item.on {
  font-weight: 600;
  border: 1px solid #C93504;
  background: #FFFFFF;
  color: #1B1B1B;
}
.micro-ui-06 .c-item:not(:last-child) {
  margin-right: 8px;
}

.micro-ui-07 .c-item-01 {
  margin-right: 12px;
}
.micro-ui-07 .c-item-02 {
  width: 175px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D5D5D6;
  border-radius: 4px;
  padding-left: 12px;
}
.micro-ui-07 .c-item-03 {
  right: 16px;
  height: 100%;
}

.micro-ui-08 {
  width: 100%;
  margin-bottom: 20px;
}
.micro-ui-08 .c-unit-01 {
  width: 100%;
  height: 48px;
  padding-left: 48px;
  background: #FFFFFF;
  border: 1px solid #E6E6E7;
  box-sizing: border-box;
  border-radius: 4px;
}

.micro-ui-09 {
  height: 52px;
  margin-bottom: 44px;
  border-radius: 100px;
  background: #FDEDE9;
  padding: 0 4px;
}

.micro-ui-15 {
  padding: 32px;
  background: #FDF5F2;
  border: 1px solid #FDEDE9;
  border-radius: 4px;
}
.micro-ui-15 .c-item-01 {
  margin-bottom: 8px;
}
.micro-ui-15 .hr-C {
  margin: 32px 0;
}
.micro-ui-15 .c-item-03 {
  display: flex;
  justify-content: space-between;
}
.micro-ui-15 .c-item-03 .c-unit-01 {
  width: 33%;
}
.micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-A {
  margin-bottom: 8px;
}
.micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B {
  display: flex;
}
.micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
  margin-right: 6px;
}

.micro-ui-16 {
  padding: 32px;
  background: #FCF3F2;
  border-radius: 8px;
}
.micro-ui-16 > .c-item-01 {
  width: 538px;
  margin-bottom: 24px;
}
.micro-ui-16 > .c-item-02 {
  display: flex;
}
.micro-ui-16 > .c-item-02 .lnk-btn-07:not(:last-child) {
  margin-right: 8px;
}
.micro-ui-16 > .hr-I {
  margin: 24px 0;
}
.micro-ui-16 > .c-item-03 .c-item-03-A {
  margin-bottom: 12px;
}
.micro-ui-17 .c-item-01.chk-A > label {
  padding: 0 0 0 24px;
  align-items: center;
}
.micro-ui-17 .c-item-01.chk-A > label span {
  margin-left: 12px;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #373738;
}
.micro-ui-17 .c-item-01 .c-item-01-A {
  text-decoration: underline;
  font-weight: 600;
  color: #373738;
}
.micro-ui-17 .c-item-01:not(:last-child) {
  margin-bottom: 8px;
}

/*.micro-ui-43 {
    display: flex;
    flex-direction: column;

    .c-container-01 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 37px;

        .c-item-01 {
            width: 100%;
            margin-bottom: 32px;
        }

        .c-item-02 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 130px;
            height: 36px;
            gap:5px;
            border-radius: 4px;
            background-color: #E9EBF1;
            color: #1F2E5C;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }
    }

    .c-container-02 {
        display: flex;
        justify-content: space-between;

        .c-item-02 {
            display: flex;
            align-items: center;
            background: $CT-BW050;
            border-radius: 4px;
            width: 440px;


            .c-unit-01 {
                position: absolute;
                left: 16px;
                z-index: 1;
                cursor: text;
            }

            .c-unit-02 {
                background: $CT-BW050;
                width: 100%;
                height: 100%;
                padding-left: 44px;

                &::placeholder {
                }
            }
        }

        .c-item-03 {
            width: 200px;

            span {
                position: absolute;
                top: 16px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        .c-item-04 {
            width: 200px;

            span {
                position: absolute;
                top: 16px;
                right: 16px;
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}*/
.micro-ui-44 {
  display: flex;
  background: #F0F0F2;
  border-radius: 8px;
}
.micro-ui-44 .c-unit-01 {
  display: flex;
  border-radius: 6px 0px 0px 6px;
  align-items: center;
  width: 300px;
}
.micro-ui-44 .c-unit-01 .c-unit-01-A {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  position: relative;
  margin-right: 16px;
  background: #fff;
  position: relative;
  border-radius: 4px;
}
.micro-ui-44 .c-unit-01 .c-unit-01-A > img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: center;
}
.micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
  position: absolute;
  width: 28px;
  height: 28px;
  right: -8px;
  bottom: -8px;
  border-radius: 50%;
  background: #FFFFFF;
  /* Black & White/300 */
  border: 1px solid #D5D5D6;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-03 {
  padding: 4px;
  border-radius: 50%;
  bottom: -9px;
  right: -10px;
  position: absolute;
  background: #FFFFFF;
  width: 28px;
  height: 28px;
  border: 1px solid #D5D5D6;
  box-sizing: border-box;
  display: none;
}
.micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
  margin-bottom: 4px;
}
.micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
  font-size: 16px;
  line-height: 19px;
}
.micro-ui-44 .c-unit-02 {
  padding: 25px 28px 21px 32px;
  display: flex;
  flex-wrap: wrap;
  width: 561px;
  background: #fff;
  border: 3px solid #F0F0F2;
  border-radius: 8px;
  transition: all 0.3s;
}
.micro-ui-44 .c-unit-02 .c-unit-02-A {
  width: 200px;
  margin-bottom: 24px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
  margin-bottom: 4px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-F {
  width: 200px;
  margin-bottom: 24px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-F .c-unit-02-A-01 {
  margin-bottom: 4px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-G {
  width: 200px;
  margin-bottom: 24px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-G .c-unit-02-A-01 {
  margin-bottom: 4px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-B {
  width: 200px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
  margin-bottom: 4px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-C {
  padding: 10px;
  width: 40px;
  height: 40px;
  background: #F0F0F2;
  color: #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.micro-ui-44 .c-unit-02 .c-unit-02-D {
  padding: 8px 16px;
  background: #FFFFFF;
  /* Quaternary / 200 */
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  font-family: "Inter";
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
  border: 1px solid #E7B3A0;
  color: #B55B3D;
}
.micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
  color: #548C33;
  border: 1px solid #C5E2A7;
}
.micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
  color: #B13834;
  border: 1px solid #DF9E9D;
}
.micro-ui-44:not(:last-child) {
  margin-bottom: 16px;
}
.micro-ui-44:hover .c-unit-02 {
  cursor: pointer;
  background: #F8F8F9;
}
.micro-ui-44:hover .c-unit-02 .c-unit-02-C {
  background: #C4C4C4;
}
.micro-ui-44:hover .c-unit-02 .c-unit-02-C svg path {
  fill: white;
}
.micro-ui-44.on .c-unit-01 .c-unit-01-A .c-unit-01-A-03 {
  display: block;
}
.micro-ui-44.v2 .c-unit-01 {
  padding: 0;
  align-items: center;
}
.micro-ui-44.v2 .c-unit-01-B {
  padding: 0;
  align-items: center;
}
.micro-ui-44.v2 .c-unit-01-B .c-unit-02-D {
  padding: 8px 16px;
  background: #FFFFFF;
  /* Quaternary / 200 */
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
}
.micro-ui-44.v2 .c-unit-01-B .c-unit-02-D.v1 {
  border: 1px solid #E7B3A0;
  color: #B55B3D;
}
.micro-ui-44.v2 .c-unit-01-B .c-unit-02-D.v2 {
  color: #548C33;
  border: 1px solid #C5E2A7;
}
.micro-ui-44.v2 .c-unit-01-B .c-unit-02-D.v3 {
  color: #B13834;
  border: 1px solid #DF9E9D;
}

.micro-ui-45 {
  display: flex;
  justify-content: space-between;
}
.micro-ui-45 .c-unit-01 {
  background: #FDF5F2;
  border-radius: 8px;
  padding: 24px 0 24px 24px;
  width: 420px;
}
.micro-ui-45 .c-unit-01 .c-unit-01-A {
  margin-bottom: 8px;
}
.micro-ui-45 .c-unit-01 .c-unit-01-B {
  margin-bottom: 24px;
  width: 316px;
}
.micro-ui-46 {
  padding: 24px 28px 24px 24px;
  width: 861px;
  background: #FAFBFD;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
}
.micro-ui-46 .c-unit-01 {
  display: flex;
}
.micro-ui-46 .c-unit-01 .c-unit-01-A {
  margin-right: 20px;
}
.micro-ui-46 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
  margin-bottom: 4px;
}
.micro-ui-46 .c-unit-02 {
  display: flex;
  justify-content: space-between;
  width: 215px;
}
.micro-ui-46 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
  margin-bottom: 4px;
}
.micro-ui-46 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
  margin-bottom: 4px;
}
.micro-ui-46 .hr-A {
  display: none;
}

.micro-ui-47 .c-unit-01 {
  display: flex;
}
.micro-ui-47 .c-unit-01 .c-unit-01-A {
  width: 72px;
  height: 72px;
  padding: 8px;
  display: flex;
  justify-content: center;
  border: 1px solid #E6E6E7;
  box-sizing: border-box;
  border-radius: 4px;
  margin-right: 16px;
}
.micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
  width: 56px;
  height: 56px;
  display: block;
}
.micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
  margin-bottom: 8px;
  width: 255px;
}
.micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
  margin-bottom: 16px;
  width: 227px;
}
.micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
  width: 259px;
}
.micro-ui-47:not(:last-child) {
  border-bottom: 1px solid #E6E6E7;
  margin-bottom: 25px;
}
.micro-ui-47:not(:last-child) .c-unit-01-B-03 {
  margin-bottom: 24px;
}

.micro-ui-48 {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.micro-ui-48 .c-unit-01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px;
}
.micro-ui-48 .c-unit-01 .c-unit-01-A {
  display: none;
  background: #AED584;
  border-radius: 50%;
}
.micro-ui-48 .c-unit-01 .c-unit-01-B {
  border-radius: 50%;
  display: none;
  background: #DF9E9D;
}
.micro-ui-48 .c-unit-01 .c-unit-01-C {
  border-radius: 50%;
  display: none;
  background: #7B8AB1;
}
.micro-ui-48 .c-unit-02 {
  margin-bottom: 6px;
}
.micro-ui-48 .c-unit-02 .c-unit-02-A {
  display: none;
}
.micro-ui-48 .c-unit-02 .c-unit-02-B {
  display: none;
}
.micro-ui-48 .c-unit-02 .c-unit-02-C {
  display: none;
}
.micro-ui-48 .c-unit-03 {
  margin-bottom: 28px;
}
.micro-ui-48 .c-unit-04 {
  width: 332px;
  align-self: center;
}
.micro-ui-48 .c-unit-04 .c-unit-04-A {
  border: 1px solid #C5E2A7;
  box-sizing: border-box;
  border-radius: 8px;
  background: #FAFFF5;
  padding: 15px 32px 17px 32px;
  display: none;
}
.micro-ui-48 .c-unit-04 .c-unit-04-B {
  display: none;
  width: 332px;
}
.micro-ui-48 .c-unit-04 .c-unit-04-C {
  background: #FAFBFD;
  display: none;
  border: 1px solid #A0ABC7;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 15px 32px 17px 32px;
}
.micro-ui-48.v1 {
  background: #F1F9E9;
}
.micro-ui-48.v1 .c-unit-01 {
  background: #AED584;
  border-radius: 50%;
}
.micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
  display: block;
}
.micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
  display: block;
}
.micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
  display: block;
}
.micro-ui-48.v2 {
  background: #FBECEE;
}
.micro-ui-48.v2 .c-unit-01 {
  background: #DF9E9D;
  border-radius: 50%;
}
.micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
  display: block;
}
.micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
  display: block;
}
.micro-ui-48.v2 .c-unit-03 {
  margin-bottom: 32px;
}
.micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
  display: block;
}
.micro-ui-48.v3 {
  background: #E9EBF1;
}
.micro-ui-48.v3 .c-unit-01 {
  background: #7B8AB1;
  border-radius: 50%;
}
.micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
  display: block;
}
.micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
  display: block;
}
.micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
  display: block;
}

.micro-ui-49 .c-item-01 {
  padding: 16px 0 16px 60px;
  display: flex;
}
.micro-ui-49 .c-item-01 .c-item-01-A {
  width: 6px;
  height: 6px;
  background: #C93504;
  border-radius: 50%;
  position: absolute;
  left: 37px;
  top: 22px;
}
.micro-ui-49 .c-item-01 .c-item-01-B {
  width: 2px;
  height: 34px;
  background: #C93504;
  position: absolute;
  left: 39px;
  top: 34px;
}
.micro-ui-49 .c-item-01 .c-item-01-C .c-unit-01 {
  display: flex;
  flex-direction: column;
}
.micro-ui-49 .c-item-01 .c-item-01-C .c-unit-01 .c-unit-01-A {
  margin-bottom: 4px;
}
.micro-ui-49 .c-item-02 {
  padding: 16px 0 16px 60px;
  display: flex;
}
.micro-ui-49 .c-item-02 .c-item-01-A {
  width: 2px;
  height: 16px;
  background: #C93504;
  position: absolute;
  left: 39px;
  top: 0;
}
.micro-ui-49 .c-item-02 .c-item-01-B {
  width: 6px;
  height: 6px;
  background: #C93504;
  border-radius: 50%;
  position: absolute;
  left: 37px;
  top: 22px;
}
.micro-ui-49 .c-item-02 .c-item-01-D {
  width: 2px;
  height: 34px;
  background: #C93504;
  position: absolute;
  left: 39px;
  top: 34px;
}
.micro-ui-49 .c-item-02 .c-item-01-C .c-unit-01 {
  display: flex;
  flex-direction: column;
}
.micro-ui-49 .c-item-02 .c-item-01-C .c-unit-01 .c-unit-01-A {
  margin-bottom: 4px;
}
.micro-ui-49 .c-item-03 {
  padding: 14px 24px 14px 60px;
  display: flex;
  justify-content: space-between;
}
.micro-ui-49 .c-item-03 .c-item-01-A {
  width: 2px;
  height: 11px;
  background: #C93504;
  position: absolute;
  left: 39px;
  top: 0;
}
.micro-ui-49 .c-item-03 .c-item-01-B {
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #C93504;
  position: absolute;
  left: 32px;
  top: 17px;
}
.micro-ui-49 .c-item-03 .c-item-01-D {
  width: 2px;
  height: 29px;
  background: #C93504;
  position: absolute;
  left: 39px;
  top: 39px;
}
.micro-ui-49 .c-item-03 .c-item-01-C .c-unit-01 {
  display: flex;
  flex-direction: column;
}
.micro-ui-49 .c-item-03 .c-item-01-C .c-unit-01 .c-unit-01-A {
  margin-bottom: 4px;
}
.micro-ui-49 .c-item-03 .c-item-01-E {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 40px;
  background: #FDEDE9;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #C93504;
}
.micro-ui-49 .c-item-03 .c-item-01-F {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 40px;
  background: #FD6E4D;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #fff;
}
.micro-ui-49 .c-item-04 {
  padding: 16px 0 16px 60px;
  display: flex;
}
.micro-ui-49 .c-item-04 .c-item-01-A {
  width: 2px;
  height: 16px;
  background: #FDCBC2;
  position: absolute;
  left: 39px;
  top: 0;
}
.micro-ui-49 .c-item-04 .c-item-01-B {
  width: 6px;
  height: 6px;
  background: #FDAA99;
  border-radius: 50%;
  position: absolute;
  left: 37px;
  top: 22px;
}
.micro-ui-49 .c-item-04 .c-item-01-C .c-unit-01 {
  display: flex;
  flex-direction: column;
}
.micro-ui-49 .c-item-04 .c-item-01-C .c-unit-01 .c-unit-01-A {
  margin-bottom: 4px;
}
.micro-ui-49 .c-item-05 {
  padding: 14px 24px 14px 60px;
  display: flex;
  justify-content: space-between;
}
.micro-ui-49 .c-item-05 .c-item-01-B {
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #C93504;
  position: absolute;
  left: 32px;
  top: 17px;
}
.micro-ui-49 .c-item-05 .c-item-01-D {
  width: 2px;
  height: 29px;
  background: #C93504;
  position: absolute;
  left: 39px;
  top: 39px;
}
.micro-ui-49 .c-item-05 .c-item-01-C .c-unit-01 {
  display: flex;
  flex-direction: column;
}
.micro-ui-49 .c-item-05 .c-item-01-C .c-unit-01 .c-unit-01-A {
  margin-bottom: 4px;
}
.micro-ui-49 .c-item-05 .c-item-01-E {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 40px;
  background: #FDEDE9;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #C93504;
}
.micro-ui-49 .c-item-05 .c-item-01-F {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 40px;
  background: #FD6E4D;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #fff;
}
.micro-ui-49 .c-item-06 {
  padding: 16px 0 16px 60px;
  display: flex;
}
.micro-ui-49 .c-item-06 .c-item-01-A {
  width: 2px;
  height: 16px;
  background: #FDCBC2;
  position: absolute;
  left: 39px;
  top: 0;
}
.micro-ui-49 .c-item-06 .c-item-01-B {
  width: 6px;
  height: 6px;
  background: #FDAA99;
  border-radius: 50%;
  position: absolute;
  left: 37px;
  top: 22px;
}
.micro-ui-49 .c-item-06 .c-item-01-D {
  width: 2px;
  height: 19px;
  background: #FDCBC2;
  position: absolute;
  left: 39px;
  top: 34px;
}
.micro-ui-49 .c-item-06 .c-item-01-C .c-unit-01 {
  display: flex;
  flex-direction: column;
}
.micro-ui-49 .c-item-06 .c-item-01-C .c-unit-01 .c-unit-01-A {
  margin-bottom: 4px;
}
.micro-ui-49 .c-item-06 .c-item-01-F {
  position: absolute;
  right: 24px;
  top: 15px;
  background: #5E71A2;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  padding: 11px 19px 13px 20px;
}

.micro-ui-50 {
  padding: 24px 0 26px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
}
.micro-ui-50 .c-item-01 {
  width: 105px;
  height: 104px;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FCF3F2;
  border-radius: 50%;
}
.micro-ui-50 .c-item-01.v2 {
  background: #F1F9E9;
}
.micro-ui-50 .c-item-02 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.micro-ui-50 .c-item-02 .c-item-02-C {
  width: 100%;
  margin-bottom: 20px;
}
.micro-ui-50 .c-item-02 .c-item-02-A {
  width: 144px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 20px;
}
.micro-ui-50 .c-item-02 .c-item-02-A .c-unit-02 {
  margin-bottom: 4px;
}
.micro-ui-50 .c-item-02 .c-item-02-A > :last-child {
  margin-right: 0;
}
.micro-ui-50 .c-item-02 .c-item-02-B {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-right: 20px;
  background: #F8F8F9;
  border-radius: 50%;
}
.micro-ui-50 .c-item-03 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.micro-ui-50 .c-item-03 .c-item-03-A {
  width: 100%;
  margin-bottom: 8px;
}
.micro-ui-50 .c-item-03 .c-item-03-B {
  width: 144px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 20px;
}
.micro-ui-50 .c-item-03 .c-item-03-B .c-unit-02 {
  margin-bottom: 4px;
}
.micro-ui-50 .c-item-03 .c-item-03-B > :last-child {
  margin-right: 0;
}

.micro-ui-51 {
  width: 422px;
  height: 284px;
  background-color: #F0F0F2;
  padding: 4px 4px 0 4px;
  margin-bottom: 32px;
}
.micro-ui-51:before {
  content: "";
  position: absolute;
  top: 210px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  left: -8px;
}
.micro-ui-51:after {
  content: "";
  position: absolute;
  top: 210px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  right: -8px;
}
.micro-ui-51 .c-item-01 {
  background-color: #ffffff;
}
.micro-ui-51 .c-item-01 .c-item-01-A {
  display: flex;
  flex-direction: column;
  padding: 20px 47px 20px 20px;
  border-radius: 6px;
}
.micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
  margin-bottom: 24px;
}
.micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
  margin-bottom: 4px;
}
.micro-ui-51 .c-container-01 {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.micro-ui-51 .c-container-01 .c-item-02 {
  display: flex;
  align-items: center;
}
.micro-ui-51 .c-container-01 .c-item-02 .c-item-02-A {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 4px;
}
.micro-ui-51 .c-container-01 .c-item-02 .c-item-02-A img {
  width: 44px;
  height: 44px;
}
.micro-ui-51 .c-container-01 .c-item-02 .c-item-02-A:not(:last-child) {
  margin-right: 4px;
}
.micro-ui-51 .c-container-01 > .c-item-02-B {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 12px 20px;
  background: #FD6E4D;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
}
.micro-ui-51 .c-container-01 > .c-item-02-C {
  display: none;
}
.micro-ui-51 .hr-Z {
  margin: 0 24px 16px 24px;
}
.micro-ui-51 .c-item-03 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 24px 24px 24px;
}

.micro-ui-52 {
  background: #FAF3FB;
  border-radius: 8px;
  width: 276px;
  height: 232px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.micro-ui-52 svg {
  margin-bottom: 16px;
}

.micro-ui-53 {
  margin-right: 16px;
  margin-bottom: 32px;
}
.micro-ui-53 .container-01 {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  width: 276px;
  height: 232px;
  padding: 4px 4px 4px 4px;
  background: #F0F0F2;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.micro-ui-53 .container-01:hover {
  background-color: #E6E6E7;
}
.micro-ui-53 .container-01 .c-item-01,
.micro-ui-53 .container-01 .c-item-02,
.micro-ui-53 .container-01 .c-item-03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  margin-right: 2px;
  background: #F8F8F9;
}
.micro-ui-53 .container-01 .c-item-01 .c-unit-01,
.micro-ui-53 .container-01 .c-item-02 .c-unit-01 {
  width: 68px;
  height: 68px;
  padding: 10px;
  background: #fff;
}
.micro-ui-53 .container-01 .c-item-01 {
  border-radius: 6px 0px 0px 6px;
}
.micro-ui-53 .container-01 .c-item-02 {
  margin: 0 2px;
  border-radius: 6px 0px 0px 6px;
}
.micro-ui-53 .container-01 .c-item-03 {
  border-radius: 0px 6px 6px 0px;
}
.micro-ui-53 .container-01 .c-item-04 {
  padding: 0 0 0 16px;
  margin: 20px 0 0 0;
}
.micro-ui-53 .container-01 .c-item-04 .c-unit-01 {
  margin-bottom: 6px;
}
.micro-ui-53 .container-01 > :nth-child(2) {
  border-radius: 0;
}
.micro-ui-53 .container-01 > :nth-child(3) {
  margin-right: 0;
  border-radius: 0px 6px 6px 0px;
}
.micro-ui-53 > .container-02 {
  position: absolute;
  left: 12px;
  bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-color: #fff;
  background: #F0F0F2;
  opacity: 0.5;
  transition: opacity 0.2s, background-color 0.2s;
}
.micro-ui-53 > .container-02:hover {
  opacity: 1;
  background-color: #fff;
}
.micro-ui-53.card {
  position: relative;
}
.micro-ui-53.card .dropdown-menu {
  display: none;
  position: absolute;
  top: 50px;
  right: 15px;
  background: white;
  width: 200px;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 100;
  padding: 8px 0;
}
.micro-ui-53.card .dropdown-menu.show {
  display: block;
  animation: fadeIn 0.2s ease;
}
.micro-ui-53.card .dropdown-menu .menu-item {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}
.micro-ui-53.card .dropdown-menu .menu-item:hover {
  background-color: #f5f5f5;
}
.micro-ui-53.card .dropdown-menu .menu-item.delete {
  color: #d32f2f;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.micro-ui-54 {
  width: 206px;
  height: 368px;
  padding: 12px;
  background: #FFFFFF;
  border: 1px solid #E6E6E7;
  box-sizing: border-box;
  border-radius: 8px;
}
.micro-ui-54 .c-item-01 .c-item-01-A {
  padding: 7.14px;
  margin-bottom: 20px;
  width: 182px;
  height: 182px;
}
.micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
  width: 167.73px;
  height: 167.73px;
  object-fit: cover;
  object-position: center;
}
.micro-ui-54 .c-item-01 .c-item-01-B {
  width: 182px;
  height: 32px;
  margin-bottom: 16px;
}
.micro-ui-54 .c-item-02 {
  width: 182px;
  margin-bottom: 24px;
}
.micro-ui-54 > .c-item-02-fix-list {
  width: 100% !important;
  margin-bottom: 24px !important;
}
.micro-ui-54 .c-item-03 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #7A3986;
  border-radius: 6px;
  width: 182px;
  height: 48px;
  color: #FFFFFF;
  display: none;
}
.micro-ui-54 > .c-item-04 {
  position: absolute;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 8px;
  right: 12px;
  top: 12px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
}
.micro-ui-54 > .c-item-04:hover {
  background: #FFFFFF;
  border: 1px solid #171718;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid black;
}
.micro-ui-54 > .c-item-04-fix-list {
  width: 36px !important;
  height: 36px !important;
}
.micro-ui-54:hover {
  border: 1px solid black;
  cursor: pointer;
}
.micro-ui-54:hover .c-item-03 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #7A3986;
  border-radius: 6px;
  width: 182px;
  height: 48px;
  color: #FFFFFF;
}

.micro-ui-55 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 279px;
  height: 268px;
  background: #FAF3FB;
  border-radius: 8px;
}
.micro-ui-55 .c-item-01 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.micro-ui-55 .c-item-01 .c-unit-01 {
  margin-bottom: 18px;
}

.micro-ui-56 {
  width: 279px;
  height: auto;
  padding: 24px 16px 16px 24px;
  background: #fff;
  border: 1px solid #E6E6E7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.micro-ui-56 .c-item-01 .c-item-01-B {
  margin: 12px 0 24px 0;
}
.micro-ui-56 .c-item-01 .c-item-01-D {
  margin: 4px 0 20px 0;
}
.micro-ui-56 .c-item-02 .c-item-02-A {
  margin: 20px 0 41.25px 0;
}
.micro-ui-56 .c-item-02 .c-item-02-B {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
}
.micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
  display: flex;
}
.micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.micro-ui-59 {
  width: 809px;
  padding: 24px;
  background: #FFFAED;
  border-radius: 0px 8px 8px 8px;
  display: flex;
  flex-wrap: wrap;
}
.micro-ui-59 > .c-item-02 {
  width: 620px;
  margin-left: 16px;
}
.micro-ui-59:before {
  content: "";
  position: absolute;
  left: -12px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #FFFAED transparent transparent;
}

.micro-ui-60 {
  width: 100%;
  height: 76px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
}
.micro-ui-60 .c-item-01 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #FDF5F2;
  border-radius: 50%;
}
.micro-ui-60 .c-item-02 {
  margin-left: 16px;
}

.micro-ui-60 .c-item-02 {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -0.005em;
  color: #B82D00;
}

.micro-ui-61 {
  width: 100%;
}
.micro-ui-61 .micro-61-form-group-01 {
  width: 400px;
}
.micro-ui-61 .micro-61-form-group-01 label {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #373738;
}

.micro-ui-62 {
  width: 100%;
}
.micro-ui-62 > .c-item-01 {
  margin-bottom: 32px;
}
.micro-ui-62 > .c-item-02 {
  padding: 20px;
  background: #FDF5F2;
  border-radius: 8px;
}
.micro-ui-62 > .c-item-02 .c-item-02-A {
  margin-bottom: 4px;
  padding: 24px 24px 20px 24px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 {
  height: 72px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 .chk-C {
  width: 24px;
  height: 24px;
  margin-right: 25px;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #E6E6E7;
  box-sizing: border-box;
  border-radius: 4px;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A img {
  width: 48px;
  height: 48px;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-B {
  margin: 4px 0 24px 0;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 {
  margin-top: 13px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 124px;
  height: 60px;
  padding: 0 14px;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 a {
  width: 16px;
  height: 16px;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 .c-unit-02-C-02-A {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 .c-unit-02-C-02-A span {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #000000;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-02 .c-unit-02-C-02-A input {
  width: 30px;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #000000;
}
.micro-ui-62 > .c-item-03 {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.micro-ui-62 > .c-item-03 .c-item-03-A {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 0 62px;
  background: #7A3986;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
}
.micro-ui-62 > .c-item-03 .c-item-03-A.off {
  background-color: #E9EBF1;
  color: #909091;
}
.micro-ui-62 > .c-item-04 {
  display: flex;
  align-items: center;
  height: 48px;
  background: #FDF5F2;
  border-radius: 6px;
  margin-bottom: 12px;
  padding-left: 16px;
}
.micro-ui-62 > .c-item-04 .c-item-04-A {
  margin-left: 12px;
}

.micro-ui-62 > .c-item-01 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #373738;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-01-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #1B1B1B;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-B {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #68686A;
}
.micro-ui-62 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C .c-unit-02-C-01 {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  opacity: 0.8;
}
.micro-ui-62 > .c-item-04 {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: #373738;
}
.micro-ui-62 > .c-item-04 span {
  font-weight: bold;
}

.micro-ui-63 {
  width: 100%;
  margin-top: 32px;
}
.micro-ui-63 > .c-item-01 {
  margin-bottom: 32px;
}
.micro-ui-63 > .c-item-02 {
  background: #FDF5F2;
  border-radius: 8px;
  padding: 20px;
}
.micro-ui-63 > .c-item-02 .c-item-02-A {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 45px 28px;
  background-color: #fff;
}
.micro-ui-63 > .c-item-02 .c-item-02-A img {
  width: 126px;
  height: 40px;
}
.micro-ui-63 > .c-item-02 .c-item-02-A .c-unit-01 {
  margin-left: 24px;
}

.micro-ui-63 > .c-item-01 {
  font-size: 14px;
  line-height: 20px;
  color: #373738;
}
.micro-ui-63 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #1B1B1B;
}
.micro-ui-63 > .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #68686A;
}

.micro-ui-64 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.micro-ui-64 > .c-item-01 {
  margin: 32px 0 16px 0;
}
.micro-ui-64 > .c-item-02 {
  width: 535px;
}
.micro-ui-64 > .c-item-03 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #F1F9E9;
  border-radius: 50%;
}

.micro-ui-64 > .c-item-01 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #373738;
}
.micro-ui-64 > .c-item-02 {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #373738;
}

.micro-ui-65 {
  width: 100%;
  background: #FDF5F2;
  border-radius: 8px;
  padding: 28px 32px 0 32px;
  margin-top: 40px;
}
.micro-ui-65 > div {
  border-bottom: 1px solid #FDEDE9;
}
.micro-ui-65 > div:last-child {
  border-bottom: none;
}
.micro-ui-65 > .c-item-01 {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 24px;
}
.micro-ui-65 > .c-item-01 .c-item-01-A {
  width: 200px;
  margin-right: 196px;
  display: flex;
  flex-direction: column;
}
.micro-ui-65 > .c-item-01 .c-item-01-A .c-unit-01 {
  margin-bottom: 6px;
}
.micro-ui-65 > .c-item-01 .c-item-01-C {
  width: 220px;
  margin-right: 52px;
  display: flex;
  flex-direction: column;
}
.micro-ui-65 > .c-item-01 .c-item-01-C .c-unit-01 {
  margin-bottom: 6px;
}
.micro-ui-65 > .c-item-01 .c-item-01-B img {
  width: 126px;
  height: 30px;
}
.micro-ui-65 > .c-item-02 {
  padding: 24px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.micro-ui-65 > .c-item-02 .c-item-02-A {
  width: 200px;
  margin-right: 200px;
  display: flex;
  flex-direction: column;
}
.micro-ui-65 > .c-item-02 .c-item-02-A .c-unit-01 {
  margin-bottom: 4px;
}
.micro-ui-65 > .c-item-02 .c-item-02-B {
  width: 220px;
  display: flex;
  flex-direction: column;
}
.micro-ui-65 > .c-item-02 .c-item-02-B .c-unit-01 {
  margin-bottom: 4px;
}
.micro-ui-65 > .c-item-03 {
  padding-top: 24px;
  width: 361px;
}

.micro-ui-65 > .c-item-01 .c-item-01-A .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091;
}
.micro-ui-65 > .c-item-01 .c-item-01-A .c-unit-02 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #1B1B1B;
}
.micro-ui-65 > .c-item-01 .c-item-01-C .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091;
}
.micro-ui-65 > .c-item-01 .c-item-01-C .c-unit-02 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #1B1B1B;
}
.micro-ui-65 > .c-item-02 .c-item-02-A .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091;
}
.micro-ui-65 > .c-item-02 .c-item-02-A .c-unit-02 {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #1B1B1B;
}
.micro-ui-65 > .c-item-02 .c-item-02-B .c-unit-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #909091;
}
.micro-ui-65 > .c-item-02 .c-item-02-B .c-unit-02 {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #1B1B1B;
}
.micro-ui-65 > .c-item-03 {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #555556;
}

.micro-ui-66 {
  background: #FDF5F2;
  border-radius: 6px;
  padding: 16px;
  display: flex;
  align-items: center;
}
.micro-ui-66 .c-item-01 {
  width: 609px;
  margin-left: 12px;
}

.micro-ui-66 .c-item-01 {
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  color: #555556;
}

.micro-ui-67 > .c-item-01 {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #A02500;
}
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-A,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-02 .c-unit-02-A {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #0F0F10;
}
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-B,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-02 .c-unit-02-B {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #555556;
}
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-02 .c-unit-02-C,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-02 .c-unit-02-C {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #1B1B1B;
}
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-03 .c-unit-03-A,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-03 .c-unit-03-A {
  color: #909091;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.micro-ui-67 > .c-item-02 .c-item-02-A .c-unit-03 .c-unit-03-B,
.micro-ui-67 > .c-item-02 .chekout-card-01 .c-unit-03 .c-unit-03-B {
  color: #171718;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.13px;
}
.micro-ui-67 > .c-item-03 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 32px;
}
.micro-ui-67 > .c-item-03 .c-item-03-A {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 0 62px;
  background: #7A3986;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
}
.micro-ui-67 > .c-item-03 .c-item-03-B {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 0 62px;
  border: 1px solid #7A3986;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #7A3986;
}

@media all and (max-width: 414px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
    width: calc(100% - 40px);
    height: 100%;
    padding-top: 20px;
    color: #171718;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 4px !important;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
    display: flex;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    margin-bottom: 16px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
    position: unset;
    z-index: unset;
    opacity: unset;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    margin-top: 3px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
    flex: 1;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
    margin-top: 16px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
    display: flex;
    height: 48px;
    width: 100%;
    padding: 0px 16px;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D5D5D6;
    background: #FFF;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
    display: none;
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
    border: 1px solid #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
    display: block;
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
    width: 100%;
    border-radius: 8px;
    background: #7A3986;
    display: flex;
    height: 48px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
    color: #909091;
    pointer-events: none;
    cursor: not-allowed;
    background: #E9EBF1;
  }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 20px;
    right: 20px;
  }
  .micro-ui-01 {
    width: 335px;
    height: 195px;
    flex: 0 0 auto;
    margin-right: 8px;
  }
  .micro-ui-01 .c-item-01 {
    width: 168px;
    z-index: 5;
  }
  .micro-ui-01 .c-item-02 {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0;
    opacity: 0.4;
    border-radius: 8px;
    opacity: 0.4;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .micro-ui-01 picture {
    overflow: hidden;
  }
  .micro-ui-01 picture img {
    width: 100%;
    height: 100%;
  }
  .micro-ui-02 {
    width: 100%;
    padding: 16px 0 16px 20px;
    margin-bottom: 4px;
  }
  .micro-ui-02 .m-c-item-02 {
    width: 32px;
    height: auto;
  }
  .micro-ui-02 .m-c-item01 {
    padding-left: 16px;
  }
  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: 20px;
  }
  .micro-ui-10 {
    padding: 24px 0 40px 0;
    background: #FFF;
  }
  .micro-ui-10 .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-10 .c-item-02 {
    width: 100%;
    background: #FDF5F2;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 24px 16px 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A img {
    width: 44px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B {
    flex: 1;
    margin-left: 12px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
    margin: 12px 0 0 0;
  }
  .micro-ui-10 .c-item-02:last-child {
    margin-bottom: 0;
  }
  .micro-ui-12 {
    padding: 16px;
    background: #FDF5F2;
    border-radius: 4px;
  }
  .micro-ui-12 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-14 {
    padding: 24px 20px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-14 > .c-item-01 {
    margin-bottom: 32px;
    width: 100%;
  }
  .micro-ui-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-14 > .c-item-02 .c-item-02-A {
    margin-right: 8px;
  }
  .micro-ui-15 {
    padding: 20px;
  }
  .micro-ui-15 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-15 .c-item-02 {
    margin-bottom: 20px;
  }
  .micro-ui-15 .hr-C {
    display: none;
  }
  .micro-ui-15 .c-item-03 {
    flex-wrap: wrap;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 {
    width: 100%;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-A {
    margin-bottom: 4px;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B {
    margin-bottom: 20px;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
    margin-right: 9px;
  }
  .micro-ui-15 .c-item-03 .c-unit-01:last-child .c-unit-01-B {
    margin-bottom: 0;
  }
  .micro-ui-16 {
    padding: 20px;
    border-radius: 4px;
  }
  .micro-ui-16 > .c-item-01 {
    width: 100%;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  .micro-ui-16 > .hr-I {
    margin: 20px 0;
  }
  .micro-ui-16 > .c-item-03 .c-item-03-A {
    margin-bottom: 12px;
  }
  .micro-ui-17 {
    padding: 36px 32px 61px 20px;
  }
  .micro-ui-17 .c-item-01.chk-A > label {
    flex: 1;
    align-items: baseline !important;
  }
  .micro-ui-17 .c-item-01.chk-A > label span {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    width: calc(100% - 36px);
  }
  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    border-radius: 8px;
  }
  .micro-ui-20 .c-item-01 .c-item-01-A {
    width: 303px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-21 .c-item-01 {
    padding: 12px 16px;
    background: #FFFBF9;
    border-radius: 4px;
    display: flex;
    align-items: flex-start;
  }
  .micro-ui-21 .c-item-01 .c-item-01-A {
    width: 275px;
    margin-left: 8px;
  }
  .micro-ui-28 {
    margin: 0 20px 0 20px;
    padding: 60px 0 24px 0;
    background: #F1F9E9;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
  .micro-ui-28 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #DCEDC9;
    top: -40px;
    position: absolute;
  }
  .micro-ui-28 .c-item-02 {
    width: 255px;
    margin: 0 0 16px 0;
  }
  .micro-ui-28 .c-item-03 {
    width: 271px;
  }
  .micro-ui-29 {
    margin: 32px 20px 0 20px;
    padding: 0;
  }
  .micro-ui-29 .c-item-02 {
    display: none;
  }
  .micro-ui-30 {
    margin: 20px 20px 0 20px;
    padding: 0;
  }
  .micro-ui-30 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 20px 16px 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 72px);
    margin-left: 12px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
    display: none;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C {
    width: 100%;
    height: 52px;
    margin-left: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-31 {
    margin-bottom: 20px;
  }
  .micro-ui-31 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-31 > .micro-ui-21 {
    margin-bottom: 12px;
  }
  .micro-ui-31 .hr-C {
    margin: 32px 0 24px 0;
  }
  .micro-ui-32 {
    padding: 0;
  }
  .micro-ui-32 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 20px 16px 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 72px);
    margin-left: 12px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
    display: none;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C {
    width: 100%;
    height: 52px;
    margin-left: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-33 {
    padding-top: 106px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
  }
  .micro-ui-33 .hr-C {
    order: 3;
    height: 2px;
    margin: 32px 20px 24px 20px;
    width: auto;
  }
  .fix-micro-ui-33 {
    padding-top: 60px;
  }
  .micro-ui-35 {
    order: 1;
    padding: 60px 0 24px 0;
    background: #FCF3F2;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    margin: 0 20px;
  }
  .micro-ui-35 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #F0D0C4;
    top: -40px;
    position: absolute;
  }
  .micro-ui-35 .c-item-02 {
    width: 255px;
    margin: 0 0 16px 0;
  }
  .micro-ui-35 .c-item-03 {
    width: 271px;
  }
  .micro-ui-35 .c-item-04 {
    display: block;
    margin-top: 24px;
  }
  .micro-ui-35 .c-item-05 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 32px;
  }
  .micro-ui-35 .c-item-05 .c-unit-01 {
    margin-bottom: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 287px;
    height: 48px;
    padding: 0 32px;
    background: #FAF3FB;
    border: 1px solid #D8BFDB;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E;
  }
  .micro-ui-35 .crd-lnk-btn-05.active {
    background: #EFE5F0;
    border: 1px solid #6B337D;
    border-radius: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #C36341;
  }
  .fix-micro-ui-35 > .c-item-06 {
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #373738;
    font-weight: 400;
    margin: 0 32px;
  }
  .fix-micro-ui-50 {
    margin: 20px 24px;
  }
  .fix-micro-ui-50 > .c-item-01 {
    top: -270px;
    left: calc(50% - 40px);
  }
  .fix-micro-ui-50 > .c-item-03 {
    width: 100%;
  }
  .micro-ui-36 {
    order: 2;
    margin: 32px 0 0 0;
    padding: 0;
  }
  .micro-ui-36 .c-item-02 {
    width: 315px;
    margin-top: 20px;
  }
  .micro-ui-37 {
    order: 6;
    padding: 0;
  }
  .micro-ui-37 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 32px 0;
    border-bottom: 2px solid #E9EBF1;
    border-top: 2px solid #E9EBF1;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
    width: 48px;
    height: 48px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 16px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    margin-bottom: 8px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
    margin-bottom: 12px;
    width: 219px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-B {
    width: 100%;
    margin-left: 64px;
  }
  .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 32px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #1B1B1B;
  }
  .micro-ui-37 > :nth-child(2n) {
    border-top: none;
  }
  .fix-micro-ui-37 {
    padding: 0 20px;
  }
  .micro-ui-38 {
    order: 7;
    padding: 0;
    margin-top: 32px;
  }
  .micro-ui-38 .c-item-01 {
    padding: 20px;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .micro-ui-38 .c-item-01 .c-item-01-A {
    width: 295px;
    margin-bottom: 32px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-B {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-bottom: 8px;
    padding: 0 24px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .micro-ui-39 {
    order: 5;
    margin-bottom: 32px;
    padding: 0;
  }
  .micro-ui-39 .c-item-01 {
    padding: 20px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A {
    width: 172px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
    margin: 4px 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-right: 18px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
    display: none;
  }
  .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .micro-ui-40 {
    order: 4;
    margin-bottom: 24px;
  }
  .micro-ui-40 .c-item-02 {
    width: 315px;
    margin-top: 20px;
  }
  .fix-micro-ui-40 {
    margin: 0 20px 24px 20px;
  }
  .micro-ui-41 {
    order: 8;
    margin: 48px 0 40px 0;
    padding: 0;
  }
  .micro-ui-41 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    padding: 0 20px;
    background: #F8F8F9;
    border-radius: 4px;
  }
  .micro-ui-41 .c-item-01.on {
    background: #fff !important;
  }
  .micro-ui-41 .c-item-01 .c-item-01-A {
    width: 263px;
  }
  .micro-ui-41 .c-item-02 {
    transition: 300ms;
    width: 100%;
    height: 0px;
    overflow: hidden;
  }
  .micro-ui-41 .c-item-02.on {
    padding: 8px 24px 24px 24px;
  }
  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFFFFF;
  }
  .micro-ui-43 > .c-item-04 span {
    display: none;
  }
  .micro-ui-43 > .c-item-03 span {
    display: none;
  }
  .micro-ui-43.on .c-item-02 {
    display: none;
  }
  .micro-ui-43.on .c-item-03 {
    display: none;
  }
  .micro-ui-43 .c-container-01 {
    margin-bottom: 23px;
  }
  .micro-ui-43 .c-container-01 .c-item-01 {
    width: 100%;
    color: #1F2E5C;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.24px;
  }
  .micro-ui-43 .c-container-01 .c-item-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 36px;
    gap: 5px;
    border-radius: 4px;
    background-color: #E9EBF1;
    color: #1F2E5C;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .micro-ui-43 .c-container-02 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 {
    display: flex;
    align-items: center;
    background: #F8F8F9;
    border-radius: 4px;
    padding: 0 0 0 16px;
    width: 100%;
    height: 50px;
    margin-bottom: 12px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
    position: absolute;
    z-index: 1;
    left: 16px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
    background: #F8F8F9;
    width: 100%;
    height: 100%;
    padding-left: 28px;
    border-radius: 4px;
  }
  .micro-ui-43 .c-container-02 .c-item-03 {
    width: 152px;
    height: 48px;
    display: flex;
  }
  .micro-ui-43 .c-container-02 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    font-weight: 400;
  }
  .micro-ui-43 .c-container-02 .c-item-03 span {
    position: absolute;
    top: 15px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02 .c-item-04 {
    width: 168px;
    margin-right: 13px;
  }
  .micro-ui-43 .c-container-02 .c-item-04 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02.v2 {
    flex-wrap: unset;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-02 {
    flex: 1;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-03 {
    width: 120px;
    margin-left: 8px;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-04 {
    display: none;
  }
  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .micro-ui-44 .c-unit-01 {
    display: flex;
    align-items: center;
    padding: 16px 16px 16px 16px;
    background: #F8F8F9;
    width: 100%;
    margin-bottom: 1px;
    border-radius: 8px 8px 0 0;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 16px;
    background: #fff;
    position: relative;
    border-radius: 4px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    object-position: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    width: 60px;
    height: 60px;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
    position: absolute;
    width: 28px;
    height: 28px;
    right: -8px;
    bottom: -8px;
    border-radius: 50%;
    background: #FFFFFF;
    /* Black & White/300 */
    border: 1px solid #D5D5D6;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    width: 150px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
    position: absolute;
    left: 80px;
    top: 145px;
    z-index: 2;
    padding: 8px 16px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
    width: max-content;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 8px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44 .c-unit-02 {
    padding: 16px 13px 21px 13px;
    display: flex;
    background: #F8F8F9;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    border-radius: 0 0 8px 8px;
    transition: all 0.3s;
    border: 1px solid #F0F0F2;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A {
    display: none;
    width: 200px;
    margin-bottom: 32px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-F {
    width: 50%;
    min-width: 170px;
    margin-bottom: 24px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-F .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-G {
    flex: 1;
    margin-bottom: 24px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-G .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B {
    width: 50%;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-C {
    position: absolute;
    top: -70px;
    right: 13px;
    padding: 10px;
    width: 40px;
    height: 40px;
    background: #F0F0F2;
    color: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D {
    padding: 12px;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    display: flex !important;
    height: 33px;
    background: #FFFFFF;
    /* Quaternary / 200 */
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #E7B3A0;
    background: #FFF;
    color: #B55B3D;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #A770AC;
    background: #FAF3FB;
    color: #853F8C;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #DF9E9D;
    background: #FFF8F9;
    color: #B13834;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44:not(:last-child) {
    margin-bottom: 16px;
  }
  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 {
    background: #FDF5F2;
    border-radius: 8px;
    padding: 20px 0 20px 20px;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-A {
    margin-bottom: 8px;
    width: 295px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-B {
    margin-bottom: 20px;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-C {
    width: 295px;
  }
  .micro-ui-45 .c-unit-01:not(:last-child) {
    margin-bottom: 12px;
  }
  .micro-ui-45 {
    padding: 0;
    width: 100%;
    border-radius: 8px;
    display: block;
  }
  .micro-ui-45 .c-unit-01 {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-A {
    margin-right: 16px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-45 .c-unit-02 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
  }
  .micro-ui-45 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 8px;
  }
  .micro-ui-45 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 8px;
  }
  .micro-ui-46 {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .micro-ui-46 .hr-A {
    width: 100%;
    display: block;
  }
  .micro-ui-46 .c-unit-01 {
    padding: 24px 20px 24px 20px;
  }
  .micro-ui-46 .c-unit-02 {
    padding: 24px 20px 24px 20px;
    width: 100%;
  }
  .micro-ui-47 .c-unit-01 {
    display: flex;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    display: block;
    width: 44px;
    height: 44px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 8px;
    width: 231px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    margin-bottom: 16px;
    width: 227px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
    width: 259px;
  }
  .micro-ui-47:not(:last-child) {
    border-bottom: 1px solid #E6E6E7;
    margin-bottom: 25px;
  }
  .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
    margin-bottom: 24px;
  }
  .micro-ui-48 {
    padding: 20px 0;
  }
  .micro-ui-48 .c-unit-04 {
    width: 271px;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-B {
    display: none;
    width: 271px;
  }
  .micro-ui-48.v1 {
    background: #F1F9E9;
  }
  .micro-ui-48.v1 .c-unit-01 {
    background: #AED584;
    border-radius: 50%;
  }
  .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
    display: block;
  }
  .micro-ui-48.v2 {
    background: #FBECEE;
  }
  .micro-ui-48.v2 .c-unit-01 {
    background: #DF9E9D;
    border-radius: 50%;
  }
  .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-03 {
    margin-bottom: 32px;
  }
  .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
    display: block;
  }
  .micro-ui-48.v3 {
    background: #E9EBF1;
  }
  .micro-ui-48.v3 .c-unit-01 {
    background: #7B8AB1;
    border-radius: 50%;
  }
  .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
    display: block;
  }
  .micro-ui-49 .c-item-01 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-A {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 22px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-B {
    width: 2px;
    height: 34px;
    position: absolute;
    left: 27px;
    top: 34px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-C {
    left: 50px;
  }
  .micro-ui-49 .c-item-02 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-A {
    width: 2px;
    height: 16px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-02 .c-item-01-B {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 25px;
    top: 22px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-D {
    width: 2px;
    height: 34px;
    left: 27px;
    top: 34px;
  }
  .micro-ui-49 .c-item-03 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-A {
    width: 2px;
    height: 11px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-03 .c-item-01-B {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 20px;
    top: 17px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-D {
    width: 2px;
    height: 29px;
    left: 27px;
    top: 39px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-E {
    width: 98px;
    height: 40px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #C93504;
  }
  .micro-ui-49 .c-item-03 .c-item-01-F {
    width: 116px;
    height: 40px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
  }
  .micro-ui-49 .c-item-04 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-04 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-04 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-05 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-B {
    width: 16px;
    height: 16px;
    left: 20px;
    top: 13px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-D {
    width: 2px;
    height: 25px;
    left: 27px;
    top: 35px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-F {
    width: 103px;
    height: 36px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
  }
  .micro-ui-49 .c-item-06 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-06 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-D {
    width: 2px;
    height: 11px;
    left: 27px;
    top: 30px;
  }
  .micro-ui-49 .c-item-06:last-child .c-item-01-D {
    display: none;
  }
  .micro-ui-49 .c-item-06 .c-item-01-F {
    position: absolute;
    right: 16px;
    font-size: 12px;
    line-height: 15px;
    top: 11px;
    padding: 10px 16px 11px 16px;
  }
  .micro-ui-51 {
    width: 100%;
    height: 270px;
  }
  .micro-ui-51 .c-item-01 {
    width: 100%;
    margin-bottom: 0;
    border-radius: 6px;
    height: 111px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A {
    width: 100%;
    padding: 16px 20px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 20px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    display: flex;
    width: 295px;
    justify-content: space-between;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
    margin-bottom: 6px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
  }
  .micro-ui-51 .hr-Z {
    height: 1px;
    background-color: #FFF;
    width: calc(100% - 40px);
    margin: 14px 0 16px 20px;
  }
  .micro-ui-51 .c-container-01 {
    height: 88px;
    align-items: center;
  }
  .micro-ui-51 .c-container-01 .c-item-02-B {
    display: none;
  }
  .micro-ui-51 .c-container-01 .c-item-02-C {
    display: flex;
    width: 40px;
    height: 40px;
    background: #FAFBFD;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-51 .c-item-03 {
    width: 295px;
    padding: 0 0 0 20px;
    font-weight: 400;
  }
  .micro-ui-51:last-child {
    margin-bottom: 0;
  }
  .main-pb-fix {
    padding-bottom: 80px;
  }
  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .micro-ui-53 > .container-01 {
    width: 100%;
    height: 180px;
  }
  .micro-ui-53 > .container-01 .c-item-01 {
    box-shadow: none;
  }
  .micro-ui-53 > .container-01 .c-item-04 {
    background-color: unset;
  }
  .micro-ui-53 > .container-02 {
    right: 20px;
    bottom: 32px;
    left: unset;
  }
  .micro-ui-54 {
    width: calc(50% - 4.5px);
    height: 295px;
    padding: 8px 7px 12px 8px;
    margin-bottom: 20px !important;
  }
  .micro-ui-54:nth-child(odd) {
    margin-right: 9px;
  }
  .micro-ui-54:nth-child(even) {
    margin-right: 0;
  }
  .micro-ui-54:nth-child(n+2) {
    margin-bottom: 0 !important;
  }
  .micro-ui-54 .c-item-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A {
    padding: 4.12px 3.78px;
    margin-bottom: 12px;
    width: 148px;
    height: 148px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
    width: 132px;
    height: 132px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-B {
    width: 128px;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .micro-ui-54 .c-item-02 {
    width: 128px;
    margin-bottom: 16px !important;
    text-align: center;
  }
  .micro-ui-54 .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    background: #FAF3FB;
    color: #5D2D74 !important;
    border: 1px solid #6B337D;
  }
  .micro-ui-54 .c-item-04 {
    position: absolute;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 8px;
    right: 12px;
    top: 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
  }
  .micro-ui-54 .c-item-04:hover {
    display: none;
  }
  .micro-ui-54:hover {
    display: none;
  }
  .micro-ui-54:hover .c-item-03 {
    width: 132px;
    height: 40px;
  }
  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px !important;
    margin-right: 0 !important;
  }
  .micro-ui-55 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-55 .c-item-01 > span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #6B337D;
  }
  .micro-ui-55 .c-item-01 .c-unit-01 {
    margin-right: 13px;
    width: 14px;
    height: 14px;
    margin-bottom: 0px;
  }
  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 20px 16px;
    background: #fff;
    border: 1px solid #E6E6E7;
    border-radius: 8px;
    order: 2;
    margin-right: 0 !important;
  }
  .micro-ui-56:not(:last-child) {
    margin-bottom: 16px;
  }
  .micro-ui-56 .c-item-01 .c-item-01-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362;
  }
  .micro-ui-56 .c-item-01 .c-item-01-B {
    width: 279px;
    margin: 12px 0 24px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.005em;
    color: #373738;
  }
  .micro-ui-56 .c-item-01 .c-item-01-C {
    width: 211px;
    color: #373738;
  }
  .micro-ui-56 .c-item-01 .c-item-01-D {
    margin: 4px 0 0 0;
  }
  .micro-ui-56 .c-item-02 {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 16px;
    bottom: 20px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-A {
    margin: 4px 0 20px 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    margin-right: 8px;
    border-radius: 50px;
    background: #F8F8F9;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 > .c-unit-01 {
    margin-right: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-01 {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-02 {
    display: none;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #F8F8F9;
  }
  .micro-ui-57 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
  }
  .micro-ui-57 > .c-item-01 img {
    width: 32px;
    height: 32px;
  }
  .micro-ui-57 > .c-item-02 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-02 .c-item-02-A {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .micro-ui-57 > .c-item-03 {
    display: none;
  }
  .micro-ui-58 {
    width: 100%;
    padding: 24px;
    background: #F8F8F9;
    border-radius: 0px 8px 8px 8px;
  }
  .micro-ui-58 > .c-item-01 {
    display: flex;
    align-items: center;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    display: flex;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 {
    margin-right: 2px;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
    background-image: url(/Content/Images/Icons/fill-star.png);
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
    background-image: url(/Content/Images/Icons/star-empty.png);
    width: 12px;
    height: 12px;
  }
  .micro-ui-58 > .c-item-02 {
    margin: 16px 0;
  }
  .micro-ui-58 > .c-item-03 {
    margin-top: 12px;
  }
  .micro-ui-58:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #F8F8F9 transparent transparent;
  }
  .micro-ui-58-01 {
    display: flex;
    width: 100%;
    padding: 8px 12px;
    background: #FDF5F2;
    color: #373738;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 8px;
  }
  .micro-ui-58-01:before {
    flex: 0 0 auto;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_25009%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_25009%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 0 8px 8px 8px;
    background: #FFFAED;
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-02 .c-container-01 {
    flex: 1;
  }
  .micro-ui-58-02 .c-container-01 .c-item-01 {
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .micro-ui-58-02:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_26001%29%22%3E%20%3Cpath%20d%3D%22M1.25%2010C1.25%2011.7306%201.76318%2013.4223%202.72464%2014.8612C3.6861%2016.3002%205.05267%2017.4217%206.65152%2018.0839C8.25037%2018.7462%2010.0097%2018.9195%2011.707%2018.5819C13.4044%2018.2442%2014.9635%2017.4109%2016.1872%2016.1872C17.4109%2014.9635%2018.2442%2013.4044%2018.5819%2011.707C18.9195%2010.0097%2018.7462%208.25037%2018.0839%206.65152C17.4217%205.05267%2016.3002%203.6861%2014.8612%202.72464C13.4223%201.76318%2011.7306%201.25%2010%201.25C7.67936%201.25%205.45376%202.17187%203.81282%203.81282C2.17187%205.45376%201.25%207.67936%201.25%2010ZM15.7188%2014.8438L5.15625%204.28125C6.59415%203.08437%208.42745%202.46811%2010.2964%202.55341C12.1653%202.63872%2013.9348%203.41942%2015.2577%204.74231C16.5806%206.0652%2017.3613%207.83474%2017.4466%209.70364C17.5319%2011.5725%2016.9156%2013.4059%2015.7188%2014.8438ZM5.15%2015.725C3.63645%2014.4397%202.69438%2012.6066%202.53035%2010.6278C2.36632%208.64888%202.99373%206.68572%204.275%205.16875L14.8312%2015.725C13.4776%2016.8688%2011.7628%2017.4963%209.99062%2017.4963C8.21849%2017.4963%206.50361%2016.8688%205.15%2015.725Z%22%20fill%3D%22%234B3C06%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_26001%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 {
    display: flex;
    gap: 12px;
    margin-top: 20px;
  }
  .micro-ui-58-03 .c-container-01 {
    color: #7A3986;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #7A3986;
    height: 32px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-58-03 .c-container-01:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_367_17658%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_367_17658%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 .c-container-02 {
    color: #FFF;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    background: #7A3986;
    height: 32px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-58-03 .c-container-02:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_367_24765%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_367_24765%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap;
  }
  .micro-ui-59 .c-item-02 {
    width: 100%;
  }
  .micro-ui-67 {
    width: 100%;
  }
  .micro-ui-67 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-01 {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-03 {
    position: absolute;
    top: 38px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 {
    background: #FDEDE9;
    border-radius: 8px;
    padding: 12px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    transition: background-color 0.2s, border 0.2s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A {
    margin-left: 100px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 124px;
    height: 54px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35px;
    height: 31px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-01, .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-03 {
    width: 16px;
    display: flex;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
    width: 300px;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B .select-ui-01 {
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B > span {
    position: absolute;
    top: 53px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A > textarea {
    font-family: Inter;
    padding: 10px;
    border: 1px solid gray;
    resize: none;
    width: 295px;
    height: 80px;
    border-radius: 4px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
    width: 294px;
    height: 56px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 8px;
    background: #FAFBFD;
    transition: background 0.25s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
    background: rgb(230, 231, 235);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 label {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    width: 180px;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-03 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 16px;
    width: 300px;
    border-radius: 6px;
    background: #E9EBF1;
  }
  .micro-ui-67 > .c-item-02 > :last-child {
    border: none;
  }
  .micro-ui-67 > .c-item-03 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .micro-ui-67 > .c-item-03 > a {
    width: 100%;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
    width: calc(100% - 40px);
    height: 100%;
    padding-top: 20px;
    color: #171718;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 4px !important;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
    display: flex;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    margin-bottom: 16px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
    position: unset;
    z-index: unset;
    opacity: unset;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    margin-top: 3px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
    flex: 1;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
    margin-top: 16px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
    display: flex;
    height: 48px;
    width: 100%;
    padding: 0px 16px;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D5D5D6;
    background: #FFF;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
    display: none;
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
    border: 1px solid #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
    display: block;
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
    width: 100%;
    border-radius: 8px;
    background: #7A3986;
    display: flex;
    height: 48px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
    color: #909091;
    pointer-events: none;
    cursor: not-allowed;
    background: #E9EBF1;
  }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 20px;
    right: 20px;
  }
  .micro-ui-01 {
    width: 335px;
    height: 195px;
    flex: 0 0 auto;
    margin-right: 8px;
  }
  .micro-ui-01 .c-item-01 {
    width: 168px;
    z-index: 5;
  }
  .micro-ui-01 .c-item-02 {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0;
    opacity: 0.4;
    border-radius: 8px;
    opacity: 0.4;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .micro-ui-01 picture {
    overflow: hidden;
  }
  .micro-ui-01 picture img {
    width: 100%;
    height: 100%;
  }
  .micro-ui-02 {
    width: 100%;
    padding: 16px 0 16px 20px;
    margin-bottom: 4px;
  }
  .micro-ui-02 .m-c-item-02 {
    width: 32px;
    height: auto;
  }
  .micro-ui-02 .m-c-item01 {
    padding-left: 16px;
  }
  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: 20px;
  }
  .micro-ui-10 {
    padding: 24px 0 40px 0;
    background: #FFF;
  }
  .micro-ui-10 .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-10 .c-item-02 {
    width: 100%;
    background: #FDF5F2;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 24px 16px 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A img {
    width: 44px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B {
    flex: 1;
    margin-left: 12px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
    margin: 12px 0 0 0;
  }
  .micro-ui-10 .c-item-02:last-child {
    margin-bottom: 0;
  }
  .micro-ui-12 {
    padding: 16px;
    background: #FDF5F2;
    border-radius: 4px;
  }
  .micro-ui-12 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-14 {
    padding: 24px 20px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-14 > .c-item-01 {
    margin-bottom: 32px;
    width: 100%;
  }
  .micro-ui-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-14 > .c-item-02 .c-item-02-A {
    margin-right: 8px;
  }
  .micro-ui-15 {
    padding: 20px;
  }
  .micro-ui-15 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-15 .c-item-02 {
    margin-bottom: 20px;
  }
  .micro-ui-15 .hr-C {
    display: none;
  }
  .micro-ui-15 .c-item-03 {
    flex-wrap: wrap;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 {
    width: 100%;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-A {
    margin-bottom: 4px;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B {
    margin-bottom: 20px;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
    margin-right: 9px;
  }
  .micro-ui-15 .c-item-03 .c-unit-01:last-child .c-unit-01-B {
    margin-bottom: 0;
  }
  .micro-ui-16 {
    padding: 20px;
    border-radius: 4px;
  }
  .micro-ui-16 > .c-item-01 {
    width: 100%;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  .micro-ui-16 > .hr-I {
    margin: 20px 0;
  }
  .micro-ui-16 > .c-item-03 .c-item-03-A {
    margin-bottom: 12px;
  }
  .micro-ui-17 {
    padding: 36px 32px 61px 20px;
  }
  .micro-ui-17 .c-item-01.chk-A > label {
    flex: 1;
    align-items: baseline !important;
  }
  .micro-ui-17 .c-item-01.chk-A > label span {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    width: calc(100% - 36px);
  }
  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    border-radius: 8px;
  }
  .micro-ui-20 .c-item-01 .c-item-01-A {
    width: 303px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-21 .c-item-01 {
    padding: 12px 16px;
    background: #FFFBF9;
    border-radius: 4px;
    display: flex;
    align-items: flex-start;
  }
  .micro-ui-21 .c-item-01 .c-item-01-A {
    width: 275px;
    margin-left: 8px;
  }
  .micro-ui-28 {
    margin: 0 20px 0 20px;
    padding: 60px 0 24px 0;
    background: #F1F9E9;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
  .micro-ui-28 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #DCEDC9;
    top: -40px;
    position: absolute;
  }
  .micro-ui-28 .c-item-02 {
    width: 255px;
    margin: 0 0 16px 0;
  }
  .micro-ui-28 .c-item-03 {
    width: 271px;
  }
  .micro-ui-29 {
    margin: 32px 20px 0 20px;
    padding: 0;
  }
  .micro-ui-29 .c-item-02 {
    display: none;
  }
  .micro-ui-30 {
    margin: 20px 20px 0 20px;
    padding: 0;
  }
  .micro-ui-30 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 20px 16px 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 72px);
    margin-left: 12px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
    display: none;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C {
    width: 100%;
    height: 52px;
    margin-left: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-31 {
    margin-bottom: 20px;
  }
  .micro-ui-31 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-31 > .micro-ui-21 {
    margin-bottom: 12px;
  }
  .micro-ui-31 .hr-C {
    margin: 32px 0 24px 0;
  }
  .micro-ui-32 {
    padding: 0;
  }
  .micro-ui-32 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 20px 16px 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 72px);
    margin-left: 12px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
    display: none;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C {
    width: 100%;
    height: 52px;
    margin-left: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-33 {
    padding-top: 106px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
  }
  .micro-ui-33 .hr-C {
    order: 3;
    height: 2px;
    margin: 32px 20px 24px 20px;
    width: auto;
  }
  .fix-micro-ui-33 {
    padding-top: 60px;
  }
  .micro-ui-35 {
    order: 1;
    padding: 60px 0 24px 0;
    background: #FCF3F2;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    margin: 0 20px;
  }
  .micro-ui-35 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #F0D0C4;
    top: -40px;
    position: absolute;
  }
  .micro-ui-35 .c-item-02 {
    width: 255px;
    margin: 0 0 16px 0;
  }
  .micro-ui-35 .c-item-03 {
    width: 271px;
  }
  .micro-ui-35 .c-item-04 {
    display: block;
    margin-top: 24px;
  }
  .micro-ui-35 .c-item-05 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 32px;
  }
  .micro-ui-35 .c-item-05 .c-unit-01 {
    margin-bottom: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 287px;
    height: 48px;
    padding: 0 32px;
    background: #FAF3FB;
    border: 1px solid #D8BFDB;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E;
  }
  .micro-ui-35 .crd-lnk-btn-05.active {
    background: #EFE5F0;
    border: 1px solid #6B337D;
    border-radius: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #C36341;
  }
  .fix-micro-ui-35 > .c-item-06 {
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #373738;
    font-weight: 400;
    margin: 0 32px;
  }
  .fix-micro-ui-50 {
    margin: 20px 24px;
  }
  .fix-micro-ui-50 > .c-item-01 {
    top: -270px;
    left: calc(50% - 40px);
  }
  .fix-micro-ui-50 > .c-item-03 {
    width: 100%;
  }
  .micro-ui-36 {
    order: 2;
    margin: 32px 0 0 0;
    padding: 0;
  }
  .micro-ui-36 .c-item-02 {
    width: 315px;
    margin-top: 20px;
  }
  .micro-ui-37 {
    order: 6;
    padding: 0;
  }
  .micro-ui-37 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 32px 0;
    border-bottom: 2px solid #E9EBF1;
    border-top: 2px solid #E9EBF1;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
    width: 48px;
    height: 48px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 16px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    margin-bottom: 8px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
    margin-bottom: 12px;
    width: 219px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-B {
    width: 100%;
    margin-left: 64px;
  }
  .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 32px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #1B1B1B;
  }
  .micro-ui-37 > :nth-child(2n) {
    border-top: none;
  }
  .fix-micro-ui-37 {
    padding: 0 20px;
  }
  .micro-ui-38 {
    order: 7;
    padding: 0;
    margin-top: 32px;
  }
  .micro-ui-38 .c-item-01 {
    padding: 20px;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .micro-ui-38 .c-item-01 .c-item-01-A {
    width: 295px;
    margin-bottom: 32px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-B {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-bottom: 8px;
    padding: 0 24px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .micro-ui-39 {
    order: 5;
    margin-bottom: 32px;
    padding: 0;
  }
  .micro-ui-39 .c-item-01 {
    padding: 20px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A {
    width: 172px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
    margin: 4px 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-right: 18px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
    display: none;
  }
  .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .micro-ui-40 {
    order: 4;
    margin-bottom: 24px;
  }
  .micro-ui-40 .c-item-02 {
    width: 315px;
    margin-top: 20px;
  }
  .fix-micro-ui-40 {
    margin: 0 20px 24px 20px;
  }
  .micro-ui-41 {
    order: 8;
    margin: 48px 0 40px 0;
    padding: 0;
  }
  .micro-ui-41 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    padding: 0 20px;
    background: #F8F8F9;
    border-radius: 4px;
  }
  .micro-ui-41 .c-item-01.on {
    background: #fff !important;
  }
  .micro-ui-41 .c-item-01 .c-item-01-A {
    width: 263px;
  }
  .micro-ui-41 .c-item-02 {
    transition: 300ms;
    width: 100%;
    height: 0px;
    overflow: hidden;
  }
  .micro-ui-41 .c-item-02.on {
    padding: 8px 24px 24px 24px;
  }
  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFFFFF;
  }
  .micro-ui-43 > .c-item-04 span {
    display: none;
  }
  .micro-ui-43 > .c-item-03 span {
    display: none;
  }
  .micro-ui-43.on .c-item-02 {
    display: none;
  }
  .micro-ui-43.on .c-item-03 {
    display: none;
  }
  .micro-ui-43 .c-container-01 {
    margin-bottom: 23px;
  }
  .micro-ui-43 .c-container-01 .c-item-01 {
    width: 100%;
    color: #1F2E5C;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.24px;
  }
  .micro-ui-43 .c-container-01 .c-item-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 36px;
    gap: 5px;
    border-radius: 4px;
    background-color: #E9EBF1;
    color: #1F2E5C;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .micro-ui-43 .c-container-02 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 {
    display: flex;
    align-items: center;
    background: #F8F8F9;
    border-radius: 4px;
    padding: 0 0 0 16px;
    width: 100%;
    height: 50px;
    margin-bottom: 12px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
    position: absolute;
    z-index: 1;
    left: 16px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
    background: #F8F8F9;
    width: 100%;
    height: 100%;
    padding-left: 28px;
    border-radius: 4px;
  }
  .micro-ui-43 .c-container-02 .c-item-03 {
    width: 152px;
    height: 48px;
    display: flex;
  }
  .micro-ui-43 .c-container-02 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    font-weight: 400;
  }
  .micro-ui-43 .c-container-02 .c-item-03 span {
    position: absolute;
    top: 15px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02 .c-item-04 {
    width: 168px;
    margin-right: 13px;
  }
  .micro-ui-43 .c-container-02 .c-item-04 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02.v2 {
    flex-wrap: unset;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-02 {
    flex: 1;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-03 {
    width: 120px;
    margin-left: 8px;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-04 {
    display: none;
  }
  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .micro-ui-44 .c-unit-01 {
    display: flex;
    align-items: center;
    padding: 16px 16px 16px 16px;
    background: #F8F8F9;
    width: 100%;
    margin-bottom: 1px;
    border-radius: 8px 8px 0 0;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 16px;
    background: #fff;
    position: relative;
    border-radius: 4px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    object-position: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    width: 60px;
    height: 60px;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
    position: absolute;
    width: 28px;
    height: 28px;
    right: -8px;
    bottom: -8px;
    border-radius: 50%;
    background: #FFFFFF;
    /* Black & White/300 */
    border: 1px solid #D5D5D6;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    width: 150px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
    position: absolute;
    left: 80px;
    top: 145px;
    z-index: 2;
    padding: 8px 16px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
    width: max-content;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 8px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44 .c-unit-02 {
    padding: 16px 13px 21px 13px;
    display: flex;
    background: #F8F8F9;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    border-radius: 0 0 8px 8px;
    transition: all 0.3s;
    border: 1px solid #F0F0F2;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A {
    display: none;
    width: 200px;
    margin-bottom: 32px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-F {
    width: 50%;
    min-width: 170px;
    margin-bottom: 24px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-F .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-G {
    flex: 1;
    margin-bottom: 24px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-G .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B {
    width: 50%;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-C {
    position: absolute;
    top: -70px;
    right: 13px;
    padding: 10px;
    width: 40px;
    height: 40px;
    background: #F0F0F2;
    color: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D {
    padding: 12px;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    display: flex !important;
    height: 33px;
    background: #FFFFFF;
    /* Quaternary / 200 */
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #E7B3A0;
    background: #FFF;
    color: #B55B3D;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #A770AC;
    background: #FAF3FB;
    color: #853F8C;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #DF9E9D;
    background: #FFF8F9;
    color: #B13834;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44:not(:last-child) {
    margin-bottom: 16px;
  }
  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 {
    background: #FDF5F2;
    border-radius: 8px;
    padding: 20px 0 20px 20px;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-A {
    margin-bottom: 8px;
    width: 295px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-B {
    margin-bottom: 20px;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-C {
    width: 295px;
  }
  .micro-ui-45 .c-unit-01:not(:last-child) {
    margin-bottom: 12px;
  }
  .micro-ui-45 {
    padding: 0;
    width: 100%;
    border-radius: 8px;
    display: block;
  }
  .micro-ui-45 .c-unit-01 {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-A {
    margin-right: 16px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-45 .c-unit-02 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
  }
  .micro-ui-45 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 8px;
  }
  .micro-ui-45 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 8px;
  }
  .micro-ui-46 {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .micro-ui-46 .hr-A {
    width: 100%;
    display: block;
  }
  .micro-ui-46 .c-unit-01 {
    padding: 24px 20px 24px 20px;
  }
  .micro-ui-46 .c-unit-02 {
    padding: 24px 20px 24px 20px;
    width: 100%;
  }
  .micro-ui-47 .c-unit-01 {
    display: flex;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    display: block;
    width: 44px;
    height: 44px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 8px;
    width: 231px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    margin-bottom: 16px;
    width: 227px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
    width: 259px;
  }
  .micro-ui-47:not(:last-child) {
    border-bottom: 1px solid #E6E6E7;
    margin-bottom: 25px;
  }
  .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
    margin-bottom: 24px;
  }
  .micro-ui-48 {
    padding: 20px 0;
  }
  .micro-ui-48 .c-unit-04 {
    width: 271px;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-B {
    display: none;
    width: 271px;
  }
  .micro-ui-48.v1 {
    background: #F1F9E9;
  }
  .micro-ui-48.v1 .c-unit-01 {
    background: #AED584;
    border-radius: 50%;
  }
  .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
    display: block;
  }
  .micro-ui-48.v2 {
    background: #FBECEE;
  }
  .micro-ui-48.v2 .c-unit-01 {
    background: #DF9E9D;
    border-radius: 50%;
  }
  .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-03 {
    margin-bottom: 32px;
  }
  .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
    display: block;
  }
  .micro-ui-48.v3 {
    background: #E9EBF1;
  }
  .micro-ui-48.v3 .c-unit-01 {
    background: #7B8AB1;
    border-radius: 50%;
  }
  .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
    display: block;
  }
  .micro-ui-49 .c-item-01 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-A {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 22px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-B {
    width: 2px;
    height: 34px;
    position: absolute;
    left: 27px;
    top: 34px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-C {
    left: 50px;
  }
  .micro-ui-49 .c-item-02 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-A {
    width: 2px;
    height: 16px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-02 .c-item-01-B {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 25px;
    top: 22px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-D {
    width: 2px;
    height: 34px;
    left: 27px;
    top: 34px;
  }
  .micro-ui-49 .c-item-03 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-A {
    width: 2px;
    height: 11px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-03 .c-item-01-B {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 20px;
    top: 17px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-D {
    width: 2px;
    height: 29px;
    left: 27px;
    top: 39px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-E {
    width: 98px;
    height: 40px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #C93504;
  }
  .micro-ui-49 .c-item-03 .c-item-01-F {
    width: 116px;
    height: 40px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
  }
  .micro-ui-49 .c-item-04 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-04 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-04 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-05 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-B {
    width: 16px;
    height: 16px;
    left: 20px;
    top: 13px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-D {
    width: 2px;
    height: 25px;
    left: 27px;
    top: 35px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-F {
    width: 103px;
    height: 36px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
  }
  .micro-ui-49 .c-item-06 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-06 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-D {
    width: 2px;
    height: 11px;
    left: 27px;
    top: 30px;
  }
  .micro-ui-49 .c-item-06:last-child .c-item-01-D {
    display: none;
  }
  .micro-ui-49 .c-item-06 .c-item-01-F {
    position: absolute;
    right: 16px;
    font-size: 12px;
    line-height: 15px;
    top: 11px;
    padding: 10px 16px 11px 16px;
  }
  .micro-ui-51 {
    width: 100%;
    height: 270px;
  }
  .micro-ui-51 .c-item-01 {
    width: 100%;
    margin-bottom: 0;
    border-radius: 6px;
    height: 111px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A {
    width: 100%;
    padding: 16px 20px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 20px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    display: flex;
    width: 295px;
    justify-content: space-between;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
    margin-bottom: 6px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
  }
  .micro-ui-51 .hr-Z {
    height: 1px;
    background-color: #FFF;
    width: calc(100% - 40px);
    margin: 14px 0 16px 20px;
  }
  .micro-ui-51 .c-container-01 {
    height: 88px;
    align-items: center;
  }
  .micro-ui-51 .c-container-01 .c-item-02-B {
    display: none;
  }
  .micro-ui-51 .c-container-01 .c-item-02-C {
    display: flex;
    width: 40px;
    height: 40px;
    background: #FAFBFD;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-51 .c-item-03 {
    width: 295px;
    padding: 0 0 0 20px;
    font-weight: 400;
  }
  .micro-ui-51:last-child {
    margin-bottom: 0;
  }
  .main-pb-fix {
    padding-bottom: 80px;
  }
  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .micro-ui-53 > .container-01 {
    width: 100%;
    height: 180px;
  }
  .micro-ui-53 > .container-01 .c-item-01 {
    box-shadow: none;
  }
  .micro-ui-53 > .container-01 .c-item-04 {
    background-color: unset;
  }
  .micro-ui-53 > .container-02 {
    right: 20px;
    bottom: 32px;
    left: unset;
  }
  .micro-ui-54 {
    width: calc(50% - 4.5px);
    height: 295px;
    padding: 8px 7px 12px 8px;
    margin-bottom: 20px !important;
  }
  .micro-ui-54:nth-child(odd) {
    margin-right: 9px;
  }
  .micro-ui-54:nth-child(even) {
    margin-right: 0;
  }
  .micro-ui-54:nth-child(n+2) {
    margin-bottom: 0 !important;
  }
  .micro-ui-54 .c-item-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A {
    padding: 4.12px 3.78px;
    margin-bottom: 12px;
    width: 148px;
    height: 148px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
    width: 132px;
    height: 132px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-B {
    width: 128px;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .micro-ui-54 .c-item-02 {
    width: 128px;
    margin-bottom: 16px !important;
    text-align: center;
  }
  .micro-ui-54 .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    background: #FAF3FB;
    color: #5D2D74 !important;
    border: 1px solid #6B337D;
  }
  .micro-ui-54 .c-item-04 {
    position: absolute;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 8px;
    right: 12px;
    top: 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
  }
  .micro-ui-54 .c-item-04:hover {
    display: none;
  }
  .micro-ui-54:hover {
    display: none;
  }
  .micro-ui-54:hover .c-item-03 {
    width: 132px;
    height: 40px;
  }
  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px !important;
    margin-right: 0 !important;
  }
  .micro-ui-55 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-55 .c-item-01 > span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #6B337D;
  }
  .micro-ui-55 .c-item-01 .c-unit-01 {
    margin-right: 13px;
    width: 14px;
    height: 14px;
    margin-bottom: 0px;
  }
  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 20px 16px;
    background: #fff;
    border: 1px solid #E6E6E7;
    border-radius: 8px;
    order: 2;
    margin-right: 0 !important;
  }
  .micro-ui-56:not(:last-child) {
    margin-bottom: 16px;
  }
  .micro-ui-56 .c-item-01 .c-item-01-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362;
  }
  .micro-ui-56 .c-item-01 .c-item-01-B {
    width: 279px;
    margin: 12px 0 24px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.005em;
    color: #373738;
  }
  .micro-ui-56 .c-item-01 .c-item-01-C {
    width: 211px;
    color: #373738;
  }
  .micro-ui-56 .c-item-01 .c-item-01-D {
    margin: 4px 0 0 0;
  }
  .micro-ui-56 .c-item-02 {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 16px;
    bottom: 20px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-A {
    margin: 4px 0 20px 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    margin-right: 8px;
    border-radius: 50px;
    background: #F8F8F9;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 > .c-unit-01 {
    margin-right: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-01 {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-02 {
    display: none;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #F8F8F9;
  }
  .micro-ui-57 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
  }
  .micro-ui-57 > .c-item-01 img {
    width: 32px;
    height: 32px;
  }
  .micro-ui-57 > .c-item-02 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-02 .c-item-02-A {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .micro-ui-57 > .c-item-03 {
    display: none;
  }
  .micro-ui-58 {
    width: 100%;
    padding: 24px;
    background: #F8F8F9;
    border-radius: 0px 8px 8px 8px;
  }
  .micro-ui-58 > .c-item-01 {
    display: flex;
    align-items: center;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    display: flex;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 {
    margin-right: 2px;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
    background-image: url(/Content/Images/Icons/fill-star.png);
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
    background-image: url(/Content/Images/Icons/star-empty.png);
    width: 12px;
    height: 12px;
  }
  .micro-ui-58 > .c-item-02 {
    margin: 16px 0;
  }
  .micro-ui-58 > .c-item-03 {
    margin-top: 12px;
  }
  .micro-ui-58:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #F8F8F9 transparent transparent;
  }
  .micro-ui-58-01 {
    display: flex;
    width: 100%;
    padding: 8px 12px;
    background: #FDF5F2;
    color: #373738;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 8px;
  }
  .micro-ui-58-01:before {
    flex: 0 0 auto;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_25009%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_25009%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 0 8px 8px 8px;
    background: #FFFAED;
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-02 .c-container-01 {
    flex: 1;
  }
  .micro-ui-58-02 .c-container-01 .c-item-01 {
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .micro-ui-58-02:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_26001%29%22%3E%20%3Cpath%20d%3D%22M1.25%2010C1.25%2011.7306%201.76318%2013.4223%202.72464%2014.8612C3.6861%2016.3002%205.05267%2017.4217%206.65152%2018.0839C8.25037%2018.7462%2010.0097%2018.9195%2011.707%2018.5819C13.4044%2018.2442%2014.9635%2017.4109%2016.1872%2016.1872C17.4109%2014.9635%2018.2442%2013.4044%2018.5819%2011.707C18.9195%2010.0097%2018.7462%208.25037%2018.0839%206.65152C17.4217%205.05267%2016.3002%203.6861%2014.8612%202.72464C13.4223%201.76318%2011.7306%201.25%2010%201.25C7.67936%201.25%205.45376%202.17187%203.81282%203.81282C2.17187%205.45376%201.25%207.67936%201.25%2010ZM15.7188%2014.8438L5.15625%204.28125C6.59415%203.08437%208.42745%202.46811%2010.2964%202.55341C12.1653%202.63872%2013.9348%203.41942%2015.2577%204.74231C16.5806%206.0652%2017.3613%207.83474%2017.4466%209.70364C17.5319%2011.5725%2016.9156%2013.4059%2015.7188%2014.8438ZM5.15%2015.725C3.63645%2014.4397%202.69438%2012.6066%202.53035%2010.6278C2.36632%208.64888%202.99373%206.68572%204.275%205.16875L14.8312%2015.725C13.4776%2016.8688%2011.7628%2017.4963%209.99062%2017.4963C8.21849%2017.4963%206.50361%2016.8688%205.15%2015.725Z%22%20fill%3D%22%234B3C06%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_26001%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 {
    display: flex;
    gap: 12px;
    margin-top: 20px;
  }
  .micro-ui-58-03 .c-container-01 {
    color: #7A3986;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #7A3986;
    height: 32px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-58-03 .c-container-01:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_367_17658%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%237A3986%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_367_17658%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 .c-container-02 {
    color: #FFF;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    background: #7A3986;
    height: 32px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-58-03 .c-container-02:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_367_24765%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_367_24765%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap;
  }
  .micro-ui-59 .c-item-02 {
    width: 100%;
  }
  .micro-ui-67 {
    width: 100%;
  }
  .micro-ui-67 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-01 {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-03 {
    position: absolute;
    top: 38px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 {
    background: #FDEDE9;
    border-radius: 8px;
    padding: 12px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    transition: background-color 0.2s, border 0.2s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A {
    margin-left: 100px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 124px;
    height: 54px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35px;
    height: 31px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-01, .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-03 {
    width: 16px;
    display: flex;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
    width: 300px;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B .select-ui-01 {
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B > span {
    position: absolute;
    top: 53px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A > textarea {
    font-family: Inter;
    padding: 10px;
    border: 1px solid gray;
    resize: none;
    width: 295px;
    height: 80px;
    border-radius: 4px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
    width: 294px;
    height: 56px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 8px;
    background: #FAFBFD;
    transition: background 0.25s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
    background: rgb(230, 231, 235);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 label {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    width: 180px;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-03 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 16px;
    width: 300px;
    border-radius: 6px;
    background: #E9EBF1;
  }
  .micro-ui-67 > .c-item-02 > :last-child {
    border: none;
  }
  .micro-ui-67 > .c-item-03 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .micro-ui-67 > .c-item-03 > a {
    width: 100%;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
    width: calc(100% - 40px);
    height: 100%;
    padding-top: 40px;
    color: #171718;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.32px;
  }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
    color: #171718;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-bottom: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
    margin-top: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
    display: flex;
    height: 48px;
    width: 300px;
    padding: 0px 16px;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D5D5D6;
    background: #FFF;
  }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
    width: calc(100% - 40px);
    border-radius: 8px;
    background: #7A3986;
    display: flex;
    height: 56px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
    color: #909091;
    pointer-events: none;
    cursor: not-allowed;
    background: #E9EBF1;
  }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px;
  }
  .micro-ui-01 {
    width: calc(50% - 8px);
    height: 200px;
    margin-bottom: 16px;
    border-radius: 8px;
  }
  .micro-ui-01 picture {
    overflow: hidden;
  }
  .micro-ui-01 picture img {
    width: 100%;
    height: 100%;
  }
  .micro-ui-01:last-child {
    margin-bottom: 0;
  }
  .micro-ui-01:nth-last-child(2) {
    margin-bottom: 0;
  }
  .micro-ui-01 .c-item-01 {
    width: 168px;
  }
  .micro-ui-02 {
    width: 164px;
    padding: 24px 0 28px 0;
  }
  .micro-ui-02 .m-c-item02 {
    width: 48px;
    height: 48px;
  }
  .micro-ui-02 .m-c-item02 img {
    width: 36px;
    height: auto;
  }
  .micro-ui-02 .m-c-item01 {
    margin-top: 24px;
    text-align: center;
  }
  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: calc((100% - 704px) / 2);
  }
  .micro-ui-10 {
    padding: 24px 24px 40px 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-10 .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-10 .c-item-02 {
    width: 100%;
    background: #FDF5F2;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A img {
    width: 44px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B {
    margin-left: 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
    margin: 8px 0 0 0;
  }
  .micro-ui-10 .c-item-02:last-child {
    margin-bottom: 0;
  }
  .micro-ui-12 {
    padding: 16px;
    background: #FDF5F2;
    border-radius: 4px;
  }
  .micro-ui-12 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-14 > .c-item-01 {
    margin-bottom: 32px;
    width: 100%;
  }
  .micro-ui-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-14 > .c-item-02 .c-item-02-A {
    margin-right: 8px;
  }
  .micro-ui-15 {
    padding: 24px;
  }
  .micro-ui-15 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-15 .hr-C {
    margin: 24px 0;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
    margin-right: 7px;
  }
  .micro-ui-16 {
    padding: 24px;
  }
  .micro-ui-16 > .c-item-01 {
    width: 100%;
  }
  .micro-ui-17 {
    margin-top: 40px !important;
  }
  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    border-radius: 8px;
  }
  .micro-ui-20 .c-item-01 .c-item-01-A {
    width: 303px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 44px;
    background: #FFFBF9;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-21 .c-item-01 .c-item-01-A {
    width: 833px;
    margin-left: 8px;
  }
  .micro-ui-28 {
    padding: 36px 0 48px 36px;
    background: #F1F9E9;
    border-radius: 8px;
  }
  .micro-ui-28 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-28 .c-item-02 {
    width: 374px;
    margin: 32px 0 12px 0;
  }
  .micro-ui-28 .c-item-03 {
    width: 528px;
  }
  .micro-ui-29 {
    margin: 48px 0 32px 0;
    padding: 0 36px;
  }
  .micro-ui-29 .c-item-02 {
    width: 544px;
    margin-top: 24px;
  }
  .micro-ui-30 {
    padding: 0 36px 60px 36px;
  }
  .micro-ui-30 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    margin-left: 24px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
    margin-left: 84px;
    height: 60px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px 24px 40px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-31 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-31 > .micro-ui-21 {
    margin-bottom: 12px;
  }
  .micro-ui-31 .hr-C {
    margin: 32px 0 24px 0;
  }
  .micro-ui-32 {
    padding: 0 36px;
  }
  .micro-ui-32 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    margin-left: 24px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
    margin-left: 84px;
    height: 60px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-33 {
    padding: 0 0 40px 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .micro-ui-33 .hr-C {
    width: calc(100% - 96px);
    margin: 48px auto 40px auto;
  }
  .fix-micro-ui-33 {
    padding: 24px 0 40px 0;
  }
  .micro-ui-34 > .sales-note-form-ui-01 {
    background-color: #fff;
    margin-bottom: 16px;
    padding: 0 24px 0 24px;
  }
  .micro-ui-34 > .sales-note-form-ui-01.on > .sales-note-form-ui-01 {
    padding: 0 24px 80px 24px !important;
  }
  .micro-ui-34 > .sales-note-form-ui-01 > .c-item-01 {
    margin-bottom: 0px;
  }
  .micro-ui-34:last-child {
    margin-bottom: 0px !important;
  }
  .micro-ui-35 {
    background: #FCF3F2;
    border-radius: 6px;
  }
  .micro-ui-35 > .c-item-01 {
    width: 80px;
    height: 80px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-35 > .c-item-02 {
    width: 449px;
    margin: 0 0 24px 0;
  }
  .micro-ui-35 > .c-item-03 {
    margin-right: 132px;
  }
  .micro-ui-35 > .c-item-04 {
    display: block;
    margin-top: 26px;
  }
  .micro-ui-35 .c-item-05 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 36px;
  }
  .micro-ui-35 .c-item-05 .c-unit-01 {
    margin-right: 12px;
  }
  .micro-ui-35 .crd-lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 32px;
    background: #FAF3FB;
    border: 1px solid #D8BFDB;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E;
  }
  .micro-ui-35 .crd-lnk-btn-05:hover {
    background: #EFE5F0;
    border: 1px solid #6B337D;
    border-radius: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-01 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #C36341;
  }
  .micro-ui-35 > .c-item-06 {
    margin-top: 24px;
  }
  .micro-ui-35 > .c-item-06 a {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    text-decoration: underline;
  }
  .micro-ui-35 .micro-ui-50 {
    margin: 44px 0 0 0;
  }
  .fix-micro-ui-35 {
    margin: 0 24px 24px 24px;
    padding: 36px 72px 48px 36px !important;
  }
  .micro-ui-36 {
    display: none;
  }
  .micro-ui-37 {
    padding: 0 48px;
  }
  .micro-ui-37 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E9EBF1;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 24px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 24px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-B {
    margin-left: 96px;
  }
  .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 32px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #1B1B1B;
  }
  .micro-ui-38 {
    padding: 0 48px;
  }
  .micro-ui-38 .c-item-01 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 8px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-A {
    width: 538px;
    margin-bottom: 36px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-B {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-right: 12px;
    padding: 0 24px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .micro-ui-39 {
    padding: 0 48px;
  }
  .micro-ui-39 .c-item-01 {
    padding: 24px 0 26px 28px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
    margin: 4px 0 25px 0;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-right: 20px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
    margin-left: 6px;
  }
  .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .micro-ui-40 {
    margin: 60px 0;
    padding: 0 48px;
  }
  .micro-ui-40 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-41 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-41 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    padding: 0 24px;
    background: #F8F8F9;
    border-radius: 4px;
  }
  .micro-ui-41 .c-item-01.on {
    background: #fff !important;
  }
  .micro-ui-41 .c-item-02 {
    transition: 300ms;
    width: 100%;
    height: 0px;
    overflow: hidden;
  }
  .micro-ui-41 .c-item-02.on {
    padding: 8px 24px 24px 24px;
  }
  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-42 .c-item-01 .c-item-01-A {
    width: 728px;
    margin-left: 16px;
  }
  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #FFFFFF;
    width: 100vw;
    margin: 0 calc(352px - 50vw) 32px calc(352px - 50vw);
    border-bottom: 1px solid #EDEDED;
    padding: 0 calc(50vw - 352px) 20px calc(50vw - 352px);
  }
  .micro-ui-43.on .c-item-02 {
    display: none;
  }
  .micro-ui-43.on .c-item-03 {
    display: none;
  }
  .micro-ui-43 .c-item-01 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 48px;
  }
  .micro-ui-43 .c-item-02 {
    display: flex;
    align-items: center;
    background: #F8F8F9;
    border-radius: 4px;
    padding-left: 16px;
    width: 76%;
    margin-right: 8px;
    height: 48px;
  }
  .micro-ui-43 .c-item-02 .c-unit-01 {
    position: absolute;
    z-index: 1;
    left: 16px;
  }
  .micro-ui-43 .c-item-02 .c-unit-02 {
    background: #F8F8F9;
    width: 100%;
    padding-left: 29px;
    height: 100%;
  }
  .micro-ui-43 .c-item-03 {
    width: 160px;
  }
  .micro-ui-43 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
    font-weight: 400;
  }
  .micro-ui-43 .c-item-03 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
  }
  .micro-ui-44 .c-unit-01 {
    display: flex;
    align-items: center;
    padding: 16px 16px 16px 16px;
    background: #F8F8F9;
    width: 100%;
    margin-bottom: 1px;
    border-radius: 8px 8px 0 0;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 16px;
    background: #fff;
    position: relative;
    border-radius: 4px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    object-position: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    width: 60px;
    height: 60px;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
    position: absolute;
    width: 28px;
    height: 28px;
    right: -8px;
    bottom: -8px;
    border-radius: 50%;
    background: #FFFFFF;
    /* Black & White/300 */
    border: 1px solid #D5D5D6;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B {
    width: calc(100% - 76px);
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 {
    background: #F8F8F9;
    padding: 16px 13px 21px 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 0 0 8px 8px;
    transition: all 0.3s;
    border: 1px solid #F0F0F2;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A {
    display: none;
    width: 200px;
    margin-bottom: 32px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B {
    width: 200px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-C {
    background: #FFFFFF !important;
    position: absolute;
    top: -70px;
    right: 13px;
    padding: 10px;
    width: 40px;
    height: 40px;
    background: #F0F0F2;
    color: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D {
    padding: 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    width: 105px;
    display: flex !important;
    height: 33px;
    background: #FFFFFF;
    /* Quaternary / 200 */
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44:not(:last-child) {
    margin-bottom: 16px;
  }
  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 {
    background: #FDF5F2;
    border-radius: 8px;
    padding: 20px 0 20px 20px;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-A {
    margin-bottom: 8px;
    width: 295px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-B {
    margin-bottom: 20px;
    width: 295px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-C {
    width: 295px;
  }
  .micro-ui-45 .c-unit-01:not(:last-child) {
    margin-bottom: 12px;
  }
  .micro-ui-46 {
    padding: 0;
    width: 100%;
    background: #FAFBFD;
    border-radius: 8px;
    display: block;
  }
  .micro-ui-46 .c-unit-01 {
    padding: 20px 0 20px 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-46 .c-unit-01 .c-unit-01-A {
    margin-right: 16px;
  }
  .micro-ui-46 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-46 .c-unit-02 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
  }
  .micro-ui-46 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 8px;
  }
  .micro-ui-46 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 8px;
  }
  .micro-ui-46 .hr-A {
    width: 100%;
    display: block;
  }
  .micro-ui-47 {
    margin: 0 16px;
    width: calc(100% - 32px);
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 12px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    width: 44px;
    height: 44px;
    display: block;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 8px;
    width: 231px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    margin-bottom: 16px;
    width: 231px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
    width: 231px;
  }
  .micro-ui-47:not(:last-child) {
    border-bottom: 1px solid #E6E6E7;
    margin-bottom: 17px;
  }
  .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
    margin-bottom: 24px;
  }
  .micro-ui-48 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 20px 0px;
  }
  .micro-ui-48 .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
  }
  .micro-ui-48 .c-unit-01 .c-unit-01-A {
    display: none;
    background: #AED584;
    border-radius: 50%;
  }
  .micro-ui-48 .c-unit-01 .c-unit-01-B {
    border-radius: 50%;
    display: none;
    background: #DF9E9D;
  }
  .micro-ui-48 .c-unit-01 .c-unit-01-C {
    border-radius: 50%;
    display: none;
    background: #7B8AB1;
  }
  .micro-ui-48 .c-unit-02 {
    margin-bottom: 6px;
  }
  .micro-ui-48 .c-unit-02 .c-unit-02-A {
    display: none;
  }
  .micro-ui-48 .c-unit-02 .c-unit-02-B {
    display: none;
  }
  .micro-ui-48 .c-unit-02 .c-unit-02-C {
    display: none;
  }
  .micro-ui-48 .c-unit-03 {
    margin-bottom: 28px;
  }
  .micro-ui-48 .c-unit-04 {
    align-self: center;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-A {
    border: 1px solid #C5E2A7;
    box-sizing: border-box;
    border-radius: 8px;
    background: #FAFFF5;
    padding: 15px 32px 17px 32px;
    display: none;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-B {
    display: none;
    width: 332px;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-C {
    background: #FAFBFD;
    display: none;
    border: 1px solid #A0ABC7;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 32px 17px 32px;
  }
  .micro-ui-48.v1 {
    background: #F1F9E9;
  }
  .micro-ui-48.v1 .c-unit-01 {
    background: #AED584;
    border-radius: 50%;
  }
  .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
    display: block;
  }
  .micro-ui-48.v2 {
    background: #FBECEE;
  }
  .micro-ui-48.v2 .c-unit-01 {
    background: #DF9E9D;
    border-radius: 50%;
  }
  .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-03 {
    margin-bottom: 32px;
  }
  .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
    display: block;
  }
  .micro-ui-48.v3 {
    background: #E9EBF1;
  }
  .micro-ui-48.v3 .c-unit-01 {
    background: #7B8AB1;
    border-radius: 50%;
  }
  .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
    display: block;
  }
  .micro-ui-49 {
    padding: 8px;
  }
  .micro-ui-49 .c-item-01 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-A {
    width: 6px;
    height: 6px;
    left: 37px;
    top: 22px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-B {
    width: 2px;
    height: 34px;
    position: absolute;
    left: 39px;
    top: 34px;
  }
  .micro-ui-49 .c-item-02 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-A {
    width: 2px;
    height: 16px;
    left: 39px;
    top: 0;
  }
  .micro-ui-49 .c-item-02 .c-item-01-B {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 37px;
    top: 22px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-D {
    width: 2px;
    height: 34px;
    left: 39px;
    top: 34px;
  }
  .micro-ui-49 .c-item-03 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-A {
    width: 2px;
    height: 11px;
    left: 39px;
    top: 0;
  }
  .micro-ui-49 .c-item-03 .c-item-01-B {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 32px;
    top: 17px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-D {
    width: 2px;
    height: 29px;
    left: 39px;
    top: 39px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-E {
    width: 98px;
    height: 40px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #C93504;
  }
  .micro-ui-49 .c-item-03 .c-item-01-F {
    width: 116px;
    height: 40px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
  }
  .micro-ui-49 .c-item-04 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-04 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-04 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-05 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-B {
    width: 16px;
    height: 16px;
    left: 20px;
    top: 13px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-D {
    width: 2px;
    height: 25px;
    left: 27px;
    top: 35px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-F {
    width: 103px;
    height: 36px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
  }
  .micro-ui-49 .c-item-06 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-06 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-D {
    width: 2px;
    height: 11px;
    left: 27px;
    top: 30px;
  }
  .micro-ui-49 .c-item-06:last-child .c-item-01-D {
    display: none;
  }
  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-51 {
    width: 100%;
    height: 270px;
  }
  .micro-ui-51 .c-item-01 {
    width: 100%;
    margin-bottom: 0;
    border-radius: 6px;
    height: 119px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A {
    width: 100%;
    padding: 20px 0 20px 16px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 20px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    display: flex;
    width: 295px;
    justify-content: space-between;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
    margin-bottom: 6px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
  }
  .micro-ui-51 .hr-Z {
    height: 1px;
    background-color: #FFF;
    width: calc(100% - 40px);
    margin: 6px 0 16px 20px;
  }
  .micro-ui-51 .c-container-01 {
    height: 88px;
    align-items: center;
  }
  .micro-ui-51 .c-container-01 .c-item-02-B {
    display: none;
  }
  .micro-ui-51 .c-container-01 .c-item-02-C {
    display: flex;
    width: 40px;
    height: 40px;
    background: #FAFBFD;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-51 .c-item-03 {
    width: 295px;
    padding: 0 0 0 20px;
    font-weight: 400;
  }
  .micro-ui-51:last-child {
    margin-bottom: 0;
  }
  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .micro-ui-53 > .container-01 {
    width: 100%;
    height: 180px;
  }
  .micro-ui-53 > .container-01 .c-item-01 {
    box-shadow: none;
    margin: 0 2px 0 0;
    border-bottom: 1px solid #FFF;
    padding: 0;
    background-color: #FFF;
  }
  .micro-ui-53 > .container-01 .c-item-03 {
    background-color: #FFF;
  }
  .micro-ui-53 > .container-01 .c-item-04 {
    background-color: unset;
  }
  .micro-ui-53 > .container-02 {
    right: 20px;
    bottom: 32px;
    left: unset;
    background: #F8F8F9;
  }
  .micro-ui-53:last-child {
    margin-bottom: 12px;
  }
  .micro-ui-54 {
    width: 156px;
    height: 287px;
    padding: 8px;
    margin-right: 8px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A {
    padding: 4.12px 3.78px;
    margin-bottom: 12px;
    width: 140px;
    height: 140px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
    width: 132px;
    height: 132px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-B {
    width: 132px;
    height: 30px;
    margin: 0 4px 8px 4px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
  }
  .micro-ui-54 .c-item-02 {
    width: 182px;
    margin-bottom: 16px;
  }
  .micro-ui-54 .c-item-02-fix-list {
    margin: 0 4px 16px 4px;
    margin-bottom: 16px !important;
  }
  .micro-ui-54 .c-item-02-fix-list > span {
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
  }
  .micro-ui-54 .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 40px;
    background: #FAF3FB;
    border: 1px solid #6B337D;
    color: #5D2D74 !important;
  }
  .micro-ui-54 .c-item-04 {
    position: absolute;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 8px;
    right: 12px;
    top: 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
    border: 1px solid #171718;
  }
  .micro-ui-54 .c-item-04:hover {
    display: none;
  }
  .micro-ui-54:hover {
    display: none;
  }
  .micro-ui-54:hover .c-item-03 {
    width: 132px;
    height: 40px;
  }
  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px;
  }
  .micro-ui-55 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 27px;
  }
  .micro-ui-55 .c-item-01 .c-unit-01 {
    margin-right: 13px;
    width: 14px;
    height: 14px;
    margin-bottom: 0px;
  }
  .micro-ui-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    border-radius: 8px;
    order: unset;
    margin-bottom: 16px !important;
    margin-right: 0 !important;
    background-color: #FAF3FB;
  }
  .micro-ui-55 > .c-item-01 {
    width: 100%;
  }
  .micro-ui-55 > .c-item-01 > svg {
    width: 16px !important;
    height: 16px !important;
  }
  .micro-ui-55 > .c-item-01 > span {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: -0.01em;
    /* Tertiary / 700 */
    color: #6B337D;
  }
  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 22px 16px;
    margin-right: 0;
    margin-bottom: 16px !important;
  }
  .micro-ui-56 > .c-item-01 {
    margin-bottom: 0;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362 !important;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-B {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.005em;
    color: #373738;
    width: 279px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-D {
    margin: 4px 0 0 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 .c-item-02 {
    position: absolute;
    right: 16px;
    bottom: 22px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B {
    flex-direction: row;
    padding-left: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    background: #F8F8F9;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
    display: none;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
    margin-right: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
    width: 36px;
    background: #F8F8F9;
    border-radius: 50%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-56:last-child {
    margin-bottom: 0 !important;
  }
  .micro-ui-57 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
  }
  .micro-ui-57 > .c-item-01 img {
    width: 35px;
    height: 35px;
  }
  .micro-ui-57 > .c-item-02 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-03 {
    cursor: pointer;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper {
    position: relative;
    display: inline-block;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper.active .menu-box {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box {
    z-index: 1;
    position: absolute;
    width: 160px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    top: 24px;
    right: -12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: top right;
    pointer-events: none;
    transition: all 0.2s ease;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24321%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24321%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26243%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26243%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26242%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26242%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24324%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24324%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-58 {
    width: 100%;
    padding: 24px;
    background: #F8F8F9;
    border-radius: 0px 8px 8px 8px;
  }
  .micro-ui-58 > .c-item-01 {
    display: flex;
    align-items: center;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    display: flex;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 {
    margin-right: 2px;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
    background-image: url(/Content/Images/Icons/fill-star.png);
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
    background-image: url(/Content/Images/Icons/star-empty.png);
    width: 12px;
    height: 12px;
  }
  .micro-ui-58 > .c-item-02 {
    margin: 20px 0;
  }
  .micro-ui-58 > .c-item-03 {
    margin-top: 12px;
  }
  .micro-ui-58:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #F8F8F9 transparent transparent;
  }
  .micro-ui-58-01 {
    display: flex;
    width: 100%;
    padding: 8px 12px;
    background: #F3FBFF;
    color: #373738;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-01:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_25009%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_25009%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 0 8px 8px 8px;
    background: #FFFAED;
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-02 .c-container-01 {
    flex: 1;
  }
  .micro-ui-58-02 .c-container-01 .c-item-01 {
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .micro-ui-58-02:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_26001%29%22%3E%20%3Cpath%20d%3D%22M1.25%2010C1.25%2011.7306%201.76318%2013.4223%202.72464%2014.8612C3.6861%2016.3002%205.05267%2017.4217%206.65152%2018.0839C8.25037%2018.7462%2010.0097%2018.9195%2011.707%2018.5819C13.4044%2018.2442%2014.9635%2017.4109%2016.1872%2016.1872C17.4109%2014.9635%2018.2442%2013.4044%2018.5819%2011.707C18.9195%2010.0097%2018.7462%208.25037%2018.0839%206.65152C17.4217%205.05267%2016.3002%203.6861%2014.8612%202.72464C13.4223%201.76318%2011.7306%201.25%2010%201.25C7.67936%201.25%205.45376%202.17187%203.81282%203.81282C2.17187%205.45376%201.25%207.67936%201.25%2010ZM15.7188%2014.8438L5.15625%204.28125C6.59415%203.08437%208.42745%202.46811%2010.2964%202.55341C12.1653%202.63872%2013.9348%203.41942%2015.2577%204.74231C16.5806%206.0652%2017.3613%207.83474%2017.4466%209.70364C17.5319%2011.5725%2016.9156%2013.4059%2015.7188%2014.8438ZM5.15%2015.725C3.63645%2014.4397%202.69438%2012.6066%202.53035%2010.6278C2.36632%208.64888%202.99373%206.68572%204.275%205.16875L14.8312%2015.725C13.4776%2016.8688%2011.7628%2017.4963%209.99062%2017.4963C8.21849%2017.4963%206.50361%2016.8688%205.15%2015.725Z%22%20fill%3D%22%234B3C06%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_26001%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 {
    display: none;
  }
  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap;
  }
  .micro-ui-59 .c-item-02 {
    width: 100%;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
    width: calc(100% - 40px);
    height: 100%;
    padding-top: 40px;
    color: #171718;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.32px;
  }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
    color: #171718;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-bottom: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
    margin-top: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
    display: flex;
    height: 48px;
    width: 300px;
    padding: 0px 16px;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D5D5D6;
    background: #FFF;
  }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
    width: calc(100% - 40px);
    border-radius: 8px;
    background: #7A3986;
    display: flex;
    height: 56px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
    color: #909091;
    pointer-events: none;
    cursor: not-allowed;
    background: #E9EBF1;
  }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px;
  }
  .micro-ui-01 {
    width: calc(50% - 8px);
    height: 200px;
    margin-bottom: 16px;
    border-radius: 8px;
  }
  .micro-ui-01 picture {
    overflow: hidden;
  }
  .micro-ui-01 picture img {
    width: 100%;
    height: 100%;
  }
  .micro-ui-01:last-child {
    margin-bottom: 0;
  }
  .micro-ui-01:nth-last-child(2) {
    margin-bottom: 0;
  }
  .micro-ui-01 .c-item-01 {
    width: 168px;
  }
  .micro-ui-02 {
    width: 164px;
    padding: 24px 0 28px 0;
  }
  .micro-ui-02 .m-c-item02 {
    width: 48px;
    height: 48px;
  }
  .micro-ui-02 .m-c-item02 img {
    width: 36px;
    height: auto;
  }
  .micro-ui-02 .m-c-item01 {
    margin-top: 24px;
    text-align: center;
  }
  .micro-ui-03, .micro-ui-04, .micro-ui-05 {
    margin-left: calc((100% - 704px) / 2);
  }
  .micro-ui-10 {
    padding: 24px 24px 40px 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-10 .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-10 .c-item-02 {
    width: 100%;
    background: #FDF5F2;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A img {
    width: 44px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B {
    margin-left: 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
    margin: 8px 0 0 0;
  }
  .micro-ui-10 .c-item-02:last-child {
    margin-bottom: 0;
  }
  .micro-ui-12 {
    padding: 16px;
    background: #FDF5F2;
    border-radius: 4px;
  }
  .micro-ui-12 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-14 > .c-item-01 {
    margin-bottom: 32px;
    width: 100%;
  }
  .micro-ui-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-14 > .c-item-02 .c-item-02-A {
    margin-right: 8px;
  }
  .micro-ui-15 {
    padding: 24px;
  }
  .micro-ui-15 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-15 .hr-C {
    margin: 24px 0;
  }
  .micro-ui-15 .c-item-03 .c-unit-01 .c-unit-01-B span {
    margin-right: 7px;
  }
  .micro-ui-16 {
    padding: 24px;
  }
  .micro-ui-16 > .c-item-01 {
    width: 100%;
  }
  .micro-ui-17 {
    margin-top: 40px !important;
  }
  .micro-ui-20 .c-item-01 {
    padding: 16px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    border-radius: 8px;
  }
  .micro-ui-20 .c-item-01 .c-item-01-A {
    width: 303px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 44px;
    background: #FFFBF9;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-21 .c-item-01 .c-item-01-A {
    width: 833px;
    margin-left: 8px;
  }
  .micro-ui-28 {
    padding: 36px 0 48px 36px;
    background: #F1F9E9;
    border-radius: 8px;
  }
  .micro-ui-28 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-28 .c-item-02 {
    width: 374px;
    margin: 32px 0 12px 0;
  }
  .micro-ui-28 .c-item-03 {
    width: 528px;
  }
  .micro-ui-29 {
    margin: 48px 0 32px 0;
    padding: 0 36px;
  }
  .micro-ui-29 .c-item-02 {
    width: 544px;
    margin-top: 24px;
  }
  .micro-ui-30 {
    padding: 0 36px 60px 36px;
  }
  .micro-ui-30 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    margin-left: 24px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
    margin-left: 84px;
    height: 60px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px 24px 40px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-31 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-31 > .micro-ui-21 {
    margin-bottom: 12px;
  }
  .micro-ui-31 .hr-C {
    margin: 32px 0 24px 0;
  }
  .micro-ui-32 {
    padding: 0 36px;
  }
  .micro-ui-32 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    margin-left: 24px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
    margin-left: 84px;
    height: 60px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-33 {
    padding: 0 0 40px 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .micro-ui-33 .hr-C {
    width: calc(100% - 96px);
    margin: 48px auto 40px auto;
  }
  .fix-micro-ui-33 {
    padding: 24px 0 40px 0;
  }
  .micro-ui-34 > .sales-note-form-ui-01 {
    background-color: #fff;
    margin-bottom: 16px;
    padding: 0 24px 0 24px;
  }
  .micro-ui-34 > .sales-note-form-ui-01.on > .sales-note-form-ui-01 {
    padding: 0 24px 80px 24px !important;
  }
  .micro-ui-34 > .sales-note-form-ui-01 > .c-item-01 {
    margin-bottom: 0px;
  }
  .micro-ui-34:last-child {
    margin-bottom: 0px !important;
  }
  .micro-ui-35 {
    background: #FCF3F2;
    border-radius: 6px;
  }
  .micro-ui-35 > .c-item-01 {
    width: 80px;
    height: 80px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-35 > .c-item-02 {
    width: 449px;
    margin: 0 0 24px 0;
  }
  .micro-ui-35 > .c-item-03 {
    margin-right: 132px;
  }
  .micro-ui-35 > .c-item-04 {
    display: block;
    margin-top: 26px;
  }
  .micro-ui-35 .c-item-05 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 36px;
  }
  .micro-ui-35 .c-item-05 .c-unit-01 {
    margin-right: 12px;
  }
  .micro-ui-35 .crd-lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 32px;
    background: #FAF3FB;
    border: 1px solid #D8BFDB;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E;
  }
  .micro-ui-35 .crd-lnk-btn-05:hover {
    background: #EFE5F0;
    border: 1px solid #6B337D;
    border-radius: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-01 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #C36341;
  }
  .micro-ui-35 > .c-item-06 {
    margin-top: 24px;
  }
  .micro-ui-35 > .c-item-06 a {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    text-decoration: underline;
  }
  .micro-ui-35 .micro-ui-50 {
    margin: 44px 0 0 0;
  }
  .fix-micro-ui-35 {
    margin: 0 24px 24px 24px;
    padding: 36px 72px 48px 36px !important;
  }
  .micro-ui-36 {
    display: none;
  }
  .micro-ui-37 {
    padding: 0 48px;
  }
  .micro-ui-37 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E9EBF1;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 24px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 24px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-B {
    margin-left: 96px;
  }
  .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 32px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #1B1B1B;
  }
  .micro-ui-38 {
    padding: 0 48px;
  }
  .micro-ui-38 .c-item-01 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 8px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-A {
    width: 538px;
    margin-bottom: 36px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-B {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-right: 12px;
    padding: 0 24px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .micro-ui-39 {
    padding: 0 48px;
  }
  .micro-ui-39 .c-item-01 {
    padding: 24px 0 26px 28px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
    margin: 4px 0 25px 0;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-right: 20px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
    margin-left: 6px;
  }
  .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .micro-ui-40 {
    margin: 60px 0;
    padding: 0 48px;
  }
  .micro-ui-40 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-41 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-41 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    padding: 0 24px;
    background: #F8F8F9;
    border-radius: 4px;
  }
  .micro-ui-41 .c-item-01.on {
    background: #fff !important;
  }
  .micro-ui-41 .c-item-02 {
    transition: 300ms;
    width: 100%;
    height: 0px;
    overflow: hidden;
  }
  .micro-ui-41 .c-item-02.on {
    padding: 8px 24px 24px 24px;
  }
  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-42 .c-item-01 .c-item-01-A {
    width: 728px;
    margin-left: 16px;
  }
  .micro-ui-43 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #FFFFFF;
    width: 100vw;
    margin: 0 calc(352px - 50vw) 32px calc(352px - 50vw);
    border-bottom: 1px solid #EDEDED;
    padding: 0 calc(50vw - 352px) 20px calc(50vw - 352px);
  }
  .micro-ui-43.on .c-item-02 {
    display: none;
  }
  .micro-ui-43.on .c-item-03 {
    display: none;
  }
  .micro-ui-43 .c-item-01 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 48px;
  }
  .micro-ui-43 .c-item-02 {
    display: flex;
    align-items: center;
    background: #F8F8F9;
    border-radius: 4px;
    padding-left: 16px;
    width: 76%;
    margin-right: 8px;
    height: 48px;
  }
  .micro-ui-43 .c-item-02 .c-unit-01 {
    position: absolute;
    z-index: 1;
    left: 16px;
  }
  .micro-ui-43 .c-item-02 .c-unit-02 {
    background: #F8F8F9;
    width: 100%;
    padding-left: 29px;
    height: 100%;
  }
  .micro-ui-43 .c-item-03 {
    width: 160px;
  }
  .micro-ui-43 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
    font-weight: 400;
  }
  .micro-ui-43 .c-item-03 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-44 {
    display: flex;
    flex-wrap: wrap;
    background: #F0F0F2;
    border: 2px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
  }
  .micro-ui-44 .c-unit-01 {
    display: flex;
    align-items: center;
    padding: 16px 16px 16px 16px;
    background: #F8F8F9;
    width: 100%;
    margin-bottom: 1px;
    border-radius: 8px 8px 0 0;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 16px;
    background: #fff;
    position: relative;
    border-radius: 4px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A > img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    object-position: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    width: 60px;
    height: 60px;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
    position: absolute;
    width: 28px;
    height: 28px;
    right: -8px;
    bottom: -8px;
    border-radius: 50%;
    background: #FFFFFF;
    /* Black & White/300 */
    border: 1px solid #D5D5D6;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B {
    width: calc(100% - 76px);
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 {
    background: #F8F8F9;
    padding: 16px 13px 21px 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 0 0 8px 8px;
    transition: all 0.3s;
    border: 1px solid #F0F0F2;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A {
    display: none;
    width: 200px;
    margin-bottom: 32px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B {
    width: 200px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-C {
    background: #FFFFFF !important;
    position: absolute;
    top: -70px;
    right: 13px;
    padding: 10px;
    width: 40px;
    height: 40px;
    background: #F0F0F2;
    color: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D {
    padding: 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    width: 105px;
    display: flex !important;
    height: 33px;
    background: #FFFFFF;
    /* Quaternary / 200 */
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: inline-block;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-D.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44:not(:last-child) {
    margin-bottom: 16px;
  }
  .micro-ui-45 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 {
    background: #FDF5F2;
    border-radius: 8px;
    padding: 20px 0 20px 20px;
    width: 100%;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-A {
    margin-bottom: 8px;
    width: 295px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-B {
    margin-bottom: 20px;
    width: 295px;
  }
  .micro-ui-45 .c-unit-01 .c-unit-01-C {
    width: 295px;
  }
  .micro-ui-45 .c-unit-01:not(:last-child) {
    margin-bottom: 12px;
  }
  .micro-ui-46 {
    padding: 0;
    width: 100%;
    background: #FAFBFD;
    border-radius: 8px;
    display: block;
  }
  .micro-ui-46 .c-unit-01 {
    padding: 20px 0 20px 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .micro-ui-46 .c-unit-01 .c-unit-01-A {
    margin-right: 16px;
  }
  .micro-ui-46 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 4px;
  }
  .micro-ui-46 .c-unit-02 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
  }
  .micro-ui-46 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    margin-bottom: 8px;
  }
  .micro-ui-46 .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    margin-bottom: 8px;
  }
  .micro-ui-46 .hr-A {
    width: 100%;
    display: block;
  }
  .micro-ui-47 {
    margin: 0 16px;
    width: calc(100% - 32px);
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    border: 1px solid #E6E6E7;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 12px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    width: 44px;
    height: 44px;
    display: block;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    margin-bottom: 8px;
    width: 231px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    margin-bottom: 16px;
    width: 231px;
  }
  .micro-ui-47 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
    width: 231px;
  }
  .micro-ui-47:not(:last-child) {
    border-bottom: 1px solid #E6E6E7;
    margin-bottom: 17px;
  }
  .micro-ui-47:not(:last-child) .c-unit-01-B-03 {
    margin-bottom: 24px;
  }
  .micro-ui-48 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 20px 0px;
  }
  .micro-ui-48 .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
  }
  .micro-ui-48 .c-unit-01 .c-unit-01-A {
    display: none;
    background: #AED584;
    border-radius: 50%;
  }
  .micro-ui-48 .c-unit-01 .c-unit-01-B {
    border-radius: 50%;
    display: none;
    background: #DF9E9D;
  }
  .micro-ui-48 .c-unit-01 .c-unit-01-C {
    border-radius: 50%;
    display: none;
    background: #7B8AB1;
  }
  .micro-ui-48 .c-unit-02 {
    margin-bottom: 6px;
  }
  .micro-ui-48 .c-unit-02 .c-unit-02-A {
    display: none;
  }
  .micro-ui-48 .c-unit-02 .c-unit-02-B {
    display: none;
  }
  .micro-ui-48 .c-unit-02 .c-unit-02-C {
    display: none;
  }
  .micro-ui-48 .c-unit-03 {
    margin-bottom: 28px;
  }
  .micro-ui-48 .c-unit-04 {
    align-self: center;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-A {
    border: 1px solid #C5E2A7;
    box-sizing: border-box;
    border-radius: 8px;
    background: #FAFFF5;
    padding: 15px 32px 17px 32px;
    display: none;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-B {
    display: none;
    width: 332px;
  }
  .micro-ui-48 .c-unit-04 .c-unit-04-C {
    background: #FAFBFD;
    display: none;
    border: 1px solid #A0ABC7;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 32px 17px 32px;
  }
  .micro-ui-48.v1 {
    background: #F1F9E9;
  }
  .micro-ui-48.v1 .c-unit-01 {
    background: #AED584;
    border-radius: 50%;
  }
  .micro-ui-48.v1 .c-unit-01 .c-unit-01-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-02 .c-unit-02-A {
    display: block;
  }
  .micro-ui-48.v1 .c-unit-04 .c-unit-04-A {
    display: block;
  }
  .micro-ui-48.v2 {
    background: #FBECEE;
  }
  .micro-ui-48.v2 .c-unit-01 {
    background: #DF9E9D;
    border-radius: 50%;
  }
  .micro-ui-48.v2 .c-unit-01 .c-unit-01-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-02 .c-unit-02-B {
    display: block;
  }
  .micro-ui-48.v2 .c-unit-03 {
    margin-bottom: 32px;
  }
  .micro-ui-48.v2 .c-unit-04 .c-unit-04-B {
    display: block;
  }
  .micro-ui-48.v3 {
    background: #E9EBF1;
  }
  .micro-ui-48.v3 .c-unit-01 {
    background: #7B8AB1;
    border-radius: 50%;
  }
  .micro-ui-48.v3 .c-unit-01 .c-unit-01-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-02 .c-unit-02-C {
    display: block;
  }
  .micro-ui-48.v3 .c-unit-04 .c-unit-04-C {
    display: block;
  }
  .micro-ui-49 {
    padding: 8px;
  }
  .micro-ui-49 .c-item-01 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-A {
    width: 6px;
    height: 6px;
    left: 37px;
    top: 22px;
  }
  .micro-ui-49 .c-item-01 .c-item-01-B {
    width: 2px;
    height: 34px;
    position: absolute;
    left: 39px;
    top: 34px;
  }
  .micro-ui-49 .c-item-02 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-A {
    width: 2px;
    height: 16px;
    left: 39px;
    top: 0;
  }
  .micro-ui-49 .c-item-02 .c-item-01-B {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 37px;
    top: 22px;
  }
  .micro-ui-49 .c-item-02 .c-item-01-D {
    width: 2px;
    height: 34px;
    left: 39px;
    top: 34px;
  }
  .micro-ui-49 .c-item-03 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-A {
    width: 2px;
    height: 11px;
    left: 39px;
    top: 0;
  }
  .micro-ui-49 .c-item-03 .c-item-01-B {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 32px;
    top: 17px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-D {
    width: 2px;
    height: 29px;
    left: 39px;
    top: 39px;
  }
  .micro-ui-49 .c-item-03 .c-item-01-E {
    width: 98px;
    height: 40px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #C93504;
  }
  .micro-ui-49 .c-item-03 .c-item-01-F {
    width: 116px;
    height: 40px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
  }
  .micro-ui-49 .c-item-04 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-04 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-04 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-05 {
    padding: 10px 16px 14px 48px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-B {
    width: 16px;
    height: 16px;
    left: 20px;
    top: 13px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-D {
    width: 2px;
    height: 25px;
    left: 27px;
    top: 35px;
  }
  .micro-ui-49 .c-item-05 .c-item-01-F {
    width: 103px;
    height: 36px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
  }
  .micro-ui-49 .c-item-06 {
    padding: 12px 0 12px 48px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-A {
    width: 2px;
    height: 12px;
    left: 27px;
    top: 0;
  }
  .micro-ui-49 .c-item-06 .c-item-01-B {
    width: 6px;
    height: 6px;
    left: 25px;
    top: 18px;
  }
  .micro-ui-49 .c-item-06 .c-item-01-D {
    width: 2px;
    height: 11px;
    left: 27px;
    top: 30px;
  }
  .micro-ui-49 .c-item-06:last-child .c-item-01-D {
    display: none;
  }
  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-51 {
    width: 100%;
    height: 270px;
  }
  .micro-ui-51 .c-item-01 {
    width: 100%;
    margin-bottom: 0;
    border-radius: 6px;
    height: 119px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A {
    width: 100%;
    padding: 20px 0 20px 16px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 20px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    display: flex;
    width: 295px;
    justify-content: space-between;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A:first-child {
    margin-bottom: 6px;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
  }
  .micro-ui-51 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A .c-unit-02-A-02 {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
  }
  .micro-ui-51 .hr-Z {
    height: 1px;
    background-color: #FFF;
    width: calc(100% - 40px);
    margin: 6px 0 16px 20px;
  }
  .micro-ui-51 .c-container-01 {
    height: 88px;
    align-items: center;
  }
  .micro-ui-51 .c-container-01 .c-item-02-B {
    display: none;
  }
  .micro-ui-51 .c-container-01 .c-item-02-C {
    display: flex;
    width: 40px;
    height: 40px;
    background: #FAFBFD;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-51 .c-item-03 {
    width: 295px;
    padding: 0 0 0 20px;
    font-weight: 400;
  }
  .micro-ui-51:last-child {
    margin-bottom: 0;
  }
  .micro-ui-53 {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .micro-ui-53 > .container-01 {
    width: 100%;
    height: 180px;
  }
  .micro-ui-53 > .container-01 .c-item-01 {
    box-shadow: none;
    margin: 0 2px 0 0;
    border-bottom: 1px solid #FFF;
    padding: 0;
    background-color: #FFF;
  }
  .micro-ui-53 > .container-01 .c-item-03 {
    background-color: #FFF;
  }
  .micro-ui-53 > .container-01 .c-item-04 {
    background-color: unset;
  }
  .micro-ui-53 > .container-02 {
    right: 20px;
    bottom: 32px;
    left: unset;
    background: #F8F8F9;
  }
  .micro-ui-53:last-child {
    margin-bottom: 12px;
  }
  .micro-ui-54 {
    width: 156px;
    height: 287px;
    padding: 8px;
    margin-right: 8px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A {
    padding: 4.12px 3.78px;
    margin-bottom: 12px;
    width: 140px;
    height: 140px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-A .c-unit-01 {
    width: 132px;
    height: 132px;
  }
  .micro-ui-54 .c-item-01 .c-item-01-B {
    width: 132px;
    height: 30px;
    margin: 0 4px 8px 4px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
  }
  .micro-ui-54 .c-item-02 {
    width: 182px;
    margin-bottom: 16px;
  }
  .micro-ui-54 .c-item-02-fix-list {
    margin: 0 4px 16px 4px;
    margin-bottom: 16px !important;
  }
  .micro-ui-54 .c-item-02-fix-list > span {
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
  }
  .micro-ui-54 .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 40px;
    background: #FAF3FB;
    border: 1px solid #6B337D;
    color: #5D2D74 !important;
  }
  .micro-ui-54 .c-item-04 {
    position: absolute;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 8px;
    right: 12px;
    top: 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
    border: 1px solid #171718;
  }
  .micro-ui-54 .c-item-04:hover {
    display: none;
  }
  .micro-ui-54:hover {
    display: none;
  }
  .micro-ui-54:hover .c-item-03 {
    width: 132px;
    height: 40px;
  }
  .micro-ui-55 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #FAF3FB;
    border-radius: 8px;
    order: 1;
    margin-bottom: 16px;
  }
  .micro-ui-55 .c-item-01 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 27px;
  }
  .micro-ui-55 .c-item-01 .c-unit-01 {
    margin-right: 13px;
    width: 14px;
    height: 14px;
    margin-bottom: 0px;
  }
  .micro-ui-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    border-radius: 8px;
    order: unset;
    margin-bottom: 16px !important;
    margin-right: 0 !important;
    background-color: #FAF3FB;
  }
  .micro-ui-55 > .c-item-01 {
    width: 100%;
  }
  .micro-ui-55 > .c-item-01 > svg {
    width: 16px !important;
    height: 16px !important;
  }
  .micro-ui-55 > .c-item-01 > span {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: -0.01em;
    /* Tertiary / 700 */
    color: #6B337D;
  }
  .micro-ui-56 {
    width: 100%;
    padding: 16px 16px 22px 16px;
    margin-right: 0;
    margin-bottom: 16px !important;
  }
  .micro-ui-56 > .c-item-01 {
    margin-bottom: 0;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.005em;
    color: #452362 !important;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-B {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.005em;
    color: #373738;
    width: 279px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-C {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 > .c-item-01 > .c-item-01-D {
    margin: 4px 0 0 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 .c-item-02 {
    position: absolute;
    right: 16px;
    bottom: 22px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B {
    flex-direction: row;
    padding-left: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    background: #F8F8F9;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
    display: none;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
    margin-right: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
    width: 36px;
    background: #F8F8F9;
    border-radius: 50%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-56:last-child {
    margin-bottom: 0 !important;
  }
  .micro-ui-57 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
  }
  .micro-ui-57 > .c-item-01 img {
    width: 35px;
    height: 35px;
  }
  .micro-ui-57 > .c-item-02 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-03 {
    cursor: pointer;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper {
    position: relative;
    display: inline-block;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper.active .menu-box {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box {
    z-index: 1;
    position: absolute;
    width: 160px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    top: 24px;
    right: -12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: top right;
    pointer-events: none;
    transition: all 0.2s ease;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24321%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24321%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26243%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26243%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26242%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26242%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24324%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24324%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-58 {
    width: 100%;
    padding: 24px;
    background: #F8F8F9;
    border-radius: 0px 8px 8px 8px;
  }
  .micro-ui-58 > .c-item-01 {
    display: flex;
    align-items: center;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    display: flex;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 {
    margin-right: 2px;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
    background-image: url(/Content/Images/Icons/fill-star.png);
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
    background-image: url(/Content/Images/Icons/star-empty.png);
    width: 12px;
    height: 12px;
  }
  .micro-ui-58 > .c-item-02 {
    margin: 20px 0;
  }
  .micro-ui-58 > .c-item-03 {
    margin-top: 12px;
  }
  .micro-ui-58:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #F8F8F9 transparent transparent;
  }
  .micro-ui-58-01 {
    display: flex;
    width: 100%;
    padding: 8px 12px;
    background: #F3FBFF;
    color: #373738;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-01:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_25009%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_25009%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 0 8px 8px 8px;
    background: #FFFAED;
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-02 .c-container-01 {
    flex: 1;
  }
  .micro-ui-58-02 .c-container-01 .c-item-01 {
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .micro-ui-58-02:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_26001%29%22%3E%20%3Cpath%20d%3D%22M1.25%2010C1.25%2011.7306%201.76318%2013.4223%202.72464%2014.8612C3.6861%2016.3002%205.05267%2017.4217%206.65152%2018.0839C8.25037%2018.7462%2010.0097%2018.9195%2011.707%2018.5819C13.4044%2018.2442%2014.9635%2017.4109%2016.1872%2016.1872C17.4109%2014.9635%2018.2442%2013.4044%2018.5819%2011.707C18.9195%2010.0097%2018.7462%208.25037%2018.0839%206.65152C17.4217%205.05267%2016.3002%203.6861%2014.8612%202.72464C13.4223%201.76318%2011.7306%201.25%2010%201.25C7.67936%201.25%205.45376%202.17187%203.81282%203.81282C2.17187%205.45376%201.25%207.67936%201.25%2010ZM15.7188%2014.8438L5.15625%204.28125C6.59415%203.08437%208.42745%202.46811%2010.2964%202.55341C12.1653%202.63872%2013.9348%203.41942%2015.2577%204.74231C16.5806%206.0652%2017.3613%207.83474%2017.4466%209.70364C17.5319%2011.5725%2016.9156%2013.4059%2015.7188%2014.8438ZM5.15%2015.725C3.63645%2014.4397%202.69438%2012.6066%202.53035%2010.6278C2.36632%208.64888%202.99373%206.68572%204.275%205.16875L14.8312%2015.725C13.4776%2016.8688%2011.7628%2017.4963%209.99062%2017.4963C8.21849%2017.4963%206.50361%2016.8688%205.15%2015.725Z%22%20fill%3D%22%234B3C06%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_26001%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 {
    display: none;
  }
  .micro-ui-59 {
    width: 100%;
    flex-wrap: nowrap;
  }
  .micro-ui-59 .c-item-02 {
    width: 100%;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .micro-ui-01 .c-item-01 {
    width: 214px;
    z-index: 5;
  }
  .micro-ui-01 .c-item-02 {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0;
    opacity: 0.4;
    border-radius: 8px;
    opacity: 0.4;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .micro-ui-02 {
    width: 295px;
    padding: 20px;
  }
  .micro-ui-02 .m-c-item02 {
    width: 48px;
    height: 48px;
  }
  .micro-ui-02 .m-c-item02 img {
    width: 36px;
    height: auto;
  }
  .micro-ui-02 .m-c-item01 {
    padding-left: 20px;
  }
  .micro-ui-10 {
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-10 .c-item-01 {
    margin-bottom: 40px;
  }
  .micro-ui-10 .c-item-02 {
    width: 100%;
    background: #FDF5F2;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A img {
    width: 44px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B {
    margin-left: 16px;
    justify-content: center;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
    margin: 4px 0 0 0;
  }
  .micro-ui-10 .c-item-02:last-child {
    margin-bottom: 0;
  }
  .micro-ui-12 {
    padding: 24px;
    background: #FDF5F2;
    border-radius: 8px;
  }
  .micro-ui-12 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-14 > .c-item-01 {
    margin-bottom: 32px;
    width: 100%;
  }
  .micro-ui-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .micro-ui-14 > .c-item-02 .c-item-02-A {
    margin-right: 8px;
  }
  .micro-ui-20 .c-item-01 {
    padding: 24px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    border-radius: 8px;
  }
  .micro-ui-20 .c-item-01 .c-item-01-A {
    width: 789px;
    margin-bottom: 8px;
  }
  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 40px;
    background: #FFFBF9;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-21 .c-item-01 .c-item-01-A {
    width: 833px;
    margin-left: 8px;
  }
  .micro-ui-28 {
    padding: 36px 48px 48px 48px;
    background: #F1F9E9;
    border-radius: 8px;
  }
  .micro-ui-28 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-28 .c-item-02 {
    width: 449px;
    margin: 40px 0 24px 0;
  }
  .micro-ui-28 .c-item-03 {
    width: 643px;
  }
  .micro-ui-28 .micro-ui-50 {
    margin: 44px 0 0 0;
  }
  .micro-ui-29 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-29 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-30 {
    padding: 0 48px;
  }
  .micro-ui-30 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-31 > .c-item-01 {
    margin-bottom: 40px;
  }
  .micro-ui-31 > .micro-ui-21 {
    margin-bottom: 12px;
  }
  .micro-ui-31 .hr-C {
    margin: 40px 0 24px 0;
  }
  .micro-ui-32 {
    padding: 0;
  }
  .micro-ui-32 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-33 {
    padding: 24px;
    background: #fff;
  }
  .micro-ui-33 .hr-C {
    width: calc(100% + 48px);
    margin: 60px -24px;
  }
  .micro-ui-34 {
    padding: 24px;
    background: #E9EBF1;
  }
  .micro-ui-35 {
    padding: 48px;
    background: #FCF3F2;
    border-radius: 6px;
  }
  .micro-ui-35 > .c-item-01 {
    width: 80px;
    height: 80px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-35 > .c-item-02 {
    width: 449px;
    margin: 0 0 24px 0;
  }
  .micro-ui-35 > .c-item-03 {
    width: 643px;
  }
  .micro-ui-35 > .c-item-04 {
    display: block;
    margin-top: 26px;
  }
  .micro-ui-35 .c-item-05 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 36px;
  }
  .micro-ui-35 .c-item-05 .c-unit-01 {
    margin-right: 12px;
  }
  .micro-ui-35 .crd-lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 32px;
    background: #FAF3FB;
    border: 1px solid #D8BFDB;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E;
  }
  .micro-ui-35 .crd-lnk-btn-05:hover {
    background: #EFE5F0;
    border: 1px solid #6B337D;
    border-radius: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-01 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #C36341;
  }
  .micro-ui-35 > .c-item-06 {
    margin-top: 24px;
  }
  .micro-ui-35 > .c-item-06 a {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    text-decoration: underline;
  }
  .micro-ui-35 .micro-ui-50 {
    margin: 44px 0 0 0;
  }
  .micro-ui-36 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-36 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-37 {
    padding: 0 48px;
  }
  .micro-ui-37 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E9EBF1;
  }
  .micro-ui-37 .c-item-01.v2 {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 24px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 32px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #1B1B1B;
  }
  .micro-ui-38 {
    padding: 0 48px;
  }
  .micro-ui-38 .c-item-01 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 8px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-A {
    width: 538px;
    margin-bottom: 36px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-B {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-right: 12px;
    padding: 0 24px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .micro-ui-39 {
    padding: 0 48px;
  }
  .micro-ui-39 .c-item-01 {
    padding: 24px 0 26px 28px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
    margin: 4px 0 25px 0;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-right: 20px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
    margin-left: 6px;
  }
  .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .micro-ui-40 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-40 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-41 {
    margin: 0 0 12px 0;
    padding: 0 48px;
  }
  .micro-ui-41 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    padding: 0 24px;
    background: #F8F8F9;
    border-radius: 4px;
  }
  .micro-ui-41 .c-item-01.on {
    background: #fff !important;
  }
  .micro-ui-41 .c-item-02 {
    width: 100%;
    height: 0px;
    padding: 0;
    opacity: 0;
  }
  .micro-ui-41 .c-item-02.on {
    padding: 8px 24px 24px 24px;
    opacity: 1;
    height: 100%;
    transition: height 0s 0.3s, padding 0s 0.3s, opacity 0.5s 0.6s;
  }
  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-42 .c-item-01 .c-item-01-A {
    width: 728px;
    margin-left: 16px;
  }
  .micro-ui-43 .c-item-01.mb-lg-0px {
    margin-bottom: 0;
  }
  .micro-ui-43 .c-item-01-fix-02 {
    margin-bottom: 32px !important;
  }
  .micro-ui-43.on .c-item-02 {
    display: none;
  }
  .micro-ui-43.on .c-item-03 {
    display: none;
  }
  .micro-ui-43 .c-item-04 {
    margin-bottom: 12px;
  }
  .micro-ui-43 .c-item-04 span {
    position: absolute;
    right: 32px;
    top: 12px;
  }
  .micro-ui-43 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-43 .c-item-03 span {
    position: absolute;
    right: 32px;
    top: 12px;
  }
  .micro-ui-43 {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-43 .c-container-01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 37px;
  }
  .micro-ui-43 .c-container-01 .c-item-01 {
    width: 100%;
    margin-bottom: 32px;
  }
  .micro-ui-43 .c-container-01 .c-item-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 36px;
    gap: 5px;
    border-radius: 4px;
    background-color: #E9EBF1;
    color: #1F2E5C;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    transition: 0.25s;
  }
  .micro-ui-43 .c-container-01 .c-item-02:disabled {
    opacity: 0.5;
  }
  .micro-ui-43 .c-container-02 {
    display: flex;
    justify-content: space-between;
  }
  .micro-ui-43 .c-container-02 .c-item-02 {
    display: flex;
    align-items: center;
    background: #F8F8F9;
    border-radius: 4px;
    width: 440px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
    position: absolute;
    left: 16px;
    z-index: 1;
    cursor: text;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
    background: #F8F8F9;
    width: 100%;
    height: 100%;
    padding-left: 44px;
  }
  .micro-ui-43 .c-container-02 .c-item-03 {
    width: 200px;
  }
  .micro-ui-43 .c-container-02 .c-item-03 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02 .c-item-04 {
    width: 200px;
  }
  .micro-ui-43 .c-container-02 .c-item-04 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-04 {
    display: none;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B {
    width: calc(100% - 96px);
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
    width: 100px;
    padding: 8px;
    background-color: white;
    margin-top: 15px;
    color: #1F2E5C;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
    padding: 8px 16px;
    background: #FFFFFF;
    /* Quaternary / 200 */
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
    width: max-content;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 8px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
    margin-top: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E {
    display: flex;
    gap: 8px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #E7B3A0;
    background: #FFF;
    color: #B55B3D;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #A770AC;
    background: #FAF3FB;
    color: #853F8C;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #DF9E9D;
    background: #FFF8F9;
    color: #B13834;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-48 {
    padding: 48px 0;
  }
  .micro-ui-49 {
    height: 100%;
  }
  .micro-ui-49 .c-item-06:last-child .c-item-01-D {
    display: none;
  }
  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-50 > .c-item-03 > .c-item-03-B {
    width: 100%;
  }
  .micro-ui-56 {
    transition: background-color 0.3s, box-shadow 0.3s;
  }
  .micro-ui-56 .c-item-01 .c-item-01-A {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #452362;
  }
  .micro-ui-56 .c-item-01 .c-item-01-B {
    margin: 8px 0 20px 0;
  }
  .micro-ui-56 .c-item-01 .c-item-01-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 .c-item-01 .c-item-01-D {
    margin: 4px 0 67px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B {
    padding-left: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    width: 153px;
    height: 36px;
    border-radius: 4px;
    padding: 8px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
    margin-left: 8px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
    margin-right: 0;
    width: 100%;
    height: 100%;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01:hover {
    transition: background-color 0.3s ease;
    background: #F8F8F9;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
    width: 36px;
    border-radius: 50%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03:hover {
    transition: background-color 0.3s ease;
    background-color: #F8F8F9;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B-fix {
    justify-content: end;
  }
  .micro-ui-57 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
  }
  .micro-ui-57 > .c-item-01 img {
    width: 36px;
    height: 36px;
  }
  .micro-ui-57 > .c-item-02 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-03 {
    cursor: pointer;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper {
    position: relative;
    display: inline-block;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper.active .menu-box {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box {
    z-index: 1;
    position: absolute;
    width: 160px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    top: 24px;
    right: -12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: top right;
    pointer-events: none;
    transition: all 0.2s ease;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24321%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24321%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26243%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26243%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26242%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26242%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24324%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24324%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-58 {
    width: 100%;
    padding: 24px;
    background: #F8F8F9;
    border-radius: 0px 8px 8px 8px;
  }
  .micro-ui-58 > .c-item-01 {
    display: flex;
    align-items: center;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    display: flex;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 {
    margin-right: 2px;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
    background-image: url(/Content/Images/Icons/fill-star.png);
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
    background-image: url(/Content/Images/Icons/star-empty.png);
    width: 12px;
    height: 12px;
  }
  .micro-ui-58 > .c-item-02 {
    margin: 20px 0;
  }
  .micro-ui-58 > .c-item-03 {
    margin-top: 12px;
  }
  .micro-ui-58:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #F8F8F9 transparent transparent;
  }
  .micro-ui-58-01 {
    display: flex;
    width: 100%;
    padding: 8px 12px;
    background: #F3FBFF;
    color: #373738;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-01:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_25009%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_25009%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 0 8px 8px 8px;
    background: #FFFAED;
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-02 .c-container-01 {
    flex: 1;
  }
  .micro-ui-58-02 .c-container-01 .c-item-01 {
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .micro-ui-58-02:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_26001%29%22%3E%20%3Cpath%20d%3D%22M1.25%2010C1.25%2011.7306%201.76318%2013.4223%202.72464%2014.8612C3.6861%2016.3002%205.05267%2017.4217%206.65152%2018.0839C8.25037%2018.7462%2010.0097%2018.9195%2011.707%2018.5819C13.4044%2018.2442%2014.9635%2017.4109%2016.1872%2016.1872C17.4109%2014.9635%2018.2442%2013.4044%2018.5819%2011.707C18.9195%2010.0097%2018.7462%208.25037%2018.0839%206.65152C17.4217%205.05267%2016.3002%203.6861%2014.8612%202.72464C13.4223%201.76318%2011.7306%201.25%2010%201.25C7.67936%201.25%205.45376%202.17187%203.81282%203.81282C2.17187%205.45376%201.25%207.67936%201.25%2010ZM15.7188%2014.8438L5.15625%204.28125C6.59415%203.08437%208.42745%202.46811%2010.2964%202.55341C12.1653%202.63872%2013.9348%203.41942%2015.2577%204.74231C16.5806%206.0652%2017.3613%207.83474%2017.4466%209.70364C17.5319%2011.5725%2016.9156%2013.4059%2015.7188%2014.8438ZM5.15%2015.725C3.63645%2014.4397%202.69438%2012.6066%202.53035%2010.6278C2.36632%208.64888%202.99373%206.68572%204.275%205.16875L14.8312%2015.725C13.4776%2016.8688%2011.7628%2017.4963%209.99062%2017.4963C8.21849%2017.4963%206.50361%2016.8688%205.15%2015.725Z%22%20fill%3D%22%234B3C06%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_26001%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 {
    display: none;
  }
  .micro-ui-67 {
    width: 100%;
  }
  .micro-ui-67 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-67 > .c-item-01-A {
    width: 300px;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-01 {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-03 {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 {
    background: #FDEDE9;
    border-radius: 8px;
    padding: 12px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    transition: background-color 0.2s, border 0.2s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
    width: 255px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
    display: flex;
    gap: 40px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 124px;
    height: 54px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35px;
    height: 31px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-01, .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-03 {
    width: 16px;
    display: flex;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
    width: 300px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B .select-ui-01 {
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B > span {
    position: absolute;
    top: 53px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A > textarea {
    font-family: Inter;
    padding: 10px;
    border: 1px solid gray;
    resize: none;
    height: 65px;
    border-radius: 4px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
    width: 334px;
    height: 56px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 8px;
    background: #FAFBFD;
    transition: background 0.25s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
    background: rgb(230, 231, 235);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 label {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .hr-C {
    display: none;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
    width: 255px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-03 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 16px;
    margin-left: 150px;
    width: 300px;
    border-radius: 6px;
    background: #E9EBF1;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .hr-C {
    display: none;
  }
  .micro-ui-67 > .c-item-02 > :last-child {
    border: none;
  }
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
    width: calc(100% - 40px);
    height: 100%;
    padding-top: 40px;
    color: #171718;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.32px;
  }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
    color: #171718;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-bottom: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
    display: flex;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    margin-bottom: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
    position: unset;
    z-index: unset;
    opacity: unset;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
    flex: 1;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
    margin-top: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
    display: flex;
    height: 48px;
    width: 300px;
    padding: 0px 16px;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D5D5D6;
    background: #FFF;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
    display: none;
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
    border: 1px solid #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
    display: block;
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
    width: calc(100% - 40px);
    border-radius: 8px;
    background: #7A3986;
    display: flex;
    height: 56px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
    color: #909091;
    pointer-events: none;
    cursor: not-allowed;
    background: #E9EBF1;
  }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px;
  }
}
@media all and (min-width: 1680px) {
  .micro-ui-01 .c-item-01 {
    width: 214px;
    z-index: 5;
  }
  .micro-ui-01 .c-item-02 {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0;
    opacity: 0.4;
    border-radius: 8px;
    opacity: 0.4;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .micro-ui-02 {
    width: 295px;
    padding: 20px;
  }
  .micro-ui-02 .m-c-item02 {
    width: 48px;
    height: 48px;
  }
  .micro-ui-02 .m-c-item02 img {
    width: 36px;
    height: auto;
  }
  .micro-ui-02 .m-c-item01 {
    padding-left: 20px;
  }
  .micro-ui-10 {
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-10 .c-item-01 {
    margin-bottom: 40px;
  }
  .micro-ui-10 .c-item-02 {
    width: 100%;
    background: #FDF5F2;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A {
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-10 .c-item-02 .c-item-02-A img {
    width: 44px;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B {
    margin-left: 16px;
    justify-content: center;
  }
  .micro-ui-10 .c-item-02 .c-item-02-B .c-unit-02 {
    margin: 4px 0 0 0;
  }
  .micro-ui-10 .c-item-02:last-child {
    margin-bottom: 0;
  }
  .micro-ui-12 {
    padding: 24px;
    background: #FDF5F2;
    border-radius: 8px;
  }
  .micro-ui-12 .c-item-01 {
    margin-bottom: 4px;
  }
  .micro-ui-14 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .micro-ui-14 > .c-item-01 {
    margin-bottom: 32px;
    width: 100%;
  }
  .micro-ui-14 > .c-item-02 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .micro-ui-14 > .c-item-02 .c-item-02-A {
    margin-right: 8px;
  }
  .micro-ui-20 .c-item-01 {
    padding: 24px;
    background: #FDF5F2;
    border: 1px solid #FDEDE9;
    border-radius: 8px;
  }
  .micro-ui-20 .c-item-01 .c-item-01-A {
    width: 789px;
    margin-bottom: 8px;
  }
  .micro-ui-21 .c-item-01 {
    padding: 0 16px;
    height: 40px;
    background: #FFFBF9;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-21 .c-item-01 .c-item-01-A {
    width: 833px;
    margin-left: 8px;
  }
  .micro-ui-28 {
    padding: 36px 48px 48px 48px;
    background: #F1F9E9;
    border-radius: 8px;
  }
  .micro-ui-28 .c-item-01 {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-28 .c-item-02 {
    width: 449px;
    margin: 40px 0 24px 0;
  }
  .micro-ui-28 .c-item-03 {
    width: 643px;
  }
  .micro-ui-28 .micro-ui-50 {
    margin: 44px 0 0 0;
  }
  .micro-ui-29 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-29 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-30 {
    padding: 0 48px;
  }
  .micro-ui-30 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-30 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 16px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-30 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-31 {
    margin-bottom: 20px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-31 > .c-item-01 {
    margin-bottom: 40px;
  }
  .micro-ui-31 > .micro-ui-21 {
    margin-bottom: 12px;
  }
  .micro-ui-31 .hr-C {
    margin: 40px 0 24px 0;
  }
  .micro-ui-32 {
    padding: 0;
  }
  .micro-ui-32 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background: #FAFBFD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 16px 16px 20px 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    background-color: #fff;
  }
  .micro-ui-32 .c-item-01 .c-item-01-A img {
    width: 44px;
    height: 44px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 16px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-B .c-unit-03 {
    margin: 4px 0 0 0;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    background: #E9EBF1;
    border-radius: 4px;
  }
  .micro-ui-32 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-bottom: 4px;
  }
  .micro-ui-33 {
    padding: 24px;
    background: #fff;
  }
  .micro-ui-33 .hr-C {
    width: calc(100% + 48px);
    margin: 60px -24px;
  }
  .micro-ui-34 {
    padding: 24px;
    background: #E9EBF1;
  }
  .micro-ui-35 {
    padding: 48px;
    background: #FCF3F2;
    border-radius: 6px;
  }
  .micro-ui-35 > .c-item-01 {
    width: 80px;
    height: 80px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-35 > .c-item-02 {
    width: 449px;
    margin: 0 0 24px 0;
  }
  .micro-ui-35 > .c-item-03 {
    width: 643px;
  }
  .micro-ui-35 > .c-item-04 {
    display: block;
    margin-top: 26px;
  }
  .micro-ui-35 .c-item-05 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 36px;
  }
  .micro-ui-35 .c-item-05 .c-unit-01 {
    margin-right: 12px;
  }
  .micro-ui-35 .crd-lnk-btn-05 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 32px;
    background: #FAF3FB;
    border: 1px solid #D8BFDB;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D175E;
  }
  .micro-ui-35 .crd-lnk-btn-05:hover {
    background: #EFE5F0;
    border: 1px solid #6B337D;
    border-radius: 8px;
  }
  .micro-ui-35 .crd-lnk-btn-01 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #C36341;
  }
  .micro-ui-35 > .c-item-06 {
    margin-top: 24px;
  }
  .micro-ui-35 > .c-item-06 a {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    text-decoration: underline;
  }
  .micro-ui-35 .micro-ui-50 {
    margin: 44px 0 0 0;
  }
  .micro-ui-36 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-36 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-37 {
    padding: 0 48px;
  }
  .micro-ui-37 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E9EBF1;
  }
  .micro-ui-37 .c-item-01.v2 {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-01 img {
    width: 72px;
    height: 72px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-left: 24px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
    margin-bottom: 12px;
    width: 367px;
  }
  .micro-ui-37 .c-item-01 .crd-lnk-btn-02 {
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 32px;
    background: #E9EBF1;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #1B1B1B;
  }
  .micro-ui-38 {
    padding: 0 48px;
  }
  .micro-ui-38 .c-item-01 {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 8px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-A {
    width: 538px;
    margin-bottom: 36px;
  }
  .micro-ui-38 .c-item-01 .c-item-01-B {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-38 .c-item-01 .crd-lnk-btn-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-right: 12px;
    padding: 0 24px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
  }
  .micro-ui-39 {
    padding: 0 48px;
  }
  .micro-ui-39 .c-item-01 {
    padding: 24px 0 26px 28px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-A .c-unit-02 {
    margin: 4px 0 25px 0;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C {
    display: flex;
    flex-wrap: wrap;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 {
    margin-right: 20px;
  }
  .micro-ui-39 .c-item-01 .c-item-01-C .c-unit-01 span {
    margin-left: 6px;
  }
  .micro-ui-39 .c-item-01 .crd-lnk-btn-04 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
  }
  .micro-ui-40 {
    margin: 48px 0 40px 0;
    padding: 0 48px;
  }
  .micro-ui-40 .c-item-02 {
    width: 643px;
    margin-top: 20px;
  }
  .micro-ui-41 {
    margin: 0 0 12px 0;
    padding: 0 48px;
  }
  .micro-ui-41 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    padding: 0 24px;
    background: #F8F8F9;
    border-radius: 4px;
  }
  .micro-ui-41 .c-item-01.on {
    background: #fff !important;
  }
  .micro-ui-41 .c-item-02 {
    width: 100%;
    height: 0px;
    padding: 0;
    opacity: 0;
  }
  .micro-ui-41 .c-item-02.on {
    padding: 8px 24px 24px 24px;
    opacity: 1;
    height: 100%;
    transition: height 0s 0.3s, padding 0s 0.3s, opacity 0.5s 0.6s;
  }
  .micro-ui-42 .c-item-01 {
    padding: 0 16px;
    height: 58px;
    background: #FAF3FB;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .micro-ui-42 .c-item-01 .c-item-01-A {
    width: 728px;
    margin-left: 16px;
  }
  .micro-ui-43 .c-item-01.mb-lg-0px {
    margin-bottom: 0;
  }
  .micro-ui-43 .c-item-01-fix-02 {
    margin-bottom: 32px !important;
  }
  .micro-ui-43.on .c-item-02 {
    display: none;
  }
  .micro-ui-43.on .c-item-03 {
    display: none;
  }
  .micro-ui-43 .c-item-04 {
    margin-bottom: 12px;
  }
  .micro-ui-43 .c-item-04 span {
    position: absolute;
    right: 32px;
    top: 12px;
  }
  .micro-ui-43 .c-item-03 .select-ui-01 {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-43 .c-item-03 span {
    position: absolute;
    right: 32px;
    top: 12px;
  }
  .micro-ui-43 {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-43 .c-container-01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 37px;
  }
  .micro-ui-43 .c-container-01 .c-item-01 {
    width: 100%;
    margin-bottom: 32px;
  }
  .micro-ui-43 .c-container-01 .c-item-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 36px;
    gap: 5px;
    border-radius: 4px;
    background-color: #E9EBF1;
    color: #1F2E5C;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    transition: 0.25s;
  }
  .micro-ui-43 .c-container-01 .c-item-02:disabled {
    opacity: 0.5;
  }
  .micro-ui-43 .c-container-02 {
    display: flex;
    justify-content: space-between;
  }
  .micro-ui-43 .c-container-02 .c-item-02 {
    display: flex;
    align-items: center;
    background: #F8F8F9;
    border-radius: 4px;
    width: 440px;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-01 {
    position: absolute;
    left: 16px;
    z-index: 1;
    cursor: text;
  }
  .micro-ui-43 .c-container-02 .c-item-02 .c-unit-02 {
    background: #F8F8F9;
    width: 100%;
    height: 100%;
    padding-left: 44px;
  }
  .micro-ui-43 .c-container-02 .c-item-03 {
    width: 200px;
  }
  .micro-ui-43 .c-container-02 .c-item-03 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02 .c-item-04 {
    width: 200px;
  }
  .micro-ui-43 .c-container-02 .c-item-04 span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-43 .c-container-02.v2 .c-item-04 {
    display: none;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B {
    width: calc(100% - 96px);
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-03 {
    width: 100px;
    padding: 8px;
    background-color: white;
    margin-top: 15px;
    color: #1F2E5C;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04 {
    padding: 8px 16px;
    background: #FFFFFF;
    /* Quaternary / 200 */
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
    width: max-content;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 8px;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v1 {
    border: 1px solid #E7B3A0;
    color: #B55B3D;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v2 {
    color: #548C33;
    border: 1px solid #C5E2A7;
  }
  .micro-ui-44 .c-unit-01 .c-unit-01-B .c-unit-01-B-04.v3 {
    color: #B13834;
    border: 1px solid #DF9E9D;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-B .c-unit-02-A-02 {
    margin-top: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #171718;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E {
    display: flex;
    gap: 8px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #E7B3A0;
    background: #FFF;
    color: #B55B3D;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #A770AC;
    background: #FAF3FB;
    color: #853F8C;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-44 .c-unit-02 .c-unit-02-E .c-unit-02-E-v3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #DF9E9D;
    background: #FFF8F9;
    color: #B13834;
    font-family: "Inter";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .micro-ui-48 {
    padding: 48px 0;
  }
  .micro-ui-49 {
    height: 100%;
  }
  .micro-ui-49 .c-item-06:last-child .c-item-01-D {
    display: none;
  }
  .micro-ui-50 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .micro-ui-50 > .c-item-03 > .c-item-03-B {
    width: 100%;
  }
  .micro-ui-56 {
    transition: background-color 0.3s, box-shadow 0.3s;
  }
  .micro-ui-56 .c-item-01 .c-item-01-A {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #452362;
  }
  .micro-ui-56 .c-item-01 .c-item-01-B {
    margin: 8px 0 20px 0;
  }
  .micro-ui-56 .c-item-01 .c-item-01-C {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 .c-item-01 .c-item-01-D {
    margin: 4px 0 67px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #373738;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B {
    padding-left: 0;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    width: 153px;
    height: 36px;
    border-radius: 4px;
    padding: 8px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
    margin-left: 8px;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
    margin-right: 0;
    width: 100%;
    height: 100%;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-item-02-B-01:hover {
    transition: background-color 0.3s ease;
    background: #F8F8F9;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03 {
    width: 36px;
    border-radius: 50%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B .c-unit-03:hover {
    transition: background-color 0.3s ease;
    background-color: #F8F8F9;
  }
  .micro-ui-56 .c-item-02 .c-item-02-B-fix {
    justify-content: end;
  }
  .micro-ui-57 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
  }
  .micro-ui-57 > .c-item-01 img {
    width: 36px;
    height: 36px;
  }
  .micro-ui-57 > .c-item-02 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .micro-ui-57 > .c-item-03 {
    cursor: pointer;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper {
    position: relative;
    display: inline-block;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper.active .menu-box {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box {
    z-index: 1;
    position: absolute;
    width: 160px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    top: 24px;
    right: -12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: top right;
    pointer-events: none;
    transition: all 0.2s ease;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24321%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24321%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .edit-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26243%29%22%3E%20%3Cpath%20d%3D%22M15%2013H1V14H15V13Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M12.7%204.5C13.1%204.1%2013.1%203.5%2012.7%203.1L10.9%201.3C10.5%200.9%209.9%200.9%209.5%201.3L2%208.8V12H5.2L12.7%204.5ZM10.2%202L12%203.8L10.5%205.3L8.7%203.5L10.2%202ZM3%2011V9.2L8%204.2L9.8%206L4.8%2011H3Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26243%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn {
    display: flex;
    padding: 12px;
    color: #555556;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:before {
    margin-right: 8px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_364_26242%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%23555556%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_364_26242%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover {
    color: #6B337D;
  }
  .micro-ui-57 > .c-item-03.menu-wrapper .menu-box .delete-btn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_24324%29%22%3E%20%3Cpath%20d%3D%22M7%206H6V12H7V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%206H9V12H10V6Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M2%203V4H3V14C3%2014.2652%203.10536%2014.5196%203.29289%2014.7071C3.48043%2014.8946%203.73478%2015%204%2015H12C12.2652%2015%2012.5196%2014.8946%2012.7071%2014.7071C12.8946%2014.5196%2013%2014.2652%2013%2014V4H14V3H2ZM4%2014V4H12V14H4Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3Cpath%20d%3D%22M10%201H6V2H10V1Z%22%20fill%3D%22%236B337D%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_24324%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
  .micro-ui-58 {
    width: 100%;
    padding: 24px;
    background: #F8F8F9;
    border-radius: 0px 8px 8px 8px;
  }
  .micro-ui-58 > .c-item-01 {
    display: flex;
    align-items: center;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A {
    margin-right: 8px;
    display: flex;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 {
    margin-right: 2px;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
    background-image: url(/Content/Images/Icons/fill-star.png);
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .micro-ui-58 > .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
    background-image: url(/Content/Images/Icons/star-empty.png);
    width: 12px;
    height: 12px;
  }
  .micro-ui-58 > .c-item-02 {
    margin: 20px 0;
  }
  .micro-ui-58 > .c-item-03 {
    margin-top: 12px;
  }
  .micro-ui-58:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #F8F8F9 transparent transparent;
  }
  .micro-ui-58-01 {
    display: flex;
    width: 100%;
    padding: 8px 12px;
    background: #F3FBFF;
    color: #373738;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-01:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_25009%29%22%3E%20%3Cpath%20d%3D%22M10.625%2013.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%205C9.81458%205%209.63332%205.05498%209.47915%205.158C9.32498%205.26101%209.20482%205.40743%209.13386%205.57873C9.06291%205.75004%209.04434%205.93854%209.08051%206.1204C9.11669%206.30225%209.20598%206.4693%209.33709%206.60041C9.4682%206.73152%209.63525%206.82081%209.8171%206.85699C9.99896%206.89316%2010.1875%206.87459%2010.3588%206.80364C10.5301%206.73268%2010.6765%206.61252%2010.7795%206.45835C10.8825%206.30418%2010.9375%206.12292%2010.9375%205.9375C10.9375%205.68886%2010.8387%205.4504%2010.6629%205.27459C10.4871%205.09877%2010.2486%205%2010%205Z%22%20fill%3D%22%23373738%22%2F%3E%20%3Cpath%20d%3D%22M10%2018.75C8.26942%2018.75%206.57769%2018.2368%205.13876%2017.2754C3.69983%2016.3139%202.57832%2014.9473%201.91606%2013.3485C1.25379%2011.7496%201.08051%209.9903%201.41813%208.29296C1.75575%206.59563%202.58911%205.03653%203.81282%203.81282C5.03653%202.58911%206.59563%201.75575%208.29296%201.41813C9.9903%201.08051%2011.7496%201.25379%2013.3485%201.91606C14.9473%202.57832%2016.3139%203.69983%2017.2754%205.13876C18.2368%206.57769%2018.75%208.26942%2018.75%2010C18.75%2012.3206%2017.8281%2014.5462%2016.1872%2016.1872C14.5462%2017.8281%2012.3206%2018.75%2010%2018.75ZM10%202.5C8.51664%202.5%207.0666%202.93987%205.83323%203.76398C4.59986%204.58809%203.63856%205.75943%203.07091%207.12988C2.50325%208.50032%202.35473%2010.0083%202.64411%2011.4632C2.9335%2012.918%203.64781%2014.2544%204.6967%2015.3033C5.7456%2016.3522%207.08197%2017.0665%208.53683%2017.3559C9.99168%2017.6453%2011.4997%2017.4968%2012.8701%2016.9291C14.2406%2016.3614%2015.4119%2015.4001%2016.236%2014.1668C17.0601%2012.9334%2017.5%2011.4834%2017.5%2010C17.5%208.01088%2016.7098%206.10323%2015.3033%204.6967C13.8968%203.29018%2011.9891%202.5%2010%202.5Z%22%20fill%3D%22%23373738%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_25009%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 0 8px 8px 8px;
    background: #FFFAED;
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 12px;
  }
  .micro-ui-58-02 .c-container-01 {
    flex: 1;
  }
  .micro-ui-58-02 .c-container-01 .c-item-01 {
    color: #4B3C06;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .micro-ui-58-02:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_204_26001%29%22%3E%20%3Cpath%20d%3D%22M1.25%2010C1.25%2011.7306%201.76318%2013.4223%202.72464%2014.8612C3.6861%2016.3002%205.05267%2017.4217%206.65152%2018.0839C8.25037%2018.7462%2010.0097%2018.9195%2011.707%2018.5819C13.4044%2018.2442%2014.9635%2017.4109%2016.1872%2016.1872C17.4109%2014.9635%2018.2442%2013.4044%2018.5819%2011.707C18.9195%2010.0097%2018.7462%208.25037%2018.0839%206.65152C17.4217%205.05267%2016.3002%203.6861%2014.8612%202.72464C13.4223%201.76318%2011.7306%201.25%2010%201.25C7.67936%201.25%205.45376%202.17187%203.81282%203.81282C2.17187%205.45376%201.25%207.67936%201.25%2010ZM15.7188%2014.8438L5.15625%204.28125C6.59415%203.08437%208.42745%202.46811%2010.2964%202.55341C12.1653%202.63872%2013.9348%203.41942%2015.2577%204.74231C16.5806%206.0652%2017.3613%207.83474%2017.4466%209.70364C17.5319%2011.5725%2016.9156%2013.4059%2015.7188%2014.8438ZM5.15%2015.725C3.63645%2014.4397%202.69438%2012.6066%202.53035%2010.6278C2.36632%208.64888%202.99373%206.68572%204.275%205.16875L14.8312%2015.725C13.4776%2016.8688%2011.7628%2017.4963%209.99062%2017.4963C8.21849%2017.4963%206.50361%2016.8688%205.15%2015.725Z%22%20fill%3D%22%234B3C06%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_204_26001%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    margin-right: 12px;
  }
  .micro-ui-58-03 {
    display: none;
  }
  .micro-ui-67 {
    width: 100%;
  }
  .micro-ui-67 > .c-item-01 {
    margin-bottom: 32px;
  }
  .micro-ui-67 > .c-item-01-A {
    width: 300px;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-01 {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
  }
  .micro-ui-67 > .c-item-01-A > .c-unit-03 {
    position: absolute;
    top: 40px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 {
    background: #FDEDE9;
    border-radius: 8px;
    padding: 12px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label {
    padding: 0 0 0 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A > label::before {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D6;
    border-radius: 4px;
    transition: background-color 0.2s, border 0.2s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:checked ~ label::before {
    border: 1px solid #D5D5D6;
    background-size: 9px 7px;
    background-image: url(/Content/Images/Icons/icon-check.svg);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:focus ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox]:disabled ~ label::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .basket-chk-A [type=checkbox].error ~ label.error::before {
    border: 1px solid #D5D5D6;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
    width: 255px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 {
    display: flex;
    gap: 40px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 124px;
    height: 54px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35px;
    height: 31px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-01, .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-A .c-item-10-A-01 .c-unit-03 {
    width: 16px;
    display: flex;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B {
    width: 300px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B .select-ui-01 {
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-01 .c-item-10-B > span {
    position: absolute;
    top: 53px;
    right: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-A > textarea {
    font-family: Inter;
    padding: 10px;
    border: 1px solid gray;
    resize: none;
    height: 65px;
    border-radius: 4px;
    margin-top: 20px;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B {
    display: flex;
    flex-direction: column;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button {
    width: 334px;
    height: 56px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 8px;
    background: #FAFBFD;
    transition: background 0.25s;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .c-item-U-02 .c-unit-02-B > button :hover {
    background: rgb(230, 231, 235);
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 label {
    color: #555556;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .micro-ui-67 > .c-item-02 .c-item-02-A .c-item-02-A-02 .hr-C {
    display: none;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 {
    padding: 24px 24px 32px 24px;
    border-bottom: 1px solid #E6E6E7;
    background-color: #fff;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-01 img {
    width: 56px;
    height: 56px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-A {
    width: 255px;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-02 .c-unit-02-B {
    margin: 8px 0 16px 0;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .c-unit-03 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 16px;
    margin-left: 150px;
    width: 300px;
    border-radius: 6px;
    background: #E9EBF1;
  }
  .micro-ui-67 > .c-item-02 .chekout-card-01 .c-item-02-A-01 .hr-C {
    display: none;
  }
  .micro-ui-67 > .c-item-02 > :last-child {
    border: none;
  }
  .cancellationAndRefundKvkkModal #modal-header {
    height: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-header .c-container-01 {
    width: calc(100% - 40px);
    height: 100%;
    padding-top: 40px;
    color: #171718;
    font-feature-settings: "salt" on;
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.32px;
  }
  .cancellationAndRefundKvkkModal #modal-body {
    padding-top: 24px !important;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-01 {
    color: #171718;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-bottom: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 {
    display: flex;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #171718;
    margin-bottom: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-01 {
    position: unset;
    z-index: unset;
    opacity: unset;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-03 .c-unit-02 {
    flex: 1;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 {
    margin-top: 24px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-01 {
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-02 {
    display: flex;
    height: 48px;
    width: 300px;
    padding: 0px 16px;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D5D5D6;
    background: #FFF;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02 .c-item-03 {
    display: none;
    color: #171718;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-01 {
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-02 {
    border: 1px solid #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-body .c-container-02.error .c-item-03 {
    display: block;
    color: #FF4040;
  }
  .cancellationAndRefundKvkkModal #modal-footer {
    height: unset !important;
    border-top: unset !important;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01 {
    width: calc(100% - 40px);
    border-radius: 8px;
    background: #7A3986;
    display: flex;
    height: 56px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
  }
  .cancellationAndRefundKvkkModal #modal-footer .c-container-01.disabled {
    color: #909091;
    pointer-events: none;
    cursor: not-allowed;
    background: #E9EBF1;
  }
  .cancellationAndRefundKvkkModal #modal-close {
    top: 40px;
    right: 40px;
  }
}
.header-division {
  width: 100%;
  padding: 36px 0;
}
.header-division .c-visual-01 {
  width: auto;
  height: 32px;
}

.footer-division span {
  margin-bottom: 8px;
}

.mobile-first-ui-01 {
  padding-top: 80px;
}
.mobile-first-ui-01 .mf-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.mobile-first-ui-01 .mf-wrapper .c-container {
  margin-bottom: 32px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division {
  padding: 8px 32px 32px 32px;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .c-link-01 {
  margin: 36px 0 32px 0;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .c-link-01:hover {
  color: #7A3986;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .form-group-01 {
  margin-bottom: 20px;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 .form-group-02.parenterror .tb-togglePassword-01 {
  top: 20.5px;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 {
  margin: 32px 0;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 span {
  padding: 0 15px;
}
.mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:before, .mobile-first-ui-01 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:after {
  content: "";
  width: 50%;
  background: #C4C4C4;
  opacity: 0.4;
  height: 1px;
}
.mobile-first-ui-02 {
  padding-top: 80px;
}
.mobile-first-ui-02 .mf-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.mobile-first-ui-02 .mf-wrapper .c-container {
  margin-bottom: 32px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division {
  padding: 8px 32px 32px 32px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-01 {
  height: 52px;
  margin-bottom: 44px;
  border-radius: 100px;
  background: #F4F4F4;
  padding: 0 4px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 {
  margin: 34px 0 29px 0;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03 span {
  padding: 0 15px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:before, .mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-03:after {
  content: "";
  width: 50%;
  background: #C4C4C4;
  opacity: 0.4;
  height: 1px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-04 {
  margin-bottom: 24px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-04 .c-unit-04-A {
  margin: 24px 0 44px 0;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .comp-notification-01 {
  display: flex;
  flex-direction: column;
  color: #DA1E28;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-item-01 .comp-notification-01 a {
  color: #CE4842;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 .form-group-01 {
  margin-bottom: 16px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 .form-group-02 {
  margin-bottom: 16px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 .form-group-02 > .btn-register-fix {
  top: 20px;
}
.mobile-first-ui-02 .mf-wrapper .c-container .body-division .c-unit-04 > :nth-child(6) {
  margin-bottom: 0;
}

.mobile-first-ui-03 {
  padding-top: 80px;
}
.mobile-first-ui-03 .mf-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.mobile-first-ui-03 .mf-wrapper .c-container {
  margin-bottom: 32px;
  background: #FFFFFF;
  border-radius: 16px;
}
.mobile-first-ui-03 .mf-wrapper .c-container .body-division {
  padding: 32px;
  border-top: 1px solid #F4F4F4;
}
.mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 {
  margin: 24px 0 40px 0;
}
.mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-01 .btn-02 {
  margin-top: 32px;
}
.mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-02 {
  margin: 24px 0 32px 0;
}
.mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-03 .c-unit-01 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  margin-top: 80px;
  border-radius: 8px;
  background: #425993;
  color: #FFF;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
}
.mobile-first-ui-03 .mf-wrapper .c-container .body-division .c-item-03 .c-unit-02 {
  margin-top: 16px;
  color: #68686A;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.mobile-first-ui-04 {
  padding-top: 80px;
}
.mobile-first-ui-04 .mf-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.mobile-first-ui-04 .mf-wrapper .c-container {
  margin-bottom: 32px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division {
  padding: 32px;
  border-top: 1px solid #F4F4F4;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-01 .c-unit-02 {
  margin: 24px 0 40px 0;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-01 {
  margin: 0 auto;
  width: 120px;
  height: 120px;
  background: #F9F9F9;
  border-radius: 50%;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-02 {
  text-align: center;
  margin: 32px 0 24px 0;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-item-02 .c-unit-03 {
  text-align: center;
  margin: 0 0 40px 0;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 .form-group-02 {
  margin-bottom: 16px;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 .form-group-02.parenterror .tb-togglePassword-01 {
  top: calc(50% - 26.5px);
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 > :nth-child(2) {
  margin-bottom: 0;
}
.mobile-first-ui-04 .mf-wrapper .c-container .body-division .c-unit-03 .btn-02 {
  margin-top: 24px;
}

@media all and (max-width: 414px) {
  .mobile-first-ui-01 {
    padding-top: 0;
  }
  .mobile-first-ui-01 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-01 .mf-wrapper .c-container .body-division {
    padding: 8px 20px 40px 20px;
  }
  .mobile-first-ui-02 {
    padding-top: 0;
  }
  .mobile-first-ui-02 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-02 .mf-wrapper .c-container .body-division {
    padding: 32px 20px;
  }
  .mobile-first-ui-03 {
    padding-top: 0;
    min-height: 100vh;
    background: #fff;
  }
  .mobile-first-ui-03 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-03 .mf-wrapper .c-container .body-division {
    padding: 32px 20px;
  }
  .mobile-first-ui-03 .mf-wrapper .footer-division {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #F5F6F9;
    padding: 32px;
  }
  .mobile-first-ui-04 {
    padding-top: 0;
  }
  .mobile-first-ui-04 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-04 .mf-wrapper .c-container .body-division {
    padding: 32px 20px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .mobile-first-ui-01 {
    padding-top: 0;
  }
  .mobile-first-ui-01 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-01 .mf-wrapper .c-container .body-division {
    padding: 8px 20px 40px 20px;
  }
  .mobile-first-ui-02 {
    padding-top: 0;
  }
  .mobile-first-ui-02 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-02 .mf-wrapper .c-container .body-division {
    padding: 32px 20px;
  }
  .mobile-first-ui-03 {
    padding-top: 0;
    min-height: 100vh;
    background: #fff;
  }
  .mobile-first-ui-03 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-03 .mf-wrapper .c-container .body-division {
    padding: 32px 20px;
  }
  .mobile-first-ui-03 .mf-wrapper .footer-division {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #F5F6F9;
    padding: 32px;
  }
  .mobile-first-ui-04 {
    padding-top: 0;
  }
  .mobile-first-ui-04 .mf-wrapper .c-container {
    border-radius: 0;
  }
  .mobile-first-ui-04 .mf-wrapper .c-container .body-division {
    padding: 32px 20px;
  }
}
#modal-wrapper.type-mdl #modal-header {
  color: #1B1B1B;
}
#modal-wrapper.type-mdl #modal-body::-webkit-scrollbar {
  width: 5px;
}
#modal-wrapper.type-mdl #modal-body::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 2px;
  background-color: #D5D5D6;
}
#modal-wrapper.type-mdl #modal-footer {
  border-top: 1px solid #E6E6E7;
}
#modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary {
  background-color: #FD552E;
  color: #fff;
}
#modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
  margin-right: 8px;
  color: #C93504;
}
#modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
  background-color: #7A3986;
  color: #fff;
}
#modal-wrapper.type-mdl #modal-close {
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M12%201.05L10.95%200L6%204.95L1.05%200L0%201.05L4.95%206L0%2010.95L1.05%2012L6%207.05L10.95%2012L12%2010.95L7.05%206L12%201.05Z%22%20fill%3D%22%23171718%22%2F%3E%3C%2Fsvg%3E");
  background-color: #F0F0F2;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s;
}
#modal-wrapper.type-mdl #modal-close:hover {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}
#modal-wrapper.type-mdl.size-xs #modal-close {
  background-color: transparent;
}

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #modal-wrapper.type-mdl {
    border-radius: 16px;
  }
  #modal-wrapper.type-mdl #modal-header {
    height: 24px;
    padding: 0 70px 0 20px;
    line-height: 22px !important;
  }
  #modal-wrapper.type-mdl #modal-header h1, #modal-wrapper.type-mdl #modal-header h2, #modal-wrapper.type-mdl #modal-header h3, #modal-wrapper.type-mdl #modal-header h4, #modal-wrapper.type-mdl #modal-header h5, #modal-wrapper.type-mdl #modal-header h6 {
    font-weight: 600 !important;
    font-size: 18px !important;
    letter-spacing: -0.005em !important;
  }
  #modal-wrapper.type-mdl #modal-body {
    padding: 0 20px;
    margin: 20px 0;
  }
  #modal-wrapper.type-mdl #modal-footer {
    padding: 16px 20px 36px 20px;
    border-top: 1px solid #E6E6E7;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
    height: 48px;
    line-height: 17px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary.disabled,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary.disabled,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary {
    flex: 1;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
    width: 33%;
    background-color: #FDEDE9;
  }
  #modal-wrapper.type-mdl #modal-footer.footer-01 .lnkBtnModalPrimary,
  #modal-wrapper.type-mdl #modal-footer.footer-01 .lnkBtnModalSecondary,
  #modal-wrapper.type-mdl #modal-footer.footer-01 .lnkBtnModalTertiary {
    flex: 1;
    max-width: 380px;
    border-radius: 4px;
  }
  #modal-wrapper.type-mdl #modal-close {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: 40px;
    height: 40px;
  }
}
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  #modal-wrapper.type-mdl {
    border-radius: 16px;
  }
  #modal-wrapper.type-mdl #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px !important;
  }
  #modal-wrapper.type-mdl #modal-header h1, #modal-wrapper.type-mdl #modal-header h2, #modal-wrapper.type-mdl #modal-header h3, #modal-wrapper.type-mdl #modal-header h4, #modal-wrapper.type-mdl #modal-header h5, #modal-wrapper.type-mdl #modal-header h6 {
    font-weight: 600 !important;
    font-size: 24px !important;
    letter-spacing: -0.005em !important;
  }
  #modal-wrapper.type-mdl #modal-body {
    padding: 0 30px 0 40px;
    margin: 0 10px 40px 0;
  }
  #modal-wrapper.type-mdl #modal-footer {
    height: 100px;
    padding: 20px 0 24px 0;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
    height: 56px;
    padding: 18px 40px 21px 40px;
    border-radius: 8px;
    line-height: 17px;
    font-weight: 500;
    font-size: 14px;
    transition: background-color 0.3s;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary.disabled,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary.disabled,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary:hover {
    background-color: #E83A10;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
    background-color: #FDF5F2;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary:hover {
    background-color: #FDEDE9;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary:hover {
    background-color: #6B337D;
  }
  #modal-wrapper.type-mdl #modal-close {
    width: 44px;
    height: 44px;
  }
  #modal-wrapper.type-mdl.dir-fade #modal-close {
    top: 28px;
    right: 28px;
    bottom: auto;
    left: auto;
  }
}
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  #modal-wrapper.type-mdl {
    border-radius: 16px;
  }
  #modal-wrapper.type-mdl #modal-header {
    height: 56px;
    padding: 0 40px;
    line-height: 29px;
  }
  #modal-wrapper.type-mdl #modal-header h1, #modal-wrapper.type-mdl #modal-header h2, #modal-wrapper.type-mdl #modal-header h3, #modal-wrapper.type-mdl #modal-header h4, #modal-wrapper.type-mdl #modal-header h5, #modal-wrapper.type-mdl #modal-header h6 {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.005em;
  }
  #modal-wrapper.type-mdl #modal-body {
    padding: 0 30px 0 40px;
    margin: 0 10px 40px 0;
  }
  #modal-wrapper.type-mdl #modal-footer {
    padding: 20px 0 24px 0;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
    height: 56px;
    padding: 18px 40px 21px 40px;
    border-radius: 8px;
    line-height: 17px;
    font-weight: 500;
    font-size: 14px;
    transition: background-color 0.3s;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary.disabled,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary.disabled,
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary:hover {
    background-color: #E83A10;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary {
    background-color: #FDF5F2;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary:hover {
    background-color: #FDEDE9;
  }
  #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary:hover {
    background-color: #6B337D;
  }
  #modal-wrapper.type-mdl #modal-close {
    width: 44px;
    height: 44px;
  }
  #modal-wrapper.type-mdl.dir-fade #modal-close {
    top: 28px;
    right: 28px;
    bottom: auto;
    left: auto;
  }
}
/* MD */
/* LG */
.product-card-ui-01,
.product-card-ui-02,
.product-card-ui-03 {
  cursor: pointer;
}
.product-card-ui-01 .pcd-lnk-btn-01,
.product-card-ui-02 .pcd-lnk-btn-01,
.product-card-ui-03 .pcd-lnk-btn-01 {
  visibility: hidden;
  opacity: 0;
}
.product-card-ui-01 .pcd-lnk-btn-01 .c-unit-02,
.product-card-ui-02 .pcd-lnk-btn-01 .c-unit-02,
.product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
  display: none;
}
.product-card-ui-01 .pcd-lnk-btn-01.active .c-unit-02,
.product-card-ui-02 .pcd-lnk-btn-01.active .c-unit-02,
.product-card-ui-03 .pcd-lnk-btn-01.active .c-unit-02 {
  display: block;
}
.product-card-ui-01 .pcd-lnk-btn-01.active .c-unit-01,
.product-card-ui-02 .pcd-lnk-btn-01.active .c-unit-01,
.product-card-ui-03 .pcd-lnk-btn-01.active .c-unit-01 {
  display: none;
}
.product-card-ui-01 > .c-item-01 img,
.product-card-ui-02 > .c-item-01 img,
.product-card-ui-03 > .c-item-01 img {
  object-fit: contain;
}

@media all and (max-width: 414px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 152px;
    height: 282px;
    padding: 4px 0 32px 0;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-card-ui-01 .c-item-01 {
    width: 100%;
    min-height: 152px;
    padding: 8px;
    margin: 0 0 12px 0;
    background-color: #FFF;
    flex-direction: column;
  }
  .product-card-ui-01 .c-item-01 .c-item-10 {
    padding: 4px 6px;
    border-radius: 4px;
    background: #FEEAEA;
    color: #B00;
    text-align: center;
    font-family: "Inter";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: -8px;
    top: 2px;
  }
  .product-card-ui-01 .c-item-01 .swiper-slide {
    display: flex;
    justify-content: center;
  }
  .product-card-ui-01 .c-item-01 .swiper-slide img {
    width: 136px !important;
    height: 136px;
  }
  .product-card-ui-01 .c-item-01 .inner-pagination {
    bottom: -4px;
    display: flex;
    justify-content: center;
    border-radius: 999px;
    opacity: 0.6;
    background: var(--color-bw-200, #E6E6E7);
    width: max-content;
    padding: 2px 4px;
    gap: 2px;
  }
  .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 9999px;
    background: #B0B0B2;
    margin: 0;
    opacity: 1;
  }
  .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 9999px;
    background: #555556;
    display: flex !important;
  }
  .product-card-ui-01 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 10;
    top: 6px;
    left: 5px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-01 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 .c-item-02 {
    width: 128px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-01 .c-item-02 .c-item-04 {
    max-width: 128px;
    margin: 8px 0 10px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-01 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-01 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-01 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-01 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-01 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0;
  }
  .product-card-ui-02 > .c-item-01 {
    width: 159px;
    height: 159px;
    margin: 0 0 12px 0;
    padding: 8px;
    background-color: #FFF;
  }
  .product-card-ui-02 > .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-02 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 6px;
    left: 5px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-02 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 .c-item-02 {
    width: 155px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-04 {
    margin: 8px 0 10px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-03 {
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0;
  }
  .product-card-ui-03 > .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .product-card-ui-03 > .c-item-01 {
    width: 159px;
    height: 159px;
    margin: 0 0 12px 0;
    padding: 8px;
    background-color: #FFF;
  }
  .product-card-ui-03 > .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-03 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 6px;
    left: 5px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-03 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .c-item-02 {
    width: 155px;
    padding: 0 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-04 {
    margin: 8px 0 10px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
    display: none;
  }
  .product-card-ui-03:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 152px;
    height: 282px;
    padding: 4px 0 32px 0;
    border: 1px solid #E9EBF1;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-card-ui-01 .c-item-01 {
    width: 100%;
    min-height: 152px;
    padding: 8px;
    margin: 0 0 12px 0;
    background-color: #FFF;
    flex-direction: column;
  }
  .product-card-ui-01 .c-item-01 .c-item-10 {
    padding: 4px 6px;
    border-radius: 4px;
    background: #FEEAEA;
    color: #B00;
    text-align: center;
    font-family: "Inter";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: -8px;
    top: 2px;
  }
  .product-card-ui-01 .c-item-01 .swiper-slide {
    display: flex;
    justify-content: center;
  }
  .product-card-ui-01 .c-item-01 .swiper-slide img {
    width: 136px !important;
    height: 136px;
  }
  .product-card-ui-01 .c-item-01 .inner-pagination {
    bottom: -4px;
    display: flex;
    justify-content: center;
    border-radius: 999px;
    opacity: 0.6;
    background: var(--color-bw-200, #E6E6E7);
    width: max-content;
    padding: 2px 4px;
    gap: 2px;
  }
  .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 9999px;
    background: #B0B0B2;
    margin: 0;
    opacity: 1;
  }
  .product-card-ui-01 .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 9999px;
    background: #555556;
    display: flex !important;
  }
  .product-card-ui-01 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 10;
    top: 6px;
    left: 5px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-01 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 .c-item-02 {
    width: 128px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-01 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-01 .c-item-02 .c-item-04 {
    max-width: 128px;
    margin: 8px 0 10px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-01 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-01 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-01 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-01 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-01 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-01 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0;
  }
  .product-card-ui-02 > .c-item-01 {
    width: 159px;
    height: 159px;
    margin: 0 0 12px 0;
    padding: 8px;
    background-color: #FFF;
  }
  .product-card-ui-02 > .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-02 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 6px;
    left: 5px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-02 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 .c-item-02 {
    width: 155px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-04 {
    margin: 8px 0 10px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-03 {
    width: 167px;
    border: 1px solid #fff;
    padding: 4px 0 13px 0;
  }
  .product-card-ui-03 > .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .product-card-ui-03 > .c-item-01 {
    width: 159px;
    height: 159px;
    margin: 0 0 12px 0;
    padding: 8px;
    background-color: #FFF;
  }
  .product-card-ui-03 > .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-03 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 6px;
    left: 5px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-03 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .c-item-02 {
    width: 155px;
    padding: 0 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-04 {
    margin: 8px 0 10px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
    display: none;
  }
  .product-card-ui-03:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  .product-card-ui-01 > .c-item-01 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 204px;
    height: 204px;
    margin: 0 0 20px 0;
    background-color: #FFF;
  }
  .product-card-ui-01 > .c-item-01 .c-item-10 {
    padding: 4px 6px;
    border-radius: 4px;
    background: #FEEAEA;
    color: #B00;
    text-align: center;
    font-family: "Inter";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    border-radius: 999px;
    opacity: 0.6;
    background: var(--color-bw-200, #E6E6E7);
    width: max-content;
    padding: 2px 4px;
    gap: 2px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 9999px;
    background: #B0B0B2;
    margin: 0;
    opacity: 1;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 9999px;
    background: #555556;
  }
  .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
    width: 204px !important;
    margin-left: -20px;
  }
  .product-card-ui-01 > .c-item-01 img {
    width: 100% !important;
    height: 188px;
    background: white;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 > .c-item-02 {
    width: 204px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-01 > .c-item-02 .c-item-04 {
    margin: 12px 0 16px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 .pcd-lnk-btn-01 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #909091;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
    z-index: 1000;
  }
  .product-card-ui-01:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-01:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    padding: 0 0 48px 0;
  }
  .product-card-ui-02 .c-item-01 {
    width: 159px;
    height: 159px;
    padding: 8px;
    margin: 0 0 12px 0;
    background-color: #FFF;
  }
  .product-card-ui-02 .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-04 {
    margin: 8px 0 10px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-02:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    margin-right: 6px;
    padding: 8px 8px 48px 8px;
  }
  .product-card-ui-03 > .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .product-card-ui-03 .c-item-01 {
    width: 159px;
    height: 159px;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    background-color: #FFF;
  }
  .product-card-ui-03 .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    left: 150px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .c-item-02 {
    width: 128px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-04 {
    margin: 8px 0 12px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-09 {
    border-radius: 4px;
    background: #FBF1FD;
  }
  .product-card-ui-03 .c-item-02 .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  .product-card-ui-01 > .c-item-01 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 204px;
    height: 204px;
    margin: 0 0 20px 0;
    background-color: #FFF;
  }
  .product-card-ui-01 > .c-item-01 .c-item-10 {
    padding: 4px 6px;
    border-radius: 4px;
    background: #FEEAEA;
    color: #B00;
    text-align: center;
    font-family: "Inter";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    border-radius: 999px;
    opacity: 0.6;
    background: var(--color-bw-200, #E6E6E7);
    width: max-content;
    padding: 2px 4px;
    gap: 2px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 9999px;
    background: #B0B0B2;
    margin: 0;
    opacity: 1;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 9999px;
    background: #555556;
  }
  .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
    width: 204px !important;
    margin-left: -20px;
  }
  .product-card-ui-01 > .c-item-01 img {
    width: 100% !important;
    height: 188px;
    background: white;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 > .c-item-02 {
    width: 204px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-01 > .c-item-02 .c-item-04 {
    margin: 12px 0 16px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 .pcd-lnk-btn-01 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #909091;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
    z-index: 1000;
  }
  .product-card-ui-01:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-01:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    padding: 0 0 48px 0;
  }
  .product-card-ui-02 .c-item-01 {
    width: 159px;
    height: 159px;
    padding: 8px;
    margin: 0 0 12px 0;
    background-color: #FFF;
  }
  .product-card-ui-02 .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-04 {
    margin: 8px 0 10px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-02:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    margin-right: 6px;
    padding: 8px 8px 48px 8px;
  }
  .product-card-ui-03 > .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .product-card-ui-03 .c-item-01 {
    width: 159px;
    height: 159px;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    background-color: #FFF;
  }
  .product-card-ui-03 .c-item-01 img {
    width: 143px;
    height: 143px;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    left: 150px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .c-item-02 {
    width: 128px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 10px;
    height: 10px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-04 {
    margin: 8px 0 12px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
    width: 42px;
    height: 16px;
    background: #F1F9E9;
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A span {
    margin-left: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
    width: 100%;
    margin: 6px 0 2px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 {
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-09 {
    border-radius: 4px;
    background: #FBF1FD;
  }
  .product-card-ui-03 .c-item-02 .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  .product-card-ui-01 > .c-item-01 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 204px;
    height: 204px;
    margin: 0 0 20px 0;
    background-color: #FFF;
  }
  .product-card-ui-01 > .c-item-01 .c-item-10 {
    padding: 4px 6px;
    border-radius: 4px;
    background: #FEEAEA;
    color: #B00;
    text-align: center;
    font-family: "Inter";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    border-radius: 999px;
    opacity: 0.6;
    background: var(--color-bw-200, #E6E6E7);
    width: max-content;
    padding: 2px 4px;
    gap: 2px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 9999px;
    background: #B0B0B2;
    margin: 0;
    opacity: 1;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 9999px;
    background: #555556;
    display: flex !important;
  }
  .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
    width: 204px !important;
    margin-left: -20px;
  }
  .product-card-ui-01 > .c-item-01 img {
    width: 100% !important;
    height: 188px;
    background: white;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 > .c-item-02 {
    width: 204px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-01 > .c-item-02 .c-item-04 {
    margin: 12px 0 16px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 .pcd-lnk-btn-01 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #909091;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
    z-index: 1000;
  }
  .product-card-ui-01:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-01:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 196px;
    height: 380px;
    margin-right: 5px;
    border: 1px solid #fff;
    padding: 8px 0 24px 0;
  }
  .product-card-ui-02 .c-item-01 {
    width: 180px;
    height: 180px;
    padding: 8px;
    margin: 0 0 16px 0;
    background-color: #FFF;
  }
  .product-card-ui-02 .c-item-01 img {
    width: 164px;
    height: 164px;
  }
  .product-card-ui-02 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-02 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 .c-item-02 {
    width: 172px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-04 {
    margin: 12px 0 16px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 .pcd-lnk-btn-01 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #909091;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
    z-index: 2;
  }
  .product-card-ui-02:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-02:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    width: 228px;
    height: 406px;
    margin-right: 3px;
    border: 1px solid #fff;
    padding: 12px 12px 76px 12px;
  }
  .product-card-ui-03 > .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .product-card-ui-03 .c-item-01 {
    width: 204px;
    height: 204px;
    padding: 8px;
    margin: 0 0 20px 0;
    background-color: #FFF;
  }
  .product-card-ui-03 .c-item-01 img {
    width: 188px;
    height: 188px;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .c-item-02 {
    padding-left: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-04 {
    max-width: 204px;
    margin: 12px 0 16px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-05 {
    font-weight: 700;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
    display: none;
  }
  .product-card-ui-03:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-03:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
}
@media all and (min-width: 1680px) {
  .product-card-ui-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 228px;
    height: 408px;
    border: 1px solid #fff;
    padding: 12px 0 24px 12px;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  .product-card-ui-01 > .c-item-01 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 204px;
    height: 204px;
    margin: 0 0 20px 0;
    background-color: #FFF;
  }
  .product-card-ui-01 > .c-item-01 .c-item-10 {
    padding: 4px 6px;
    border-radius: 4px;
    background: #FEEAEA;
    color: #B00;
    text-align: center;
    font-family: "Inter";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    border-radius: 999px;
    opacity: 0.6;
    background: var(--color-bw-200, #E6E6E7);
    width: max-content;
    padding: 2px 4px;
    gap: 2px;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 9999px;
    background: #B0B0B2;
    margin: 0;
    opacity: 1;
  }
  .product-card-ui-01 > .c-item-01 .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 9999px;
    background: #555556;
    display: flex !important;
  }
  .product-card-ui-01 > .c-item-01 .owl-stage-outer .owl-stage .owl-item {
    width: 204px !important;
    margin-left: -20px;
  }
  .product-card-ui-01 > .c-item-01 img {
    width: 100% !important;
    height: 188px;
    background: white;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-01 > .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 > .c-item-02 {
    width: 204px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-01 > .c-item-02 .c-item-04 {
    margin: 12px 0 16px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-01 > .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-01 > .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-01 > .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-01 .pcd-lnk-btn-01 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #909091;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
    z-index: 1000;
  }
  .product-card-ui-01:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-01:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
  .product-card-ui-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 196px;
    height: 380px;
    margin-right: 5px;
    border: 1px solid #fff;
    padding: 8px 0 24px 0;
  }
  .product-card-ui-02 .c-item-01 {
    width: 180px;
    height: 180px;
    padding: 8px;
    margin: 0 0 16px 0;
    background-color: #FFF;
  }
  .product-card-ui-02 .c-item-01 img {
    width: 164px;
    height: 164px;
  }
  .product-card-ui-02 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-02 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 .c-item-02 {
    width: 172px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-02 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-04 {
    margin: 12px 0 16px 0;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-02 .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-02 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-02 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-02 .pcd-lnk-btn-01 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #909091;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
    z-index: 2;
  }
  .product-card-ui-02:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-02:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
  .product-card-ui-03 {
    display: flex;
    flex-direction: column;
    width: 228px;
    height: 406px;
    margin-right: 3px;
    border: 1px solid #fff;
    padding: 12px 12px 76px 12px;
  }
  .product-card-ui-03 > .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .product-card-ui-03 .c-item-01 {
    width: 204px;
    height: 204px;
    padding: 8px;
    margin: 0 0 20px 0;
    background-color: #FFF;
  }
  .product-card-ui-03 .c-item-01 img {
    width: 188px;
    height: 188px;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct {
    position: absolute;
    z-index: 100;
    top: 7px;
    left: 8px;
    height: 24px;
    padding: 4px 8px;
    border-radius: 2px;
    background: #FEEAEA;
  }
  .product-card-ui-03 .c-item-01 > .offerProduct > div {
    color: #B00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .c-item-02 {
    padding-left: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A {
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 {
    margin-right: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-card-ui-03 .c-item-02 .c-item-03 .c-item-03-A .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-04 {
    max-width: 204px;
    margin: 12px 0 16px 0;
  }
  .product-card-ui-03 .c-item-02 .c-item-05 {
    font-weight: 700;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 {
    height: 40px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A {
    width: 36px;
    height: 100%;
    background: #F1F9E9;
    border-radius: 4px;
    margin-right: 8px;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-A svg {
    display: none;
  }
  .product-card-ui-03 .c-item-02 .c-item-06 .c-item-06-B {
    margin-bottom: 2px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 {
    height: 51px;
    padding: 8px;
    background: rgb(241, 249, 233);
    border-radius: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-07 .c-item-07-A {
    margin-bottom: 4px;
  }
  .product-card-ui-03 .c-item-02 .c-item-08 {
    display: block;
    margin-top: 8px;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 {
    width: 100px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #FBF1FD;
    margin: 10px 0;
  }
  .product-card-ui-03 .c-item-02 > .c-item-09 > div {
    color: #7A3986;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.2s;
  }
  .product-card-ui-03 .pcd-lnk-btn-01 .c-unit-02 {
    display: none;
  }
  .product-card-ui-03:hover {
    border-style: solid;
    border-color: #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-card-ui-03:hover .pcd-lnk-btn-01 {
    visibility: visible;
    opacity: 1;
  }
}
.product-detail-card-ui-01 .c-item-03.with-div > a {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 50px;
}

@media all and (max-width: 414px) {
  .product-detail-card-ui-01 {
    padding: 20px 0;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .product-detail-card-ui-01 .c-item-01 {
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
    width: 100%;
    margin: 12px 0 0 0;
    padding-left: 1px;
  }
  .product-detail-card-ui-01 .c-item-02 {
    margin: 16px 0 30px 0;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
    margin-left: 8px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
    margin-right: 2px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-03 {
    top: 24px;
    right: 24px;
  }
  .product-detail-card-ui-01 .c-item-04 {
    margin: 0 0 20px 0;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-05 {
    margin-bottom: 20px;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
    width: 55px;
    height: 55px;
    background: #DCEDC9;
    border-radius: 6px;
    margin-right: 12px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 {
    margin: 0 0 20px 0;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
    height: 72px;
    padding: 0 16px;
    background: #F1F9E9;
    border: 1px solid #DCEDC9;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 {
    padding: 0 20px 0 20px;
    background: #FFFFFF;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
    background: rgb(255, 255, 255);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
    background: rgb(240, 240, 242);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 7px 12px;
    border-radius: 4px 4px 0px 0px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
    place-self: flex-start;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718;
    margin-top: 3px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
    position: absolute;
    right: 12px;
    top: calc(50% - 9px);
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #7A3986;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
    padding: 16px 20px;
    border-radius: 6px;
    border: 1px solid #E6E6E7;
    background: #FFF;
    margin-top: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
    margin-top: 20px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
    display: flex;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
    flex: 1;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
    flex: 1;
    color: #2B3E73;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    word-break: break-word;
  }
  .product-detail-card-ui-01 .c-item-08 {
    width: calc(100% - 40px);
    height: 44px;
    margin: 0 auto;
    padding-left: 12px;
    background: rgb(240, 240, 242);
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-B {
    width: 315px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
    width: 64px;
    height: 20px;
    margin-left: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
  }
  .product-detail-card-ui-01 .c-item-09 {
    padding-left: 20px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
    overflow: auto;
    margin-bottom: 12px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
    flex: 0 0 auto;
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
    background: #FFFFFF;
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
    margin-bottom: 0;
  }
  .product-detail-card-ui-01 .c-item-10 {
    padding: 12px 20px 0 20px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
    width: 124px;
    height: 48px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
    width: 35px;
    height: 31px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
    width: 16px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 #addToCartButtonContainer {
    display: none;
  }
  .product-detail-card-ui-01 #add-cart-desktop {
    padding: 0 20px;
  }
  .product-detail-card-ui-01 #add-cart-desktop hr {
    margin: 20px -20px;
    width: calc(100% + 40px);
  }
  .product-detail-card-ui-01 .c-item-11 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-radius: 8px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: center;
    color: #FFFFFF;
    background: #BE3F3B;
  }
  .product-detail-card-ui-01 .c-item-12 {
    display: flex;
    flex-direction: column;
    margin: 50px 0 15px;
    gap: 10px;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
    display: block;
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-13 {
    display: none;
  }
  .product-detail-card-ui-01 .hr-F {
    display: flex;
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
    background: #EDEDED;
  }
  .product-detail-card-ui-01 .hr-C {
    margin: 20px 0;
    background: #E5E5E5;
  }
  .product-detail-card-ui-01 .hr-C.hidden-for-lg {
    display: block;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02 {
    height: 40px;
    padding: 11px 20px 14px 20px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 199px;
    height: 48px;
    background: #7A3986;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
    display: none;
  }
  .product-seller-card-ui-01 {
    padding: 19px 0 20px 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .product-seller-card-ui-01 .c-item-01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
    margin-right: 12px;
  }
  .product-seller-card-ui-01 .c-item-02 {
    width: 100%;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
    width: 212px;
    height: 113px;
    padding: 16px;
    margin-right: 8px;
    border-radius: 8px;
    background: #F8F8F9;
    flex: 0 0 auto;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
    width: 50px;
    height: 19px;
    margin-top: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
    margin-bottom: 0;
  }
  .product-seller-card-ui-01 .c-item-02 > :last-child {
    margin-right: 0;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-02 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #D43A08;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .product-detail-card-ui-01 {
    padding: 20px 0;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .product-detail-card-ui-01 .c-item-01 {
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
    width: 100%;
    margin: 12px 0 0 0;
    padding-left: 1px;
  }
  .product-detail-card-ui-01 .c-item-02 {
    margin: 16px 0 30px 0;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
    margin-left: 8px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
    margin-right: 2px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-03 {
    top: 24px;
    right: 24px;
  }
  .product-detail-card-ui-01 .c-item-04 {
    margin: 0 0 20px 0;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-05 {
    margin-bottom: 20px;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
    width: 55px;
    height: 55px;
    background: #DCEDC9;
    border-radius: 6px;
    margin-right: 12px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 {
    margin: 0 0 20px 0;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
    height: 72px;
    padding: 0 16px;
    background: #F1F9E9;
    border: 1px solid #DCEDC9;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 {
    padding: 0 20px 0 20px;
    background: #FFFFFF;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
    background: rgb(255, 255, 255);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
    background: rgb(240, 240, 242);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 7px 12px;
    border-radius: 4px 4px 0px 0px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
    place-self: flex-start;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #171718;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718;
    margin-top: 3px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
    position: absolute;
    right: 12px;
    top: calc(50% - 9px);
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #7A3986;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
    padding: 16px 20px;
    border-radius: 6px;
    border: 1px solid #E6E6E7;
    background: #FFF;
    margin-top: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
    margin-top: 20px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
    display: flex;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
    flex: 1;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
    flex: 1;
    color: #2B3E73;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    word-break: break-word;
  }
  .product-detail-card-ui-01 .c-item-08 {
    width: calc(100% - 40px);
    height: 44px;
    margin: 0 auto;
    padding-left: 12px;
    background: rgb(240, 240, 242);
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-B {
    width: 315px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
    width: 64px;
    height: 20px;
    margin-left: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
  }
  .product-detail-card-ui-01 .c-item-09 {
    padding-left: 20px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
    overflow: auto;
    margin-bottom: 12px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
    flex: 0 0 auto;
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
    background: #FFFFFF;
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
    margin-bottom: 0;
  }
  .product-detail-card-ui-01 .c-item-10 {
    padding: 12px 20px 0 20px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
    width: 124px;
    height: 48px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
    width: 35px;
    height: 31px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
    width: 16px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 #addToCartButtonContainer {
    display: none;
  }
  .product-detail-card-ui-01 #add-cart-desktop {
    padding: 0 20px;
  }
  .product-detail-card-ui-01 #add-cart-desktop hr {
    margin: 20px -20px;
    width: calc(100% + 40px);
  }
  .product-detail-card-ui-01 .c-item-11 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-radius: 8px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: center;
    color: #FFFFFF;
    background: #BE3F3B;
  }
  .product-detail-card-ui-01 .c-item-12 {
    display: flex;
    flex-direction: column;
    margin: 50px 0 15px;
    gap: 10px;
    padding: 0 20px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
    display: block;
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-13 {
    display: none;
  }
  .product-detail-card-ui-01 .hr-F {
    display: flex;
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
    background: #EDEDED;
  }
  .product-detail-card-ui-01 .hr-C {
    margin: 20px 0;
    background: #E5E5E5;
  }
  .product-detail-card-ui-01 .hr-C.hidden-for-lg {
    display: block;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02 {
    height: 40px;
    padding: 11px 20px 14px 20px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 199px;
    height: 48px;
    background: #7A3986;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
    display: none;
  }
  .product-seller-card-ui-01 {
    padding: 19px 0 20px 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .product-seller-card-ui-01 .c-item-01 {
    width: 100%;
    margin-bottom: 20px;
  }
  .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
    margin-right: 12px;
  }
  .product-seller-card-ui-01 .c-item-02 {
    width: 100%;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
    width: 212px;
    height: 113px;
    padding: 16px;
    margin-right: 8px;
    border-radius: 8px;
    background: #F8F8F9;
    flex: 0 0 auto;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
    width: 50px;
    height: 19px;
    margin-top: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
    margin-bottom: 0;
  }
  .product-seller-card-ui-01 .c-item-02 > :last-child {
    margin-right: 0;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-02 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #D43A08;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-detail-card-ui-01 {
    padding: 32px 0;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-01 {
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
    width: 432px;
    margin: 12px 0 0 0;
  }
  .product-detail-card-ui-01 .c-item-02 {
    margin: 16px 0 32px 0;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
    margin-left: 8px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
    margin-right: 2px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-03 {
    top: 24px;
    right: 24px;
    display: none;
  }
  .product-detail-card-ui-01 .c-item-04 {
    margin: 0 0 20px 0;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-05 {
    margin-bottom: 20px;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
    width: 55px;
    height: 55px;
    background: #DCEDC9;
    border-radius: 6px;
    margin-right: 12px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 {
    margin: 0 0 20px 0;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
    height: 72px;
    padding: 0 16px;
    background: #F1F9E9;
    border: 1px solid #DCEDC9;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 {
    padding: 20px 32px 0 32px;
    background: #FFFFFF;
    border-top: 1px solid #EDEDED;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
    background: rgb(248, 248, 249);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
    background: rgb(255, 255, 255);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
    background: rgb(240, 240, 242);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
    width: 100%;
    padding: 7px 12px;
    border-radius: 4px 4px 0px 0px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
    padding: 16px 20px;
    border-radius: 6px;
    border: 1px solid #E6E6E7;
    background: #FFF;
    margin-top: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
    margin-top: 20px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
    display: flex;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
    flex: 1;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
    flex: 1;
    color: #2B3E73;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }
  .product-detail-card-ui-01 .c-item-08 {
    width: calc(100% - 64px);
    height: 44px;
    margin: 0 auto;
    padding-left: 12px;
    background: rgb(240, 240, 242);
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
    width: 51px;
    height: 20px;
    margin-left: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
  }
  .product-detail-card-ui-01 .c-item-09 {
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
    display: flex;
    flex-wrap: wrap;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
    background: #FFFFFF;
    padding: 11px 14px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0 8px 8px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
    margin-bottom: 12px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
    background: #FFFFFF;
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
    margin-bottom: 0;
  }
  .product-detail-card-ui-01 .c-item-10 {
    padding: 12px 32px 0 32px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
    width: 124px;
    height: 48px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
    width: 35px;
    height: 31px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
    width: 16px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 .c-item-11 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-radius: 8px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: center;
    color: #FFFFFF;
    background: #BE3F3B;
  }
  .product-detail-card-ui-01 .c-item-12 {
    display: flex;
    flex-direction: column;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-13 {
    display: none;
  }
  .product-detail-card-ui-01 .hr-F {
    display: none;
  }
  .product-detail-card-ui-01 .hr-C {
    margin: 20px 0;
  }
  .product-detail-card-ui-01 .hr-C.hidden-for-lg {
    display: block;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02 {
    height: 40px;
    padding: 11px 20px 14px 20px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 199px;
    height: 48px;
    background: #7A3986;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
    display: none;
  }
  .product-seller-card-ui-01 {
    padding: 32px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-seller-card-ui-01 .c-item-01 {
    margin-bottom: 20px;
  }
  .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
    margin-right: 12px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
    width: 212px;
    height: 113px;
    padding: 16px;
    margin-right: 8px;
    background: #F8F8F9;
    border-radius: 8px;
    background: #F8F8F9;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
    width: 50px;
    height: 19px;
    margin-top: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
    margin-bottom: 0;
  }
  .product-seller-card-ui-01 .c-item-02 > :last-child {
    margin-right: 0;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-02 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #D43A08;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .product-detail-card-ui-01 {
    padding: 32px 0;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-01 {
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
    width: 432px;
    margin: 12px 0 0 0;
  }
  .product-detail-card-ui-01 .c-item-02 {
    margin: 16px 0 32px 0;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
    margin-left: 8px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
    margin-right: 2px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-03 {
    top: 24px;
    right: 24px;
    display: none;
  }
  .product-detail-card-ui-01 .c-item-04 {
    margin: 0 0 20px 0;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-05 {
    margin-bottom: 20px;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
    width: 55px;
    height: 55px;
    background: #DCEDC9;
    border-radius: 6px;
    margin-right: 12px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 {
    margin: 0 0 20px 0;
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
    height: 72px;
    padding: 0 16px;
    background: #F1F9E9;
    border: 1px solid #DCEDC9;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 {
    padding: 20px 32px 0 32px;
    background: #FFFFFF;
    border-top: 1px solid #EDEDED;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
    background: rgb(248, 248, 249);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
    background: rgb(255, 255, 255);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
    background: rgb(240, 240, 242);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
    width: 100%;
    padding: 7px 12px;
    border-radius: 4px 4px 0px 0px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
    padding: 16px 20px;
    border-radius: 6px;
    border: 1px solid #E6E6E7;
    background: #FFF;
    margin-top: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02.top {
    margin-top: 20px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A {
    display: flex;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-B {
    flex: 1;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 .c-unit-02-A .c-unit-02-A-C {
    flex: 1;
    color: #2B3E73;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }
  .product-detail-card-ui-01 .c-item-08 {
    width: calc(100% - 64px);
    height: 44px;
    margin: 0 auto;
    padding-left: 12px;
    background: rgb(240, 240, 242);
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
    width: 51px;
    height: 20px;
    margin-left: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
  }
  .product-detail-card-ui-01 .c-item-09 {
    padding: 0 32px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
    display: flex;
    flex-wrap: wrap;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
    background: #FFFFFF;
    padding: 11px 14px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0 8px 8px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B {
    margin-bottom: 12px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
    background: #FFFFFF;
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B:last-child {
    margin-bottom: 0;
  }
  .product-detail-card-ui-01 .c-item-10 {
    padding: 12px 32px 0 32px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
    width: 124px;
    height: 48px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
    width: 35px;
    height: 31px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
    width: 16px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 .c-item-11 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-radius: 8px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: center;
    color: #FFFFFF;
    background: #BE3F3B;
  }
  .product-detail-card-ui-01 .c-item-12 {
    display: flex;
    flex-direction: column;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-13 {
    display: none;
  }
  .product-detail-card-ui-01 .hr-F {
    display: none;
  }
  .product-detail-card-ui-01 .hr-C {
    margin: 20px 0;
  }
  .product-detail-card-ui-01 .hr-C.hidden-for-lg {
    display: block;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02 {
    height: 40px;
    padding: 11px 20px 14px 20px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 199px;
    height: 48px;
    background: #7A3986;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 svg {
    display: none;
  }
  .product-seller-card-ui-01 {
    padding: 32px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  .product-seller-card-ui-01 .c-item-01 {
    margin-bottom: 20px;
  }
  .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
    margin-right: 12px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
    width: 212px;
    height: 113px;
    padding: 16px;
    margin-right: 8px;
    background: #F8F8F9;
    border-radius: 8px;
    background: #F8F8F9;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
    width: 50px;
    height: 19px;
    margin-top: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
    margin-bottom: 0;
  }
  .product-seller-card-ui-01 .c-item-02 > :last-child {
    margin-right: 0;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-02 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #D43A08;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .product-detail-card-ui-01 {
    width: 505px;
    padding: 24px;
    margin-bottom: 12px;
    background: #F8F8F9;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
    width: 385px;
    margin: 16px 0 0 0;
  }
  .product-detail-card-ui-01 .c-item-02 {
    margin: 16px 0 40px 0;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
    margin-left: 8px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
    margin-right: 2px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-03 {
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #FFF;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-01 {
    display: block;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-02 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-01 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-02 {
    display: block;
  }
  .product-detail-card-ui-01 .c-item-04 {
    margin: 0 0 24px 0;
  }
  .product-detail-card-ui-01 .c-item-05 {
    margin-bottom: 24px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
    width: 55px;
    height: 55px;
    background: #DCEDC9;
    border-radius: 6px;
    margin-right: 12px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 {
    margin: 0 0 24px 0;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
    height: 72px;
    padding: 0 16px;
    background: #F1F9E9;
    border: 1px solid #DCEDC9;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 {
    padding: 16px;
    background: #FFFFFF;
    border-radius: 6px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
    background: #FFFFFF;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
    background: rgb(255, 255, 255);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
    background: #F8F8F9;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 7px 12px;
    border-radius: 4px 4px 0px 0px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
    place-self: flex-start;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #7A3986;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
    margin-top: 3px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
    position: absolute;
    right: 12px;
    top: calc(50% - 9px);
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #7A3986;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-08 {
    background: rgb(240, 240, 242);
    border-radius: 6px;
    margin: 11px 0 32px 0;
    padding: 12px 0 12px 16px;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
    width: 51px;
    height: 20px;
    margin-left: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A:first-child {
    margin-top: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
    display: flex;
    flex-wrap: wrap;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
    background: #FFFFFF;
    padding: 11px 14px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0 8px 8px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
    background: #FFFFFF;
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-10 {
    padding: 20px;
    background: #F0F0F2;
    border-radius: 6px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
    width: 124px;
    height: 54px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
    width: 35px;
    height: 31px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
    width: 16px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B span {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 .c-item-11 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-radius: 8px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: center;
    color: #FFFFFF;
    background: #BE3F3B;
  }
  .product-detail-card-ui-01 .c-item-12 {
    display: flex;
    flex-direction: column;
    margin-top: 21px;
    gap: 4px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-13 .c-item-13-A {
    display: flex;
    background: #fff;
    margin-bottom: 4px;
    padding: 8px 12px;
  }
  .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-01 {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-03 {
    flex: 1;
    color: #2B3E73;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }
  .product-detail-card-ui-01 .hr-F {
    display: none;
  }
  .product-detail-card-ui-01 .hr-C {
    margin: 20px 0;
  }
  .product-detail-card-ui-01 .hr-C.hidden-for-lg {
    display: none;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02 {
    height: 40px;
    padding: 11px 20px 14px 20px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02.selected {
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 281px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .product-seller-card-ui-01 {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-seller-card-ui-01 .c-item-01 {
    margin-bottom: 22px;
  }
  .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
    margin-right: 8px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
    height: 52px;
    padding: 0 16px;
    margin-bottom: 4px;
    background: #F8F8F9;
    border-radius: 8px;
    background: #F8F8F9;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
    width: 50px;
    height: 19px;
    margin-left: 6px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
    margin-bottom: 0;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-02 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #D43A08;
  }
}
@media all and (min-width: 1680px) {
  .product-detail-card-ui-01 {
    width: 505px;
    padding: 24px;
    margin-bottom: 12px;
    background: #F8F8F9;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-01 .c-item-01-B {
    width: 385px;
    margin: 16px 0 0 0;
  }
  .product-detail-card-ui-01 .c-item-02 {
    margin: 16px 0 40px 0;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A {
    margin-left: 8px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A {
    margin-right: 2px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-01 {
    background-image: url("/Content/Images/Icons/fill-star.png");
    background-repeat: no-repeat;
    height: 12px;
    position: absolute;
    z-index: 2;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A .c-unit-01-A-02 {
    background-image: url("/Content/Images/Icons/star-empty.png");
    width: 12px;
    height: 12px;
  }
  .product-detail-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01-A:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-03 {
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #FFF;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-01 {
    display: block;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon .svg-02 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-01 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-03 .favorite-icon.active .svg-02 {
    display: block;
  }
  .product-detail-card-ui-01 .c-item-04 {
    margin: 0 0 24px 0;
  }
  .product-detail-card-ui-01 .c-item-05 {
    margin-bottom: 24px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-A {
    width: 55px;
    height: 55px;
    background: #DCEDC9;
    border-radius: 6px;
    margin-right: 12px;
  }
  .product-detail-card-ui-01 .c-item-05 .c-item-05-B .c-unit-01 {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 {
    margin: 0 0 24px 0;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-A {
    margin-bottom: 4px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-B {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-06 .c-item-06-C {
    height: 72px;
    padding: 0 16px;
    background: #F1F9E9;
    border: 1px solid #DCEDC9;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .c-item-07 {
    padding: 16px;
    background: #FFFFFF;
    border-radius: 6px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-A {
    margin-bottom: 16px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n) {
    background: #FFFFFF;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :nth-child(2n+1) {
    background: rgb(255, 255, 255);
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B > :first-child {
    background: #F8F8F9;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 7px 12px;
    border-radius: 4px 4px 0px 0px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-A {
    place-self: flex-start;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #7A3986;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-B {
    margin-top: 3px;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C {
    position: absolute;
    right: 12px;
    top: calc(50% - 9px);
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #7A3986;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-01 .c-unit-01-C .c-unit-01-C-01 {
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-07 .c-item-07-B .c-unit-02 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-08 {
    background: rgb(240, 240, 242);
    border-radius: 6px;
    margin: 11px 0 32px 0;
    padding: 12px 0 12px 16px;
  }
  .product-detail-card-ui-01 .c-item-08 .c-item-08-C {
    width: 51px;
    height: 20px;
    margin-left: 8px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A {
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A:first-child {
    margin-top: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B {
    display: flex;
    flex-wrap: wrap;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-A .c-item-09-B .c-unit-01 {
    background: #FFFFFF;
    padding: 11px 14px;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0 8px 8px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #171718;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01 {
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01:last-child {
    margin-right: 0;
  }
  .product-detail-card-ui-01 .c-item-09 .c-item-09-B .c-unit-01.active {
    background: #FFFFFF;
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
  }
  .product-detail-card-ui-01 .c-item-10 {
    padding: 20px;
    background: #F0F0F2;
    border-radius: 6px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A {
    width: 124px;
    height: 54px;
    padding: 0 13px 0 14px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 {
    width: 35px;
    height: 31px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 input {
    width: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-02 span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #0F1B3F;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-01, .product-detail-card-ui-01 .c-item-10 .c-item-10-A .c-unit-03 {
    width: 16px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 .c-item-10 .c-item-10-B span {
    margin-left: 12px;
  }
  .product-detail-card-ui-01 .c-item-11 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-radius: 8px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: center;
    color: #FFFFFF;
    background: #BE3F3B;
  }
  .product-detail-card-ui-01 .c-item-12 {
    display: flex;
    flex-direction: column;
    margin-top: 21px;
    gap: 4px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-01 .c-unit-01-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #C178CE;
    background: #FBF1FD;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-02 .c-unit-02-A {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-12 .c-unit-03 {
    display: none;
  }
  .product-detail-card-ui-01 .c-item-13 .c-item-13-A {
    display: flex;
    background: #fff;
    margin-bottom: 4px;
    padding: 8px 12px;
  }
  .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-01 {
    margin-right: 8px;
  }
  .product-detail-card-ui-01 .c-item-13 .c-item-13-A .c-unit-03 {
    flex: 1;
    color: #2B3E73;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }
  .product-detail-card-ui-01 .hr-F {
    display: none;
  }
  .product-detail-card-ui-01 .hr-C {
    margin: 20px 0;
  }
  .product-detail-card-ui-01 .hr-C.hidden-for-lg {
    display: none;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02 {
    height: 40px;
    padding: 11px 20px 14px 20px;
    background: #FFFFFF;
    border: 1px solid #D5D5D6;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1B1B1B;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-02.selected {
    border: 2px solid #6B337D;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .product-detail-card-ui-01 .pcd-lnk-btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 281px;
    height: 54px;
    background: #7A3986;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
  }
  .product-seller-card-ui-01 {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #F0F0F2;
    box-sizing: border-box;
    border-radius: 8px;
  }
  .product-seller-card-ui-01 .c-item-01 {
    margin-bottom: 22px;
  }
  .product-seller-card-ui-01 .c-item-01 .c-item-01-A {
    margin-right: 8px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A {
    height: 52px;
    padding: 0 16px;
    margin-bottom: 4px;
    background: #F8F8F9;
    border-radius: 8px;
    background: #F8F8F9;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-02-B {
    width: 50px;
    height: 19px;
    margin-left: 6px;
    background: #FFFFFF;
    border: 1px solid #D06945;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .product-seller-card-ui-01 .c-item-02 .c-item-02-A:last-child {
    margin-bottom: 0;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-01 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #909091;
  }
  .product-seller-card-ui-01 .psc-lnk-btn-02 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #D43A08;
  }
}
.royal-slider-ui-01 {
  background-color: #D43A08;
  padding: 40px 0;
}
.royal-slider-ui-01 #royalSlider-thumb-01 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider {
  width: 100%;
  height: 475px;
  overflow: hidden;
  border-radius: 8px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault {
  background: #FFF;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 {
  height: 100%;
  width: 500px;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A {
  width: 100%;
  height: 100%;
  padding: 36px 40px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-01 {
  width: 360px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 {
  width: 176px;
  height: 56px;
  background: #7A3986;
  border-radius: 8px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 svg {
  margin-right: 15px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow {
  width: 48px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowLeft {
  left: 32px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
  background: url(/Content/Images/Icons/left-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px auto;
  background-color: #F8F8F8;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowRight {
  right: 48px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
  background: url(/Content/Images/Icons/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px auto;
  background-color: #F8F8F8;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsArrow .rsArrowIcn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-top: 0;
  top: 213.5px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor {
  width: 60%;
  background: transparent;
  height: 100px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumbsContainer {
  padding-top: 20px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb {
  width: 85px;
  height: 76px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb img {
  width: 85px;
  height: 60px;
  opacity: 0.8;
  border-radius: 4px;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected {
  opacity: 1;
  background: transparent;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected img {
  opacity: 1;
}
.royal-slider-ui-01 #royalSlider-thumb-01.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected:after {
  content: "";
  position: absolute;
  left: calc(50% - 22.5px);
  bottom: 0;
  width: 45px;
  height: 3px;
  background: #E83A10;
  border-radius: 8px;
}
.royal-slider-ui-01 .slide-status {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 44px;
  right: 12px;
  width: 32px;
  height: 22px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  z-index: 150;
}

.royal-slider-ui-02 {
  margin-bottom: 20px;
}
.royal-slider-ui-02.royalSlider {
  width: 100%;
  height: 425px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
.royal-slider-ui-02.royalSlider.rsDefault {
  background: #FFF;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 {
  height: calc(100% - 50px);
  width: 328px;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A {
  width: 100%;
  height: 100%;
  padding: 28px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-01 {
  width: 100%;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 {
  width: 100%;
  height: 56px;
  background: #FD552E;
  border-radius: 8px;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsOverflow .rsContent .c-item-01 .c-item-01-A .c-unit-02 svg {
  margin-right: 15px;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsArrow {
  width: 48px;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowLeft {
  left: 32px;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
  background: url(/Content/Images/Icons/left-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px auto;
  background-color: #F8F8F8;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowRight {
  right: 48px;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
  background: url(/Content/Images/Icons/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px auto;
  background-color: #F8F8F8;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsArrow .rsArrowIcn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-top: 0;
  top: 188.5px;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsBullets {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet {
  margin-right: 10px;
  padding: 0;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
  margin-right: 0;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet span {
  opacity: 0.6;
  background-color: #C4C4C4;
  cursor: pointer;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
  background-color: #787878;
  opacity: 1;
}
.royal-slider-ui-02.royalSlider.rsDefault .rsBullets .rsBullet .c-item-02 {
  padding: 0 8px;
}

@media all and (max-width: 414px) {
  .royal-slider-ui-01 {
    padding: 0;
  }
  .royal-slider-ui-01 .slide-status {
    top: 28px;
    right: auto;
    left: 315px;
  }
  .royal-slider-ui-03 {
    flex: 1;
  }
  .royal-slider-ui-03.royalSlider {
    width: 100%;
    height: 346px;
    overflow: hidden;
  }
  .royal-slider-ui-03.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
    margin-left: 0 !important;
    margin-bottom: 48px;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
    background: #ffffff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
    width: 240px !important;
    height: 240px !important;
    margin: 40px auto 40px auto !important;
    object-fit: contain;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContainer {
    /*margin-top: 24px;*/
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
    background: transparent;
    bottom: 20px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
    padding: 0;
    width: 6px;
    height: 6px;
    margin-right: 8px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
    margin-right: 0;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C4C4C4;
    opacity: 0.6;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
    background: #787878;
    opacity: 1;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider {
    width: 100% !important;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault {
    display: flex;
    flex-direction: column;
    background: #FFF;
    align-items: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
    width: 330px !important;
    aspect-ratio: 1/1;
    height: auto !important;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
    display: flex;
    justify-content: center;
    background: #ffffff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
    width: 330px !important;
    height: 330px !important;
    object-fit: contain;
    object-position: center;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor {
    margin-top: 32px;
    background: transparent;
    height: 72px;
    left: 0;
    background: #fff;
    position: unset !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumbsContainer {
    display: flex;
    justify-content: center;
    width: max-content;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb {
    width: 60px;
    height: 60px;
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
    display: none;
  }
}
@media all and (max-width: 360px) {
  .royal-slider-ui-01 .slide-status {
    left: 252px;
  }
}
@media all and (min-width: 415px) and (max-width: 767px) {
  .royal-slider-ui-01 {
    padding: 0;
  }
  .royal-slider-ui-01 .slide-status {
    top: 28px;
    right: auto;
    left: 315px;
  }
  .royal-slider-ui-03 {
    flex: 1;
  }
  .royal-slider-ui-03.royalSlider {
    width: 100%;
    height: 346px;
    overflow: hidden;
  }
  .royal-slider-ui-03.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
    margin-left: 0 !important;
    margin-bottom: 48px;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
    background: #ffffff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
    width: 240px !important;
    height: 240px !important;
    margin: 40px auto 40px auto !important;
    object-fit: contain;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContainer {
    /*margin-top: 24px;*/
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
    background: transparent;
    bottom: 20px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
    padding: 0;
    width: 6px;
    height: 6px;
    margin-right: 8px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
    margin-right: 0;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C4C4C4;
    opacity: 0.6;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
    background: #787878;
    opacity: 1;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider {
    width: 100% !important;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault {
    display: flex;
    flex-direction: column;
    background: #FFF;
    align-items: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
    width: 330px !important;
    aspect-ratio: 1/1;
    height: auto !important;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
    display: flex;
    justify-content: center;
    background: #ffffff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
    width: 330px !important;
    height: 330px !important;
    object-fit: contain;
    object-position: center;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor {
    margin-top: 32px;
    background: transparent;
    height: 72px;
    left: 0;
    background: #fff;
    position: unset !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumbsContainer {
    display: flex;
    justify-content: center;
    width: max-content;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb {
    width: 60px;
    height: 60px;
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsHor .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .royal-slider-ui-01 {
    padding: 32px 0;
    overflow: hidden;
  }
  .royal-slider-ui-01 .slide-status {
    width: 40px;
    height: 21px;
    right: auto;
    left: calc(50% - 352px + 648px);
  }
  .royal-slider-ui-03 {
    flex: 1;
  }
  .royal-slider-ui-03.royalSlider {
    width: 100%;
    height: 562px;
    overflow: hidden;
  }
  .royal-slider-ui-03.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
    margin-left: 0 !important;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
    background: #ffffff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 44px auto 48px auto !important;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
    background: transparent;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
    padding: 0;
    width: 6px;
    height: 6px;
    margin-right: 8px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
    margin-right: 0;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C4C4C4;
    opacity: 0.6;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
    background: #787878;
    opacity: 1;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
    width: 610px !important;
    margin-left: 152px !important;
    background: #ffffff;
    color: #FFF;
    border-radius: 8px;
    border: 1px solid #E6E6E7;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
    display: flex;
    justify-content: center;
    background: #ffffff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 20px !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
    display: none;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
    display: none;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .royal-slider-ui-01 {
    padding: 32px 0;
    overflow: hidden;
  }
  .royal-slider-ui-01 .slide-status {
    width: 40px;
    height: 21px;
    right: auto;
    left: calc(50% - 352px + 648px);
  }
  .royal-slider-ui-03 {
    flex: 1;
  }
  .royal-slider-ui-03.royalSlider {
    width: 100%;
    height: 562px;
    overflow: hidden;
  }
  .royal-slider-ui-03.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
    margin-left: 0 !important;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
    background: #ffffff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 44px auto 48px auto !important;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets {
    background: transparent;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet {
    padding: 0;
    width: 6px;
    height: 6px;
    margin-right: 8px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet:last-child {
    margin-right: 0;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C4C4C4;
    opacity: 0.6;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsBullets .rsBullet.rsNavSelected span {
    background: #787878;
    opacity: 1;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
    width: 610px !important;
    margin-left: 152px !important;
    background: #ffffff;
    color: #FFF;
    border-radius: 8px;
    border: 1px solid #E6E6E7;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
    display: flex;
    justify-content: center;
    background: #ffffff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 20px !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
    display: none;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
    display: none;
  }
}
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .royal-slider-ui-03.royalSlider {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 715px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
    margin-left: 61px !important;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
    background: #ffffff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 28px auto !important;
    cursor: zoom-in;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
    width: 610px !important;
    margin-left: 152px !important;
    background: #ffffff;
    color: #FFF;
    border-radius: 8px;
    border: 1px solid #E6E6E7;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
    display: flex;
    justify-content: center;
    background: #ffffff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 20px !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
    display: none;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
    display: none;
  }
  .royal-slider-ui-01 .slide-status {
    display: none;
  }
}
@media all and (min-width: 1680px) {
  .royal-slider-ui-03.royalSlider {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 715px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow {
    margin-left: 61px !important;
    background: #ffffff;
    color: #FFF;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsSlide {
    background: #ffffff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 28px auto !important;
    cursor: zoom-in;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-03.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider {
    width: 850px;
    height: 610px;
    overflow: hidden;
    border-radius: 8px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault {
    background: #FFF;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow {
    width: 610px !important;
    margin-left: 152px !important;
    background: #ffffff;
    color: #FFF;
    border-radius: 8px;
    border: 1px solid #E6E6E7;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsSlide {
    display: flex;
    justify-content: center;
    background: #ffffff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsImg {
    object-fit: contain;
    object-position: center;
    margin: 20px !important;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsOverflow .rsContent {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow {
    width: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft {
    left: 90px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {
    background: url(/Content/Images/Icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight {
    right: 48px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {
    background: url(/Content/Images/Icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px auto;
    background-color: #F8F8F8;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsArrow .rsArrowIcn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-top: 0;
    top: 213.5px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer {
    background: transparent;
    height: 100%;
    left: 0;
    background: #fff;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb:nth-child(n+7) {
    display: none;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb img {
    width: 61px;
    height: 61px;
    object-fit: cover;
    object-position: center;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected {
    opacity: 1;
    background: transparent;
    border: 2px solid #D06945;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsThumbsVer .rsThumb.rsNavSelected img {
    opacity: 1;
  }
  .royal-slider-ui-04.royalSlider.rsDefault .rsFullscreenBtn {
    display: none;
  }
  .royal-slider-ui-01 .slide-status {
    display: none;
  }
}
.comp-layout-showcase-01 .c-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.comp-layout-showcase-01 .c-unit-02 {
  position: absolute;
  bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .tabber-container {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .tabber-container .tabber-header {
    height: 60px;
    padding: 0 0 0 20px;
    background-color: #F8F8F9;
  }
  .tabber-container .tabber-header .tab-head-item {
    margin: 2px 20px 2px 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1B1B1B;
    border-bottom: 2px solid #F8F8F9;
    transition: border 0.3s;
  }
  .tabber-container .tabber-header .tab-head-item.on {
    border-bottom: 2px solid #1B1B1B;
  }
  .tabber-container .tabber-header:after {
    content: "";
    display: flex;
  }
  .tabber-container .tabber-body .tab-content-item .tab-content {
    padding: 24px 20px 24px 20px;
  }
}
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1279px) {
  .tabber-container {
    width: 704px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }
  .tabber-container .tabber-header {
    height: 60px;
    padding: 0 0 0 32px;
    background-color: #F8F8F9;
  }
  .tabber-container .tabber-header .tab-head-item {
    margin: 2px 20px 2px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1B1B1B;
    border-bottom: 2px solid #F8F8F9;
    transition: border 0.3s;
  }
  .tabber-container .tabber-header .tab-head-item.on {
    border-bottom: 2px solid #1B1B1B;
  }
  .tabber-container .tabber-header:after {
    content: "";
    display: flex;
    padding: 0 32px 0 0;
  }
  .tabber-container .tabber-body .tab-content-item .tab-content {
    padding: 42px 28px 42px 28px;
  }
}
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1280px) {
  .tabber-container {
    width: 1240px;
    padding: 4px 4px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  }
  .tabber-container .tabber-header {
    height: 68px;
    padding: 0 28px;
    background-color: #F8F8F9;
    border-radius: 6px;
  }
  .tabber-container .tabber-header .tab-head-item {
    margin: 2px 28px 2px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1B1B1B;
    border-bottom: 2px solid #F8F8F9;
    transition: border 0.3s;
  }
  .tabber-container .tabber-header .tab-head-item:last-child {
    margin-right: 0;
  }
  .tabber-container .tabber-header .tab-head-item.on {
    border-bottom: 2px solid #1B1B1B;
  }
  .tabber-container .tabber-body .tab-content-item .tab-content {
    padding: 42px 28px 42px 28px;
  }
}
/* MD */
/* LG */