@font-face {
font-family: 'pretendard';
src: url(/e45abc28d4828e92dd10.otf) format('opentype');
font-weight: 100;
}
@font-face {
font-family: 'pretendard';
src: url(/c1677723ce338097648f.otf) format('opentype');
font-weight: 200;
}
@font-face {
font-family: 'pretendard';
src: url(/65372b5df865e8aa758a.otf) format('opentype');
font-weight: 300;
}
@font-face {
font-family: 'pretendard';
src: url(/57ca7a4b20797e3b9625.otf) format('opentype');
font-weight: 400;
}
@font-face {
font-family: 'pretendard';
src: url(/902a118c9bf50b588451.otf) format('opentype');
font-weight: 500;
}
@font-face {
font-family: 'pretendard';
src: url(/4b3283bc0e29a9c97c11.otf) format('opentype');
font-weight: 600;
}
@font-face {
font-family: 'pretendard';
src: url(/4e72d46e664b88a6b5c8.otf) format('opentype');
font-weight: 700;
}
@font-face {
font-family: 'pretendard';
src: url(/fa944c3a241cdef4584a.otf) format('opentype');
font-weight: 800;
}
@font-face {
font-family: 'pretendard';
src: url(/ed4fa19a4df95cb6740b.otf) format('opentype');
font-weight: 900;
}
/* �덉떆�뚯씪 */
:root {
--layout-color: #fff;
}
#app {
max-width: 1920px;
margin: 0 auto;
}
/* body {
font-family: 'pretendard', sans-serif;
} */
/* Pagination */
.pagination__btn:hover,
.pagination__btn.is-active {
background-color: unset;
}
/* Tabs */
.tabs__item {
border-bottom: 1.5px solid transparent;
flex: unset;
min-width: 144px;
text-align: center;
}
.tabs__item button {
font-size: 16px;
font-weight: 500;
}
.tabs__list .tabs__item button {
font-size: 24px;
}
.truncate-1-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.truncate-2-line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media screen and (max-width: 1023px) {
.mo-none {
display: none;
}
}
@media screen and (min-width: 1024px) {
.pc-none {
display: none;
}
}
/* Product List */
.total-sort {
position: unset;
}
.thumb-item {
width: unset;
flex: unset;
}
.breadcrumb__section {
padding: 0;
font-size: 30px;
font-weight: 600;
}
.breadcrumb {
margin: 28px 0;
@media (min-width: 1024px) {
margin: 0;
}
}
.breadcrumb__link {
color: #adadad;
}
.breadcrumb__section::after {
content: unset;
}
.breadcrumb__toggle span::after {
content: unset;
}
.breadcrumb__link::after {
content: '/';
transform: unset;
border: unset;
margin: 0 10px;
width: unset;
height: unset;
}
.select-box--sort select {
padding: 0;
}
.total-sort {
position: unset;
border: unset;
background: unset;
padding: unset;
/* margin-bottom: 24px; */
}
.total-sort__select-box {
border: unset;
color: #a3a3a3;
font-size: 14px;
font-weight: normal;
}
.select-box--sort::before {
content: unset;
}
.thumb-GALLERY {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 24px;
row-gap: 72px;
height: fit-content;
padding: 0;
}
.not-found-product {
align-items: unset;
padding: 150px 0;
}
.product-thumb-title {
font-size: 16px;
color: #151515;
font-weight: normal;
margin-bottom: 12px;
}
.product-content__title {
font-size: 14px;
}
.product-content__text {
font-size: 13px;
}
.product-content__certification--duty-info dt {
width: 80px;
}
.product-content__certification--duty-info dd {
flex: 1;
width: 100%;
}
.product-thumb-price-info {
font-size: 20px;
font-weight: 500;
color: #151515;
}
.product-thumb-price {
font-size: 20px;
font-weight: 500;
color: #151515;
}
.product-category {
color: #151515;
font-size: 15px;
margin-bottom: 2px;
text-transform: uppercase;
font-weight: 700;
line-height: 140%;
}
.thumb-item__info {
padding: 10px 10px 10px 0;
}
.thumb-item-badges {
top: -32px;
}
.thumb-item-badges .badge {
display: flex;
justify-content: center;
align-items: center;
height: 20px;
padding: 0 10px;
background: #000;
font-size: 12px;
font-weight: 600;
color: #fff;
}
/* Product Detail */
.wrapper-product-detail {
/* 紐⑤컮�� �곸꽭 �섏씠吏� �덉씠�꾩썐 爰좎졇 二쇱꽍 泥섎━ */
/* display: flex;
justify-content: center; */
}
.product-detail {
display: flex;
flex-wrap: wrap;
max-width: 1300px;
margin: 0 auto;
padding-bottom: 20px;
padding-top: 20px;
}
.product-detail > div:nth-child(1) {
width: 60%;
display: flex;
}
.product-detail > div:nth-child(3) {
width: 100%;
}
.product-detail .tabs {
position: unset;
border-bottom: 1px solid #adadad;
}
.product-detail .tabs li {
width: 100%;
}
.product-detail .tabs__item button {
padding: 5px 20px 16px;
font-size: 16px;
font-weight: 600;
color: #adadad;
}
.product-detail .tabs__item.on {
border-bottom: 2px solid #000;
}
.product-detail .tabs__item.on button {
color: #000;
}
.product-detail .product-content-review {
padding: 0 !important;
}
.product-detail.purchase {
position: unset;
}
.related-product {
width: 100%;
}
section.l-panel.product-content {
box-shadow: unset;
margin-left: 80px;
max-width: calc(60% - 80px);
width: 100%;
}
section.l-panel.related-product {
box-shadow: unset;
}
.related-product__items {
padding: 0;
/* display: flex; */
}
.product-summary__brand-name {
color: #151515;
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
}
.product-summary__title {
margin-top: 0;
color: #151515;
font-size: 18px;
font-weight: normal;
line-height: 1.07;
}
.product-summary__rating {
display: flex;
gap: 8px;
margin-bottom: 12px;
align-items: center;
& > span > svg {
width: 16px;
height: 16px;
}
.star {
display: flex;
}
}
.product-summary__rating-number {
color: #999999;
font-size: 12px;
font-weight: normal;
}
.product-summary__off-percent {
color: var(--semantic-fill-primary);
font-size: 20px;
font-weight: 800;
margin-right: 0;
line-height: 140%;
}
.product-summary__off-percent span {
color: var(--semantic-fill-primary);
font-size: 20px;
font-weight: 800;
margin-right: 8px;
margin-left: 0;
vertical-align: unset;
}
.product-summary__discounted-price {
color: #151515;
font-size: 20px;
font-weight: 800;
display: flex;
}
.product-summary__discounted-price span {
font-weight: 800;
margin-left: 0;
}
.product-summary__original-price {
color: #999;
font-size: 14px;
margin-left: 8px;
margin-top: 6px;
line-height: 140%;
}
.product-summary__vouncher {
color: #151515;
font-size: 14px;
font-weight: normal;
margin-top: 8px;
}
.product-summary__price {
display: flex;
align-items: center;
}
.product-summary__price-detail {
display: flex;
align-items: center;
justify-content: start;
font-weight: 500;
}
.product-summary__price-info {
margin-top: unset;
display: block;
}
.product-summary__freight {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.product-summary__freight dd {
font-weight: 300;
}
@media (max-width: 1023px) {
.product-summary__freight {
gap: 0;
}
}
.product-summary__freight dd + dd {
margin: 6px 0 0;
font-weight: 400;
line-height: 1.5;
}
.product-summary__freight-line {
border-bottom: 1px solid #eaeaea;
padding-top: 24px;
padding-bottom: 24px;
margin-top: 24px;
}
.product-summary__freight-line select {
height: 48px;
display: flex;
align-items: center;
justify-content: center;
text-indent: 16px;
}
.product-summary__freight-line .select-box {
position: relative;
width: 100%;
display: inline-block;
border: 1px solid #cccccc;
margin-top: 16px;
border-radius: 3px;
}
.product-summary__freight-line .select-box::after {
width: 24px;
height: 24px;
background-position: unset;
background-image: url(/icon_arrow_black_thin..svg?387bf358a7bdee918e06);
}
.product-summary__freight-line label {
color: #151515;
font-size: 14px;
width: calc(20% - 4px);
height: 36px;
}
.product-summary__color {
margin-bottom: 28px;
}
.product-summary__size span {
color: #151515;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
}
.product-summary__size img {
margin-left: 8px;
}
.product-summary__size-content {
margin-top: 16px;
margin-bottom: 0;
justify-content: start;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.product-summary__size-header {
display: flex;
justify-content: space-between;
height: 19px;
}
.radio-container {
display: grid;
grid-template-columns: repeat(5, auto);
gap: 10px;
}
.radio-label {
display: flex;
justify-content: center;
align-items: center;
width: 66px;
height: 30px;
cursor: pointer;
color: #151515;
font-weight: 500;
font-size: 14px;
position: relative;
}
.radio-label input {
display: none;
}
.radio-label span {
display: block;
width: 100%;
text-align: center;
}
.radio-label input:disabled + span {
background-color: #f3f3f3;
color: #adadad;
cursor: not-allowed;
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.radio-label input:checked + span {
background-color: #000;
color: white;
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.radio-label input:not(:checked):not(:disabled) + span {
background-color: white;
color: #000;
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border: solid 1px #ccc;
border-radius: 4px;
}
.product-summary__size-out-of-stock span {
color: var(--semantic-fill-primary) !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.product-summary__info {
margin-top: 24px;
margin-bottom: 40px;
}
.product-summary__info .info-row {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.product-summary__info .info-row.two {
align-items: flex-start;
}
.product-summary__info .label {
width: 89px;
line-height: 1.5;
font-size: 14px;
font-weight: 600;
color: #585858;
}
.product-summary__info .value {
flex: 1;
white-space: pre-line;
line-height: 1.5;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 300;
color: #585858;
}
.product-summary dd {
color: #585858;
letter-spacing: -0.5px;
padding-left: 0;
font-size: 14px;
}
.product-summary__info .tooltip {
margin-left: 8px;
cursor: pointer;
display: flex;
align-items: center;
}
.product-summary__btn button {
background: #fff;
border: 1px solid #cccccc;
height: 52px;
border-radius: 4px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600;
width: 100%;
color: #000;
}
.product-summary__btn {
display: flex;
gap: 8px;
}
.product-summary__btn button:first-child {
padding: unset;
max-width: 52px;
}
.sc-purchase-button:disabled {
background-color: #e0e0e0 !important;
color: #a0a0a0 !important;
}
.sc-cart-button:disabled {
background-color: #e0e0e0 !important;
color: #a0a0a0 !important;
}
.product-summary__btn button:last-child {
background-color: #000000;
color: #ffffff;
}
.inquiry-item__status-label {
font-size: 14px;
font-weight: 500;
padding: 4px 15px;
border-radius: 12px;
display: inline-block;
margin: 0;
background-color: #151515;
border: 1px solid #151515;
}
.inquiry-item__status-label--ready {
background-color: #f2f3f4;
border: 1px solid transparent;
color: unset;
font-size: 14px;
}
.inquiry-item.is-active .inquiry-item__content {
margin-top: unset;
}
.inquiry-item {
cursor: pointer;
}
.inquiry-item__info {
display: block;
}
.inquiry-item__sub {
display: flex;
}
.inquiry-item__wrapper {
display: flex;
align-items: center;
margin-top: 17px;
margin-bottom: 32px;
}
.inquiry-item__top {
justify-content: end;
padding-top: 0;
}
.inquiry-item__top p:first-child {
margin-right: 17px;
position: relative;
color: #000;
font-size: 14px;
}
.inquiry-item__top p:first-child::after {
content: '|';
position: absolute;
right: -10px;
}
.inquiry-item__date {
margin-top: 0;
font-size: 14px;
}
.inquiry-item__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.inquiry-item__bottom {
margin-top: 32px;
}
.inquiry-item + .inquiry-item {
margin-top: 0;
border-top: 1px solid #cccccc;
}
.product-board-list ul {
border-top: unset;
}
.inquiry-item.is-active .inquiry-item__text--answer {
border-top: 1px solid #cccccc;
margin-bottom: 32px;
}
.product-content__box {
padding: 48px 0 0 0;
}
.product-board-list__search {
padding-bottom: 16px;
margin-bottom: 0;
border-bottom: 2px solid #151515;
}
.product-board-list__search p {
font-weight: bold;
font-size: 16px;
display: flex;
justify-content: space-between;
width: 100%;
}
.product-board-list__items {
margin-top: 0;
}
.product-board-list__search span {
font-size: 14px;
font-weight: normal;
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
}
.related-product__title {
font-size: 30px;
font-weight: 600;
margin: 24px 0;
text-align: left;
}
.purchase__option {
width: 100% !important;
padding: 0 !important;
}
.related-product__item {
margin-right: unset;
max-width: unset;
width: unset;
}
.product-content__more-btn button {
border: 1px solid var(--default-color);
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
font-weight: 500;
}
.purchase__like-btn {
border: unset;
background-color: transparent;
}
.inquiry-item__qna-answer {
display: none;
}
.product-content__content .product-content__more-btn {
background: none;
}
@media (max-width: 1023px) {
.product-summary dd {
font-size: 13px;
}
.product-content__more-btn button {
border-color: #ccc;
gap: 6px;
font-size: 14px;
font-weight: 500;
color: #151515;
height: 40px;
border-radius: 3px;
}
.product-content__content .product-content__more-btn::before {
bottom: 39px;
}
.inquiry-item.is-active .inquiry-item__text--answer {
border-top: 1px solid transparent;
margin-bottom: 20px;
padding: 16px;
font-size: 12px;
font-weight: 400;
color: #151515;
line-height: 1.75;
}
.inquiry-item__secret {
font-size: 12px;
font-weight: 400;
color: #000;
}
.inquiry-item__qna-answer {
display: block;
font-weight: 500;
line-height: 1.75;
}
.inquiry-item__status-label--ready {
border-radius: 9px;
font-size: 11px;
display: flex;
justify-content: center;
align-items: center;
width: 58px;
height: 18px;
white-space: nowrap;
}
.inquiry-item__date {
position: absolute;
top: 0;
right: 2px;
font-size: 11px;
color: #999;
line-height: 1.45;
margin-top: 2px;
}
.inquiry-item__status-label {
border-radius: 9px;
font-size: 11px;
display: flex;
justify-content: center;
align-items: center;
width: 58px;
height: 18px;
white-space: nowrap;
}
.inquiry-item__top p:first-child {
margin: 0;
font-size: 12px;
}
.inquiry-item__top p:first-child::after {
content: none;
}
.inquiry-item + .inquiry-item {
border-top: 1px solid #e5e5e5;
}
.inquiry-item__wrapper {
margin-top: 8px;
margin-bottom: 20px;
}
.product-content__box {
padding: 21px 16px;
}
.product-summary__price-detail {
gap: 4px;
flex-wrap: wrap;
align-items: flex-end;
padding-right: 4px;
margin-bottom: 0;
}
.product-summary__discounted-price .product-summary__price {
font-size: 13px;
line-height: 140%;
align-items: center;
}
.product-summary__off-percent {
font-size: 13px;
font-weight: 800;
line-height: 140%;
}
.product-summary__off-percent span {
font-weight: 800;
font-size: 13px;
margin-right: 0;
}
.product-summary .product-summary__off-percent {
font-size: 18px;
}
.product-summary .product-summary__off-percent span {
font-size: 18px;
}
.product-summary__price {
font-weight: 800;
}
.product-summary__brand-name {
font-size: 13px;
color: #222;
margin-bottom: 0;
line-height: 140%;
}
.product-summary__title {
font-size: 18px;
font-weight: 400;
color: #222;
margin-bottom: 0;
margin-top: 0;
line-height: 140%;
}
.product-summary__rating {
margin-bottom: 12px;
gap: 5px;
}
.product-summary__rating-number {
font-size: 12px;
}
.product-summary__discounted-price {
font-size: 18px;
line-height: 1;
}
.product-summary__discounted-price span {
font-size: 18px;
line-height: 140%;
font-weight: 800;
}
.product-summary__original-price {
color: #999;
font-size: 13px;
margin: 0;
width: 100%;
line-height: 140%;
}
.product-summary__info {
margin-top: 16px;
margin-bottom: 24px;
}
.product-summary__info .info-row {
margin-bottom: 8px;
}
.product-summary__info .label {
width: 72px;
font-size: 13px;
}
.product-summary__info .value {
font-size: 13px;
font-weight: 300;
}
.product-summary__info .tooltip {
margin-left: 4px;
width: 16px;
height: 16px;
}
.product-summary__info .tooltip img {
width: 100%;
}
.product-detail .tabs {
margin: 0;
gap: unset;
position: sticky;
top: 42px;
padding-top: 16px;
}
.product-detail .tabs__item button {
font-size: 14px;
padding: 9px 24px;
font-weight: 400;
}
.purchase__like-btn {
width: 2rem;
height: 2rem;
padding: 0;
}
.product-info button {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
}
.product-info button img {
width: 20px;
height: 20px;
}
.product-category {
font-size: 12px;
margin-bottom: 2px;
text-transform: uppercase;
color: #151515;
line-height: 140%;
padding-right: 4px;
}
section.l-panel.product-content {
max-width: 100%;
}
.thumb-item-badges {
top: -28px;
}
.thumb-item-badges .badge {
display: flex;
justify-content: center;
align-items: center;
height: 20px;
padding: 0 9px;
background: #000;
font-size: 10px;
font-weight: 600;
color: #fff;
}
/* 留덉씠�섏씠吏� */
.thumb-item__info {
padding: 0;
}
}
.wrapper-order-sheet {
display: flex;
justify-content: center;
}
.order-sheet {
width: 1300px;
max-width: 1300px;
}
@media (min-width: 1024px) and (max-width: 1280px) {
.product-detail {
padding-left: 64px;
padding-right: 64px;
}
.product-detail > div:nth-child(2) {
max-width: 448px;
}
.product-summary__btn button {
padding: 19px 29px;
}
.product-summary__info .value {
color: #151515;
}
.inquiry-item__info {
padding-left: 8px;
padding-right: 16px;
}
.product-board-list__search span {
gap: 6px;
}
.product-info button {
width: 24px;
height: 24px;
}
}
@media (min-width: 1280px) and (max-width: 1280px) {
.product-detail > div:nth-child(1) {
width: 61%;
}
section.l-panel.product-content {
max-width: calc(60% - 67px);
}
}
@media (min-width: 1024px) {
.l-content {
margin-bottom: 60px;
}
.l-content.review {
max-width: 1300px;
margin: 0 auto;
}
.total-sort {
margin-bottom: 23px;
}
.spanArrowIcon {
margin-right: 8px;
}
.thumb-item__info {
padding-top: 0;
margin-top: 7px;
}
.product-thumb-title {
line-height: 1;
margin-bottom: 3px;
}
.product-content__title {
font-size: 16px;
font-weight: 700;
margin: 16px 0;
}
.product-content__text {
font-size: 15px;
}
.product-content__certification--duty-info dt {
width: 150px;
}
.product-content__certification--duty-info dd {
margin-left: 11px;
}
.product-summary__off-percent,
.product-summary__off-percent span {
font-size: 16px;
}
.product-summary .product-summary__off-percent,
.product-summary .product-summary__off-percent span {
font-size: 20px;
}
.product-category {
font-size: 16px;
margin-bottom: 2px;
}
.inquiry-item__wrapper {
}
section.l-panel.product-content {
margin-top: 96px;
}
.product-detail > div:nth-child(2) {
width: 100%;
max-width: 448px;
padding: 0 0 0 80px;
position: sticky;
top: 0;
}
}
@media (min-width: 1281px) {
.l-content {
}
/* .total-sort {
margin: 23px 0;
}
.spanArrowIcon {
margin-right: 8px;
}
.thumb-item__info {
padding-top: 4px;
margin-top: 15px;
}
.product-thumb-title {
line-height: 1;
} */
}
.find-id-result__link {
width: 50%;
height: 40px;
font-size: 12px;
line-height: 40px;
border-radius: 5px;
}
.find-id-result__link--login {
border: none;
background-color: #151515;
color: #fff;
}
@media screen and (min-width: 1024px) {
.find-id-result__link {
height: 48px;
font-size: 16px;
line-height: 48px;
}
}
@charset 'utf-8';
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); */
:root {
--whole-color: #fff;
--background-color: #f5f6f8;
--point-color: #151515;
--point-color-secondary: #2869f7;
--black-color: #111;
--dark-gray-color: #262626;
--empty-color: #f5f6f8;
--default-color: #ddd;
--blue-gray-color: #3f434c;
--gray-color: #999;
--gray-font-color: #828282;
--tooltip-bg-color: #f7f7f7;
--default-font-color: #181818;
--semantic-fill-primary: #ff7325;
--semantic-fill-black: #232323;
--semantic-text-secondary: #818181;
}
/* * {
margin-top: 20px !important;
} */
.check-radio__ico {
border-radius: 3px;
}
.check-radio input:checked ~ :where(.check-radio__ico) {
background-color: var(--semantic-fill-black);
border-color: var(--semantic-fill-black);
}
.l-panel {
border: unset;
}
.search-modal__full {
width: 100%;
max-width: 100%;
height: 100%;
overflow-y: auto;
}
main.copy-content {
min-height: calc(100vh - 50px - 65px);
}
.member-modify-phone-name-btn-wrap {
margin-top: 16px;
}
.member-modify-phone-name {
display: none;
}
.member-modify-phone-name-btn {
height: 48px;
background-color: #151515;
color: #fff;
font-size: 16px;
border-radius: 4px;
padding: 15px 24px;
margin-top: 0;
}
@media screen and (max-width: 1023px) {
.title-modal--full {
min-width: 320px;
width: 100%;
}
.title-modal--full .title-modal__content {
min-width: auto;
width: 100%;
}
}
.inquiry-ans__wrapper p {
font-size: 14px;
line-height: 26px;
}
.page__bottom-fixed {
padding-bottom: 70px;
}
@media screen and (max-width: 1023px) {
.modal.order-table {
width: 100%;
}
.modal.order-table .title-modal {
width: 100% !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.member-modify-phone-name-btn-wrap {
width: 100%;
margin-top: 0;
}
.member-modify-phone-name-btn-wrap .description.alert {
margin-top: 10px;
margin-bottom: 0;
}
.member-modify-phone-name-btn {
height: 40px;
background-color: #151515;
color: #fff;
font-size: 14px;
border-radius: 3px;
padding: 11.6667px;
margin-top: 0;
}
.modal.position-bottom {
top: auto;
left: 0;
bottom: 0;
transform: translate(0);
width: 100%;
border-radius: 0 !important;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
}
.modal.hidden .hidden {
overflow: hidden;
}
.modal.mo-copy-modal {
max-width: 300px;
min-width: 300px;
}
.delete-btn-none .title-modal img {
display: none;
}
.modal.mo-copy-modal .title-modal {
max-width: 100%;
}
.modal.mo-copy-modal .board-form__button-group button {
height: 40px;
padding: 0;
}
.modal.position-bottom.inquiry-select .title-modal {
padding: 20px 0 26px !important;
}
}
@media screen and (min-width: 1024px) {
.search-modal__full {
top: 0 !important;
max-height: 864px;
transform: translateX(-50%) !important;
overflow-y: auto;
}
main.copy-content {
min-height: calc(100vh - 72px - 126px);
}
main.questionnaire {
display: flex;
align-items: center;
min-height: calc(100vh - 72px - 126px);
}
main.questionnaire + footer {
display: block;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
main.copy-content {
min-height: calc(100vh - 95px - 126px);
}
}
.modal-custom-radius {
@media screen and (min-width: 1024px) {
border-radius: 8px;
}
}
#modal- {
@media screen and (min-width: 1024px) {
.modal {
border-radius: 8px;
.modal__content {
min-height: 190px;
.modal__text {
font-size: 16px;
padding: 0 16px;
}
}
.modal__btns {
border-top: 0;
padding: 0 32px 32px 32px;
font-size: 16px;
font-weight: 600;
gap: 8px;
button {
border: 1px solid #ccc;
border-radius: 4px;
padding: 16px 0;
}
button[data-testid='confirm-btn'] {
background: #151515;
color: #fff;
}
}
}
}
}