/*----------------------------------------------------------------------------reset css----------------------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin: 0; padding: 0; } 
html { width: 100%; height: 100%; font-size: 62.5%; } 
body, button, pre { color: #000; font-size: 1.4rem; line-height: 1.5; } 
h1, h2, h3, h4, h5, h6 { font-weight: normal; } 
img, fieldset { border: 0 none; } 
img { vertical-align: top; max-width: 100%; } 
li { list-style: none; } 
hr, caption, legend { display: none; } 
a { color: #000; text-decoration: none; outline: none; } 
button { cursor: pointer; background-color: #fff; border:none; outline: none; } 
address, em { font-style: normal; } 
button, input, select, textarea, a { vertical-align: middle; font-family: var(--font-family) } 
input, select, textarea { color: #000; font-size: 1.4rem; line-height: 1.5; font-family: var(--font-family) } 
select { position: relative; height: 1.8rem; } 
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: auto; word-wrap: break-word; word-break: keep-all; } 
table img { vertical-align: middle; } 
.chk-rdo { width: 1.4rem; height: 1.4rem; vertical-align:-.3rem } 

.blind { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; color: transparent; } 
.ir * { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; color: transparent; } 
body { font-family: var(--font-family) } 
* { box-sizing: border-box; } 

/*----------------------------------------------------------------------------pc/mo base----------------------------------------------------------------------------*/

:root { --primary-blue:#2275FC; --primary-red:#FF4330; --primary-black:#111; --primary-grey:#666; --secondary-grey : #F8F8F8; --font-family: "Pretendard", "Noto Sans KR", sans-serif; } 

.is-hidden { display:none!important; position: absolute!important; overflow: hidden!important; width: 0!important; height: 0!important; font-size: 0!important; line-height: 0!important; visibility: hidden!important; color: transparent!important; } 
.visibility-hidden { visibility: hidden; } 
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } 
.no-scrollbar::-webkit-scrollbar { display: none; } 
input,button,select { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } 
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 3px #fff inset; -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } 
input[type='date'] { width:16rem; border-radius: .5rem; height: 4.2rem; border: 1px solid #CCC; padding: 0 1.2rem 0 1.2rem; font-size: 1.4rem; font-weight: 400; outline: none; color: rgb(0, 0, 0); position: relative; background-color: #fff; } 
input[type="date" i]::-webkit-calendar-picker-indicator { width: 1.8rem; height: 1.8rem; cursor: pointer; background-size: contain; padding: 0; } 
input[type='text']:disabled, input[type='number']:disabled, input[type='file']:disabled { border:1px solid transparent; padding-left:0; } 
input[type='text']:read-only, input[type='number']:read-only, input[type='file']:read-only { border:1px solid transparent; background-color: transparent; } 
input[type='text']::placeholder,input[type='password']::placeholder,input[type='number']::placeholder,textarea::placeholder { color:#999; } 
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
input[type='number'] { -moz-appearance: textfield; } 

/* input checkbox radio css */
input[type='checkbox'] { width: 1.8rem; height: 1.8rem; position: relative; cursor : pointer; } 
input[type='checkbox']:before { content: ""; width: 1.8rem; height: 1.8rem; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_checkbox_disabled_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='checkbox']:checked:before { width: 2.4rem; height: 2.4rem; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_checkbox_active_D.svg); } 

input[type='checkbox'] { width: 1.8rem; height: 1.8rem; position: relative; cursor : pointer; } 
input[type='radio'] { width: 1.8rem; height: 1.8rem; position: relative; cursor : pointer; } 
input[type='radio']:before { content: ""; width: 1.8rem; height: 1.8rem; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_disabled_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='radio']:checked:before { width: 1.8rem; height: 1.8rem; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_active_D.svg); } 
input[type='radio']:disabled:before { content: ""; width: 1.8rem; height: 1.8rem; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_disabled01_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='file' i]::-webkit-file-upload-button { display: none; } 

/* icons */
.currency-toggle-icon { display: inline-block; width: 2.4rem; height: 2.5rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/product_price_change_icon_D.svg?date=250716); background-repeat: no-repeat; } 
.cart-icon { display: inline-block; width: 1.8rem; height: 1.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/cart_icon_D.svg); background-repeat: no-repeat; } 
.thumbs-up-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/thumbs_up_icon_D.svg); background-repeat: no-repeat; } 
.share-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/share_icon_D.svg); background-repeat: no-repeat; } 
.prev-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_l_D.svg); background-repeat: no-repeat; } 
.next-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_r_D.svg); background-repeat: no-repeat; } 
.list-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/list_icon_D.svg); background-repeat: no-repeat; } 
.qr-icon { display: inline-block; width: 2rem; height: 2rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/qr_icon_D.svg); background-repeat: no-repeat; } 
.qr-icon--sm { width:2.2rem; height:2.2rem; } 
.qr-lg-icon { display: inline-block; width: 2.6rem; height: 2.6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/qr_lg_icon_D.svg?date=250718); background-repeat: no-repeat; } 
.arrow-up-right-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_tail_r_D.svg); background-repeat: no-repeat; transform: rotate(-45deg); } 
.arrow-right-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_tail_r_D.svg); background-repeat: no-repeat; } 
.arrow-rounded-left-icon { display: inline-block; width: 2.2rem; height: 2.2rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_rounded_left_icon_D.svg); background-repeat: no-repeat; } 
.arrow-square-right-icon { display: inline-block; width: 2.2rem; height: 2.2rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_square_right_icon_D.svg); background-repeat: no-repeat; } 
.arrow-square-right-lg-icon { display: inline-block; width: 2.6rem; height: 2.6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_square_right_lg_icon_D.svg); background-repeat: no-repeat; } 
.view-icon { display: inline-block; width: 1.6rem; height: 1.6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/user_view_icon_D.svg); background-repeat: no-repeat; } 
.recommend-icon { display: inline-block; width: 1.6rem; height: 1.6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/user_recommend_icon_D.svg); background-repeat: no-repeat; } 
.comment-icon { display: inline-block; width: 1.6rem; height: 1.6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/user_comment_icon_D.svg); background-repeat: no-repeat; } 
.comment-lg-icon { display: inline-block; width: 2rem; height: 1.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/comment_lg_icon_D.svg); background-repeat: no-repeat; } 
.report-icon { display: inline-block; width: 2.2rem; height: 2rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/report_icon_D.svg); background-repeat: no-repeat; } 
.star-icon { display: inline-block; width: 1.8rem; height: 1.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/star_icon_D.svg); background-repeat: no-repeat; } 
.star-active-icon { display: inline-block; width: 1.8rem; height: 1.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/star_active_icon_D.svg); background-repeat: no-repeat; } 
.star-active-icon--sm { width:1.6rem; height:1.6rem; } 
.new-icon { display: inline-block; width: 1.4rem; height: 1.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/new_icon_D.svg); background-repeat: no-repeat; } 
.play-icon { display: inline-block; width: 4.8rem; height: 4.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/video_play_icon_D.svg); background-repeat: no-repeat; } 
.insta-icon { display: inline-block; width: 4rem; height: 4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/insta_icon_D.svg); background-repeat: no-repeat; } 
.insta-icon--sm { width: 2.9rem; height: 2.9rem; } 
.close-icon { display: inline-block; width: 2.6rem; height: 2.6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/re_close_icon_D.svg); background-repeat: no-repeat; } 
.search-delete-icon { display: inline-block; width: 1.6rem; height: 1.6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/search_del_icon_D.svg); background-repeat: no-repeat; } 
.google-play-icon { display: inline-block; width: 2.2rem; height: 2.2rem; background-size: auto; background-image: url(//cdn.malltail.com/goods_img/contents/index/google_icon_D.svg); background-repeat: no-repeat; background-position: center; } 
.appstore-icon { display: inline-block; width: 2.2rem; height: 2.2rem; background-size: auto; background-image: url(//cdn.malltail.com/goods_img/contents/index/appstore_icon_D.svg); background-repeat: no-repeat; background-position: center; } 
.search-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/search_icon_D.svg); background-repeat: no-repeat; } 
.search-icon--gray { filter: invert(64%) sepia(11%) saturate(0%) hue-rotate(203deg) brightness(93%) contrast(91%); } 
.view-card-icon { display: block; width: 2rem; height: 2rem; background-size: contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/view_card_icon_D.svg?date=250618); background-repeat: no-repeat; flex: 0 0 auto; } 
.view-card-icon--active { background-image: url(//cdn.malltail.com/goods_img/contents/index/view_card_icon_active_D.svg); } 
.view-card-icon--sm { width:1.6rem; height:1.6rem; flex: 0 0 auto; } 
.view-list-icon { display: inline-block; width: 2rem; height: 2rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/view_list_icon_D.svg); background-repeat: no-repeat; flex: 0 0 auto; } 
.view-list-icon--active { background-image: url(//cdn.malltail.com/goods_img/contents/index/view_list_icon_active_D.svg); } 
.view-list-icon--sm { width:1.6rem; height:1.6rem; flex: 0 0 auto; } 
.reply-icon { display: inline-block; width: 1.4rem; height: 1.4rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/reply_icon_D.svg); background-repeat: no-repeat; } 
.product-link-icon { display: inline-block; width: 2rem; height: 2rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/product_name_link_icon_D.svg); background-repeat: no-repeat; } 
/* icons */

/* ui pagination */
.ui-pagination { display:flex; align-items: center; justify-content: center; } 
.ui-pagination__list { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 6rem; width: fit-content; gap: 1rem; } 
.ui-pagination__item { width: 4rem; height: 4rem; border-radius: 10rem; color: #333; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; } 
.ui-pagination__item--active { background-color: var(--secondary-grey); font-weight: 700; color:var(--primary-blue); } 
.ui-pagination__item--prev, .ui-pagination__item--next { position: absolute; } 
.ui-pagination__item--prev { left:0; } 
.ui-pagination__item--next { right:0; } 
.ui-pagination__item--disabled { cursor: default; } 
.ui-pagination__item--disabled .arrow-square-right-icon,.ui-pagination__item--disabled .arrow-rounded-left-icon { filter: invert(97%) sepia(15%) saturate(0%) hue-rotate(162deg) brightness(91%) contrast(74%); } 

/*action button */
.action-button-container { display: flex; align-items: center; gap:.8rem; } 
.action-button { display: inline-flex; height: 5rem; padding: 0 1.6rem; justify-content: center; align-items: center; gap: .4rem; border-radius: 1.2rem; color: var(--primary-black); border:1px solid #E0E0E0; font-size: 1.6rem; font-weight:700; background-color: #fff; } 
.action-button--full { width:100%; } 
.action-button--bg-blue { background-color:var(--primary-blue); border:none; color:#fff; } 
.action-button--bg-grey { background-color:var(--primary-grey); border:none; color:#fff; } 
.action-button--bd-blue { border:1px solid var(--primary-blue); color:var(--primary-blue); } 
.action-button--bd-grey { border:1px solid #ccc; color:var(--primary-black); } 
.action-button--sm { height:3.6rem; font-size: 1.4rem; border-radius: .8rem; } 
.action-button--lg { height:6.2rem; font-size: 1.8rem; } 
.action-button--rounded { border-radius: 99.9rem; } 

/* ellipsis [n] */
.ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-word; } 
.ellipsis-2,
.ellipsis-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-word; } 
.ellipsis-2 { -webkit-line-clamp: 2; } 
.ellipsis-3 { -webkit-line-clamp: 3; } 

/*----------------------------------------------------------------------------pc/mo base----------------------------------------------------------------------------*/

/* page layout */
#container { position: relative; padding-bottom: 8rem; } 
.ui-separator { border-bottom:.8rem solid var(--secondary-grey); } 

/* form field */
.form-field__container { position: relative; display: flex; align-items: center; gap: 1rem; } 
.form-field__search { position: absolute; top: 50%; right: .4rem; transform: translate(0, -50%); width: 2.4rem; height: 2.4rem; padding: 1rem; box-sizing: content-box; cursor: pointer; } 
.form-field__search-del { display:none; position: absolute; top: 50%; right: 4.6rem; transform: translate(0, -50%); width: 1.6rem; height: 1.6rem; padding: 1rem; box-sizing: content-box; cursor: pointer; } 
.form-field__input { width:100%; border-radius: 1.2rem; height: 5rem; border: none; padding: 0 4.8rem 0 1.4rem; font-size: 1.6rem; font-weight: 500; outline: none; color: var(--primary-black); position: relative; background-color: #F7F7F9; flex: 1; } 
.form-field__input:focus { outline: 1px solid var(--primary-black); color: var(--primary-black); } 
.form-field__input--board { border:1px solid #eee; background-color:#fff; height:4.8rem; padding: 0 8.8rem 0 2rem; } 
.form-field__input--search { border:none; background-color:var(--secondary-grey); height:4.8rem; padding:0 6rem 0 2.4rem; border-radius: 99.9rem; } 
.form-field__input--search:focus { outline: none; } 
.form-field__input--search-2 { border:none; background-color:#F4F4F4; height:4.8rem; padding:0 6.8rem 0 1.6rem; border-radius: 1.2rem; } 
.form-field__input--search-2:focus { outline: none; } 

/* view toggle button */
.view-toggle { display: inline-flex; align-items: center; } 
.view-toggle__btn { width: 3.6rem; height: 3.6rem; display: flex; align-items: center; justify-content: center; } 
.view-toggle__btn--card { border-radius: .6rem 0 0 .6rem; border: 1px solid #E0E0E0; } 
.view-toggle__btn--list { border-radius: 0 .6rem .6rem 0; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } 

/* ui tooltip */
.ui-tooltip-container { position: relative; } 
.ui-tooltip { background-color: var(--primary-black); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); border-radius: .6rem; padding: .6rem 2.6rem .6rem 1rem; position: absolute; min-width: max-content; } 
.ui-tooltip--top-center { left:50%; top: calc(-100% + .8rem); transform: translateX(-50%); } 
.ui-tooltip--right-center { left: calc(100% + .8rem); top: 50%; transform: translateY(-50%); } 
.ui-tooltip::after { content: ""; position: absolute; bottom: -.5rem; left: 50%; transform: translate(-50%, 0); width: 1.4rem; height: .6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/tooltip_arrow_D.svg); background-repeat: no-repeat; } 
.ui-tooltip--right-center.ui-tooltip::after { transform: translateY(-50%) rotate(90deg); top: 50%; bottom: auto; left: -.9rem; } 
.ui-tooltip__text { font-size: 1.2rem; font-weight: 600; color: #fff; } 
.ui-tooltip__close { display: inline-block; width: 1.8rem; height: 1.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/tooltip_close_D.svg); background-repeat: no-repeat; cursor: pointer; position: absolute; right: .6rem; top: .6rem; } 

/* more button */
.button-more-link { width: fit-content; margin: 0 auto; } 
.button-more { display: flex; align-items: center; justify-content: center; gap: .4rem; width: 100%; line-height: 1; max-width: 35rem; height: 5rem; border-radius: 99.9rem; border:1px solid #ccc; box-shadow: 0 4px 8px 0 #0000000F; color:var(--primary-black); font-weight: 600; font-size: 1.6rem; margin: 0 auto; } 
.button-more--bg-blue { border: none; background-color: var(--primary-blue); color:#fff; } 
.button-more--bg-grey { border: none; background-color: var(--secondary-grey); color:#888; border-radius: 1.6rem; height: 5.6rem; font-weight: 500; box-shadow: none; } 
.button-more--sm { max-width: 20.9rem; } 
.button-more--lg { font-size:1.8rem; font-weight:700; height: 5.6rem; } 
.button-more__icon { display: inline-block; width: 2.2rem; height: 2.2rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_icon_D.svg); background-repeat: no-repeat; } 
.button-more__icon--grey { filter: invert(60%) sepia(0%) saturate(15%) hue-rotate(156deg) brightness(90%) contrast(81%); } 
.button-more__icon--dir-bottom { transform: rotate(90deg); } 

/* more link */
.more-link { color:var(--primary-black); font-size:1.4rem; position: relative; line-height: 1; } 
.more-link__arrow { filter: invert(40%) sepia(0%) saturate(30%) hue-rotate(173deg) brightness(95%) contrast(85%); vertical-align: -.6rem; width: 2.3rem; height: 2.3rem; } 

/* pill tabs */
.pill-tabs { display: flex; align-items: center; gap: 1.2rem; } 
.pill-tabs__item { color:var(--primary-grey); border-radius: 99.9rem; background-color: var(--secondary-grey); height: 4.8rem; padding: 0 2rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 600; cursor: pointer; transition: all .1s; } 
.pill-tabs__item--active { color:#fff; background-color:var(--primary-black); } 

/* category tabs */
.category-tabs { overflow: scroll; width: 100%; } 
.category-tabs__list { display: inline-flex; align-items: center; padding-left: 1rem; border-bottom: 1px solid #eee; min-width: -webkit-fill-available; } 
.category-tabs__item { color:var(--primary-grey); padding: 0 1rem; height: 4.7rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 500; cursor: pointer; position: relative; min-width: max-content; } 
.category-tabs__item:last-of-type { margin-right: 1rem; } 
.category-tabs__item--active { color: var(--primary-black); font-weight: 700; } 
.category-tabs__item--active::after { content: ""; width: calc(100% - 2rem); height: 2px; position: absolute; bottom: -1px; background-color: var(--primary-black); } 

/* select custom made */
.ui-select { position: relative; display: inline-block; width: fit-content; } 
.ui-select__container { position: relative; } 
.ui-select__current { display: flex; align-items: center; position: relative; background-color: #fff; cursor: pointer; padding-right: 2.4rem; color: var(--primary-grey); font-size: 1.4rem; line-height: 1; } 
.ui-select__current::after { content: ""; width: 2rem; height: 2rem; right: 0; position:absolute; background: url(//cdn.malltail.com/goods_img/contents/index/arrow_grey_bottom_D.svg) 50% no-repeat; background-size: contain; } 
.ui-select__current--active::after { transform:scaleY(-1) } 
.ui-select__list { position: absolute; top: 2.5rem; right: 0; display: none; z-index: 1; overflow-y: auto; padding: .6rem; border-radius: .5rem; border: 1px solid #E0E0E0; background-color: #fff; } 
.ui-select__list::-webkit-scrollbar { width: .5rem; height:.5rem; } 
.ui-select__list::-webkit-scrollbar-thumb { border-radius: 10rem; background-color: #ADB1BA; } 
.ui-select__option { cursor: pointer; height: 3rem; line-height: 3rem; padding: 0 .6rem; font-size: 1.4rem; color: var(--primary-grey); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: .5rem; } 
.ui-select__option--selected { background-color : var(--secondary-grey); } 
.ui-select__current--active + .ui-select__list { display: block; } 

/* ui tags */
.ui-tags { display: flex; align-items: center; justify-content: center; gap: .8rem; flex-wrap: wrap; } 
.ui-tags__item { height: 3.2rem; display: flex; align-items: center; justify-content: center; padding: 0 1.2rem; line-height: 1; border-radius: 99.9rem; background-color: #fff; } 

/* ui slider */
.ui-slider { position: relative; width: calc(100% + 2rem); } 
.ui-slider__container { overflow: hidden; border-radius: 1.2rem; } 
.ui-slider__prev,.ui-slider__next { display:none; width: 2.6rem; height: 2.6rem; position: absolute; top: 49%; transform: translateY(50%); z-index: 1; cursor: pointer; background-repeat: no-repeat; background-size: 1.4rem; background-position: center; box-shadow: 0 2px 4px 0 #0000000D; border: 1px solid #EEEEEE; background-color: #fff; border-radius: 100%; } 
.ui-slider__next { background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_r_D.svg); right: 2rem; } 
.ui-slider__prev { background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_l_D.svg); left: 0; } 
.ui-slider__prev--lg,.ui-slider__next--lg { width: 3.2rem; height: 3.2rem; background-size: 1.6rem; } 
.ui-slider .product-card-grid { grid-gap: 0; } 
.ui-slider .swiper-slide:last-of-type { margin-right:2rem; } 


/* product card grid */
.product-card-grid { display: grid; padding: 0 2rem; } 
.product-card-grid--col-auto { grid-template-columns: repeat(auto-fill, minmax(15.6rem, 1fr)); grid-gap: 4.8rem 1rem; } 
.product-card-grid--col-2 { grid-template-columns: repeat(2, 1fr); grid-gap: 4.8rem 1rem; } 
.product-card-grid .product-card { width:100%; } 

/* product card */
.product-card { position: relative; width:20rem; } 
.product-card--rotate-l { transform: rotate(-3deg)!important; } 
.product-card--rotate-r { transform: rotate(3deg)!important; } 
.product-card--sm { width:15.6rem; } 
.product-card--lg { width:24.4rem; } 
.product-card__image-box { position: relative; background-color: #F8F8F8; border-radius: 1.2rem; overflow: hidden; aspect-ratio: 1/1; } 
.product-card__image { width: 100%; height: 100%; object-fit: fill; object-position: center; max-width: 400px; max-height: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.product-card__link { display: block; width: 100%; height: 100%; } 
.product-card__dim { background-color: #00000005; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; pointer-events: none; } 
.product-card__cart { width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border: 1px solid #E0E0E0; box-shadow: 0 1px 3px 0 #0000001A; border-radius: 1.2rem; position: absolute; right: 1.2rem; bottom: 1.2rem; background-color: #fff; z-index: 3; cursor: pointer; } 
.product-card__rank { width: 2.8rem; height: 2.8rem; border-radius: .8rem; position: absolute; top:.8rem; left:.8rem; font-size: 1.2rem; color: #fff; background-color: var(--primary-black); z-index: 3; display: flex; align-items: center; justify-content: center; font-weight: 600; } 
.product-card:nth-of-type(n + 4) .product-card__rank { background-color: #ccc; } 
.product-card__flag { min-width: 3.1rem; height: 1.8rem; padding: 0 .2rem; display: inline-block; position: absolute; top: .1rem; right: 1.8rem; font-weight: 500; font-size: 1.2rem; line-height: 1.8rem; text-align: center; } 
.product-card__flag--blue { background-color: #E5F1FF; color: var(--primary-blue); } 
.product-card__flag--red { background-color: #FFE9E7; color: var(--primary-red); } 
.product-card__info { margin-top: 1.6rem; } 
.product-card__brand { margin-bottom: .4rem; display: flex; align-items: center; gap: .8rem; font-weight: 600; height: 2.1rem; line-height: 1; } 
.product-card__brand>img { width:1.8rem; height:1.8rem; } 
.product-card__store { color:#888; margin-bottom: .4rem; } 
.product-card__name { height: 4.2rem; } 
.product-card__name .new-icon { margin-left: .6rem; vertical-align: -.2rem; } 
.product-card__price-box { display: flex; align-items: center; gap: 0 .8rem; margin-top: 1.2rem; flex-wrap: wrap; } 
.product-card__price { font-weight: 700; font-size: 1.8rem; } 
.product-card__price-customer { flex:1 100%; color:#999; height: 2rem; } 
.product-card__discount { color: var(--primary-blue); font-size: 1.8rem; } 
.product-card__currency-toggle { width: 2.4rem; height: 2.5rem; cursor: pointer; } 
.product-card__date { font-weight: 600; color: var(--primary-black); margin-bottom: .4rem; } 
.product-card__date--highlighted { color:var(--primary-blue); } 
.product-card__util { position: absolute; right: 2rem; top: 2rem; display: none; align-items: center; gap: .8rem; z-index: 2; } 
.product-card__util-item { background-color: #fff; border-radius: 99.9rem; box-shadow: 0 2px 12px 0 #0000001A; display: flex; justify-content: center; align-items: center; gap: .4rem; font-weight: 600; min-width: 3.6rem; height: 3.6rem; line-height: 1; } 
.product-card__util-item--pd { padding:0 1.2rem 0 1.6rem; } 
.product-card:hover .product-card__util { display: none; } 
.product-card__meta { display: flex; align-items: center; gap: .8rem; margin-top: .4rem; height: 2.4rem; position: relative; } 
.product-card__meta-item { color: #888; font-weight: 500; font-size: 1.2rem; line-height: 1; display: flex; align-items: center; gap: .4rem; } 
.product-card__meta-item--right { position: absolute; right:0; } 
.product-card__review-box { display: flex; gap: .4rem; margin-top: 1.6rem; height: 1.7rem; } 
.product-card__review-cnt { color: #888; font-size: 1.2rem; font-weight: 500; } 
.product-card__label-box { display: flex; align-items: center; gap: 1.1rem; margin-top:.4rem; } 
.product-card__label { color: #888; font-size: 1.2rem; position: relative; } 
.product-card__label:not(:last-of-type)::after { content: ""; width: .3rem; height: .3rem; border-radius: 100%; position: absolute; right: -.75rem; background-color: #E0E0E0; top: 50%; transform: translateY(-50%); } 

.product-card--sm .product-card__cart { width: 3.6rem; height: 3.6rem; border-radius: 1rem; right: .8rem; bottom: .8rem; } 
.product-card--sm .product-card__name { height: 4.4rem; } 
.product-card--sm .product-card__info { margin-top: 1.2rem; } 
.product-card--sm .product-card__price-box { margin-top:.4rem; } 

/* product card visual */
.product-card--visual.product-card { width: 29.8rem; transition: transform .5s; border: 1px solid transparent; } 
.product-card--visual .product-card__image-box { aspect-ratio: 296/365; border-radius: 3.2rem; background-color:#fff; } 
/* .product-card--visual .product-card__image { position: static; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center; } */
.product-card--visual .product-card__info { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); border-radius: 2rem; background-color: #fff; width: 25.6rem; z-index: 2; padding: 1.6rem; } 
.product-card--visual .product-card__name { height:2rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-word; -webkit-line-clamp: 1; } 
.product-card--visual .product-card__price-box { margin-top:.4rem; } 
.product-card--visual .product-card__dim { background-color: #00000008; } 
.product-card--visual .product-card__date { display:none; } 

/* product card hotdeal */
.product-card--hotdeal .product-card__image-box { background-color:#fff; } 
.product-card--hotdeal .product-card__name { font-size: 1.6rem; height: 4.8rem; } 
.product-card--hotdeal .product-card__price-box { margin-top: 1.6rem; } 
.product-card--hotdeal .product-card__meta { height:2.1rem } 

/* product list grid */
.product-list-grid { display: grid; grid-template-rows: repeat(auto-fill, minmax(16.5rem, 1fr)); padding: 0 2rem; } 

/* product list */
.product-list { position: relative; border-bottom: 1px solid #eee; } 
.product-list:first-of-type { border-top:1px solid #eee; } 
.product-list__container { display: flex; padding: 1.6rem 0; gap: 1.2rem 2rem; align-items: center; flex-wrap: wrap; } 
.product-list__image-box { position: relative; background-color: #F8F8F8; border-radius: 1.6rem; overflow: hidden; aspect-ratio: 1/1; width: 10rem; height: 10rem; flex: 0 0 10rem; } 
.product-list__link { display: block; width: 100%; height: 100%; } 
.product-list__image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.product-list__dim { background-color: #00000003; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; pointer-events: none; } 
.product-list__cart { width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border: 1px solid #E0E0E0; box-shadow: 0 1px 3px 0 #0000001A; border-radius: 1.2rem; position: absolute; right: 1.2rem; bottom: 1.2rem; background-color: #fff; z-index: 3; cursor: pointer; } 
.product-list__rank { width: 3.2rem; height: 3.2rem; border-radius: .8rem; position: absolute; top: 1.2rem; left: 1.2rem; font-size: 1.2rem; color: #fff; background-color: var(--primary-black); z-index: 3; display: flex; align-items: center; justify-content: center; font-weight: 600; } 
.product-list:nth-of-type(n + 4) .product-list__rank { background-color: #ccc; } 
.product-list__flag { min-width: 3.8rem; height: 1.8rem; padding: 0 .2rem; display: inline-block; position: absolute; top: 1px; right: 1.8rem; font-weight: 500; font-size: 1.2rem; line-height: 1.8rem; text-align: center; } 
.product-list__flag--blue { background-color: #E5F1FF; color: var(--primary-blue); } 
.product-list__flag--red { background-color: #FFE9E7; color: var(--primary-red); } 
.product-list__name-box { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 12rem); gap: .4rem; } 
.product-list__info { display: flex; align-items: center; gap: 2.4rem; justify-content: space-between; text-align: center; width: 100%; } 
.product-list__category-label { display: inline-flex; padding: 0 .6rem; height: 1.9rem; justify-content: center; align-items: center; gap: 1rem; background: #999; color: #fff; border-radius: .8rem; font-size: 1.2rem; font-weight: 600; margin-right: .8rem; } 
.product-list__writer { font-weight: 500; color: #888; display: none; } 
.product-list__brand { margin-bottom: .4rem; display: flex; align-items: center; gap: .8rem; font-weight: 600; height: 2.1rem; } 
.product-list__store { color:#888; font-size: 1.2rem; font-weight: 500; } 
.product-list__name { height: 4.8rem; } 
.product-list__name .new-icon { margin-left: .6rem; vertical-align: -.2rem; } 
.product-list__price-box { display: flex; align-items: center; gap: 0 .8rem; } 
.product-list__price { font-weight: 700; font-size: 1.8rem; } 
.product-list__price-customer { flex:1 100%; color:#999; height: 2rem; } 
.product-list__discount { color: var(--primary-blue); font-size: 1.8rem; } 
.product-list__currency-toggle { width: 2.4rem; height: 2.5rem; cursor: pointer; } 
.product-list__date { font-weight: 600; color: var(--primary-black); } 
.product-list__date--highlighted { color:var(--primary-blue); } 
.product-list__util { position: absolute; right: 2rem; top: 2rem; display: none; align-items: center; gap: .8rem; z-index: 2; width: max-content; } 
.product-list__util--center { top:50%; left:50%; transform:translate(-50%,-50%); width: max-content; } 
.product-list__util-item { background-color: #fff; border-radius: 99.9rem; box-shadow: 0 2px 12px 0 #0000001A; display: flex; justify-content: center; align-items: center; gap: .4rem; font-weight: 600; min-width: 3.6rem; height: 3.6rem; line-height: 1; } 
.product-list__util-item--pd { padding:0 1.2rem 0 1.6rem; } 
.product-list:hover .product-list__util { display: flex; } 
.product-list__meta { display: flex; align-items: center; gap: .8rem; position: relative; } 
.product-list__meta-item { color: #888; font-weight: 500; font-size: 1.2rem; line-height: 1; display: flex; align-items: center; gap: .4rem; } 
.product-list__meta-item--right { position: absolute; right:0; } 
.product-list__review-box { display: flex; gap: .4rem; margin-top: 1.6rem; height: 1.7rem; } 
.product-list__review-cnt { color: #888; font-size: 1.2rem; font-weight: 500; } 
.product-list__label-box { display: flex; align-items: center; gap: 1.1rem; margin-top:.4rem; } 
.product-list__label { color: #888; font-size: 1.2rem; position: relative; } 
.product-list__label:not(:last-of-type)::after { content: ""; width: .3rem; height: .3rem; border-radius: 100%; position: absolute; right: -.75rem; background-color: #E0E0E0; top: 50%; transform: translateY(-50%); } 

/* product hotdeal */
.product-hotdeal__container { border: 1px solid #e0e0e0; background-color: #FFF; border-radius: 1.6rem; padding: 2rem; display: flex; align-items: flex-start; gap: 1.6rem; position: relative; flex-wrap: wrap; } 
.product-hotdeal__info { position: relative; width: calc(100% - 12.6rem); } 
.product-hotdeal__name { font-size: 1.6rem; font-weight: 500; color: var(--primary-black); /* height: 7.5rem; */display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; } 
.product-hotdeal__link-icon { vertical-align: -.6rem; margin-left: .6rem; display: inline-flex; } 
.product-hotdeal__price-box { margin-top: .8rem; display: flex; align-items: center; gap: .8rem; line-height: 1; flex-wrap: wrap; } 
.product-hotdeal__disc { background-color: #FFE9E7; border-radius: .5rem; color: var(--primary-red); height: 2.2rem; font-size: 1.2rem; font-weight: 500; padding: 0 .6rem; display: inline-flex; align-items: center; } 
.product-hotdeal__price { font-size: 1.8rem; font-weight: 700; color: var(--primary-black); } 
.product-hotdeal__currency-toggle { width: 2.4rem; height: 2.5rem; cursor: pointer; } 
.product-hotdeal__buy { font-size: 1.2rem; font-weight: 500; color: var(--primary-black); display: inline-flex; align-items: center; gap: .4rem; line-height: 1.6; margin-top: .9rem; } 
.product-hotdeal__image-box { border-radius: 1.6rem; background-color: #fff; overflow: hidden; aspect-ratio: 1/1; position: relative; width: 11rem; } 
.product-hotdeal__image { width: 100%; height: 100%; object-fit: fill; object-position: center; } 
.product-hotdeal__buttons { display: flex; align-items: center; gap: 1rem; margin-top: 0; flex: 1 0 100%; } 
.product-hotdeal__button { border: 1px solid #ccc; border-radius: 1rem; width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; flex: 0 0 5rem; position: relative; font-weight: 700; line-height: 1; font-size: 1.6rem; padding: 0; background-color: #fff; } 
.product-hotdeal__arrow { width: 2.2rem; height: 2.2rem; } 
.product-hotdeal__button .qr-lg-icon { flex: 0 0 1.9rem; width: 1.9rem; height: 1.9rem; } 
.product-hotdeal__button--request { width: 100%; flex: 0 1 100%; justify-content: space-between; padding: 0 1.6rem; color: #fff; background-color: var(--primary-blue); border: none; border-radius: 1.2rem; } 
.product-hotdeal__button-content { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1rem; font-weight: 500; color: #444; gap: .2rem; } 
.product-hotdeal__button-content>img { width:1.2rem; height:1.2rem; } 

.product-hotdeal--visual .product-hotdeal__container { border-radius: 1.6rem; padding: 2rem; display: block; } 
.product-hotdeal--visual .product-hotdeal__image-box { width: 100%; margin-top: 1.3rem; } 
.product-hotdeal--visual .product-hotdeal__info { margin-top: 1.6rem; width: 100%; } 
.product-hotdeal--visual .product-hotdeal__name { height: auto; } 
.product-hotdeal--visual .product-hotdeal__buy { font-size: 1.6rem; position: absolute; right: 0; bottom: 0; min-width: 11.1rem; justify-content: center; margin-top: 0; } 
.product-hotdeal--visual .product-hotdeal__price-box { height: 2.7rem; } 
.product-hotdeal--visual .product-hotdeal__disc { } 
.product-hotdeal--visual .product-hotdeal__buttons { margin-top: 1.6rem; width: 100%; position: static; } 
.product-hotdeal--visual .product-hotdeal__button--request { width: 100%; flex: 100%; } 
.product-hotdeal--visual .product-hotdeal__arrow { width: auto; height: auto; position: absolute; right: 1.6rem; } 

/* .magazine grid */
.magazine-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-gap: 2rem; } 
.magazine-card-grid>.magazine-card { width:100%; } 

/* .magazine card */
.magazine-card { position: relative; border-radius: 1.6rem; overflow: hidden; aspect-ratio: 416 / 512; } 
.magazine-card__link { display: block; width:100%; height:100%; } 
.magazine-card__badge { display: inline-flex; align-items: center; justify-content: center; line-height: 1; background-color: #fff; border-bottom-right-radius: 1.6rem; border-bottom-left-radius: 1.6rem; padding: 0 1.6rem; height: 3.6rem; font-weight: 600; color: var(--primary-black); position: absolute; left: 7.5%; top: 0; z-index: 1; } 
.magazine-card__image { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.magazine-card__title-box { position: absolute; bottom: 4.3rem; left: 50%; transform: translateX(-50%); width: 85%; z-index: 1; height: 11rem; } 
.magazine-card__title { font-weight: 700; font-size: 2.8rem; line-height: 1.25; color: #fff; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-word; } 
.magazine-card__tag-list { display: flex; align-items: center; gap: .8rem; font-weight: 500; font-size: 1.6rem; color: #fff; padding-top: 1.6rem; flex-wrap: wrap; max-height: 4rem; overflow: hidden; } 
.magazine-card__tag-list { -ms-overflow-style: none; scrollbar-width: none; } 
.magazine-card__tag-list::-webkit-scrollbar { display: none; } 
.magazine-card__tag { white-space: nowrap; } 
.magazine-card__dim { position: absolute; bottom: 0; left: 0; width: 100%; height: 24rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } 

.magazine-card--full { border-radius: 0; aspect-ratio: 390/480; max-height: 48rem; } 
.magazine-card--full .magazine-card__dim { height: 34rem; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } 
.magazine-card--full .magazine-card__badge { left:50%; transform: translateX(-50%); } 
.magazine-card--full .magazine-card__title-box { text-align: center; padding: 0; width: 100%; display: flex; flex-direction: column; gap: 2.4rem; bottom: 4.8rem; padding: 0 1.5rem; height: auto; } 
.magazine-card--full .magazine-card__title { font-size: 2.9rem; -webkit-line-clamp: 4; } 
.magazine-card--full .ui-tags { max-height:7.2rem; overflow: hidden; } 

.magazine-card--sm { border-radius: 1.6rem; width: 29.6rem; aspect-ratio: 296/365; } 
.magazine-card--sm .magazine-card__title { font-size:2.4rem; } 
.magazine-card--sm .magazine-card__title-box { bottom: 2.4rem; height: 8.9rem; } 
.magazine-card--sm .magazine-card__tag-list { padding-top:.8rem; font-size: 1.4rem; max-height:2.9rem; } 

.magazine-card--lg { width: 41.6rem; } 

/* review card */
.review-card { position: relative; width: 15.6rem; } 
.review-card__image-box { position: relative; border-radius: 1.8rem; overflow: hidden; aspect-ratio: 3/4; } 
.review-card__image-box--sm { aspect-ratio: 4/3; } 
.review-card__image-box--video { aspect-ratio: 9/16; } 
.review-card__image { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.review-card__image-cnt { position: absolute; bottom: .8rem; right: .8rem; background-color: rgba(0, 0, 0, 0.30); border-radius: 99.9rem; width: 2.4rem; height: 2.4rem; font-size: 1.2rem; font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center; } 
.review-card__dim { background-color: #00000008; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; pointer-events: none; } 
.review-card__info { margin-top: 1.6rem; } 
.review-card__rating-box { display: flex; align-items: center; justify-content: space-between; } 
.review-card__rating { display: flex; align-items: center; } 
.review-card__title { font-size: 1.6rem; font-weight: 600; color: var(--primary-black); text-transform: capitalize; margin-top: 1.2rem; } 
.review-card__date { color: #888; font-size: 1.2rem; } 
.review-card__content { color: var(--primary-black); margin-top: .8rem; } 
.review-card__meta { display: flex; align-items: center; gap: .8rem; margin-top: 1.2rem; position: relative; } 
.review-card__meta-item { color: #888; font-weight: 500; font-size: 1.2rem; line-height: 1; display: flex; align-items: center; gap: .4rem; } 
.review-card__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 

/* post actions */
.post-actions { display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 0; left: 0; letter-spacing: 0; width: 100%; z-index: 997; height: 8.3rem; padding: 1rem 2rem 2.5rem 2rem; transition: bottom .5s; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(15px); } 
.post-actions--active { bottom: 0; } 
.post-actions__layout { display: flex; align-items: center; } 
.post-actions__layout--l { gap: 1.5rem; padding-left: 1.2rem; } 
.post-actions__item { display: flex; align-items: center; justify-content: center; gap: .8rem; height: 4.8rem; min-width: 4.8rem; } 
.post-actions__item--report { margin-left: -1.5rem; } 
.post-actions__button { display: flex; align-items: center; justify-content: center; padding: 0; background-color: transparent; } 
.post-actions__text { color: var(--primary-black); } 

/* ui toast */
.ui-toast { width: calc(100% - 4rem); position: fixed; bottom: 7.6rem; left: 2rem; z-index: 9998; display: flex; pointer-events: none; } 
.ui-toast--active { overflow: visible; } 
.ui-toast__container { padding: 1rem 2rem .9rem 2.4rem; background-color: rgba(17, 17, 17, 0.75); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08); backdrop-filter: blur(5px); border-radius: 99.9rem; display: flex; align-items: center; transition: all .5s; opacity: 0; } 
.ui-toast--active .ui-toast__container { opacity: 1; } 
.ui-toast__text { color: #fff; font-weight: 600; display: inline-block; } 
.ui-toast__icon { margin-left: .8rem; } 

/* ui comment */
.ui-comment__container { padding:0 2rem; } 
.ui-comment__label-box { display: inline-flex; align-items: center; gap: .8rem; } 
.ui-comment__label { font-size: 2.2rem; font-weight: 700; line-height: 1.25; color: var(--primary-black); } 
.ui-comment__counter { font-size: 1.8rem; font-weight: 700; line-height: 1.5; color: var(--primary-blue); } 
.ui-comment__write-box { margin-top:4.8rem; } 
.ui-comment__write-btn { flex: 0 0 6rem; } 
.ui-comment__notice { color: var(--primary-red); margin-top: 1rem; } 
.ui-comment__list { margin-top:1.6rem; } 
.ui-comment__item { padding: 1.6rem 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 1.4; position: relative; } 
.ui-comment__item--reply { border: 0; background-color: #FBFBFB; padding-left: 6rem; } 
.ui-comment__item--reply::before { content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; background-size: contain; background-image: url("//cdn.malltail.com/goods_img/contents/index/comment_reply_arrow_icon_D.svg"); position: relative; left: -2.8rem; } 
.ui-comment__writer { font-weight: 600; } 
.ui-comment__item--reply .ui-comment__writer { margin-left:-1.5rem; } 
.ui-comment__date { font-size: 1.2rem; font-weight: 500; margin-left: 1rem; color: #888; } 
.ui-comment__text { color: var(--primary-black); margin-top: 1.2rem; word-break: break-word; padding-right: .8rem; } 
.ui-comment__actions { margin-top: 1.2rem; display: flex; align-items: center; justify-content: space-between; } 
.ui-comment__action-item { color: #888; font-weight: 600; display: flex; align-items: center; gap: .4rem; line-height: 1; } 
.ui-comment__action-reply .ui-comment__action-item { padding: 0 1.6rem; height: 3.6rem; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: .8rem; border: 1px solid #ccc; color: var(--primary-black); } 
.ui-comment__util { display: flex; align-items: center; gap: 2.4rem; } 
.ui-comment__util-item { color: var(--primary-grey); position: relative; } 
.ui-comment__util-item:not(:last-of-type)::before { content: ""; width: 1px; height: 20px; background-color: #E0E0E0; position: absolute; right: -11.5px; } 
.ui-comment__reply-form { margin-top: 1.6rem; } 
.ui-comment__more-list { margin-top: 2.4rem; height: 4.8rem; } 

/* qr modal */
.qr-modal { display: none; align-items: center; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; } 
.qr-modal--show { display: flex; } 
.qr-modal__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.25); } 
.qr-modal__container { position: relative; background-color: #fff; border-radius: 2rem; width: calc(100% - 4rem); max-width:40rem; padding: 3rem 2rem 2rem 2rem; z-index: 1; } 
.qr-modal__close { position: absolute; top: 2rem; right: 2rem; cursor: pointer; } 
.qr-modal__content { padding: 2rem 0 3rem 0; display: flex; flex-direction: column; align-items: center; gap: 2rem; } 
.qr-modal__image> canvas { width: 12rem; height: 12rem; } 
.qr-modal__title-box { text-align: center; } 
.qr-modal__title { font-size: 2.2rem; font-weight: 700; line-height: 1.25; } 
.qr-modal__highlight { color: var(--primary-blue); } 
.qr-modal__desc { font-size: 1.6rem; font-weight: 500; line-height: 1.5; color: #333; margin-top:1rem; } 
.qr-modal__buttons { display: flex; align-items: center; justify-content: center; gap: .8rem; } 
.qr-modal__button { height: 5rem; padding: 0 1.6rem; border-radius: 99.9rem; border: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: center; gap: .4rem; font-weight: 600; font-size: 1.6rem; line-height: 1; } 

/*----------------------------------------------------------------------------who307 global css----------------------------------------------------------------------------*/