@charset "utf-8";
.header {
height: 65px;
}
.header--sub {
height: 50px;
border-top: 0;
}
.header__title {
line-height: 65px;
height: 65px;
}
.header--sub .header__title {
height: 50px;
line-height: 50px;
width: calc(100% - 100px);
left: 50%;
transform: translateX(-50%);
}
.header--sub .header__title h1 {
font-weight: 600;
}
header:has(.header--sub) {
height: 153px !important;
}
.product-summary__title {
font-size: 19px;
font-weight: bold;
color: #000;
margin-top: 5px;
text-wrap: auto;
word-break: break-all;
}
.product-summary .l-content {
padding: 20px 15px 14px;
min-height: inherit;
}
.product-summary__review {
display: flex;
gap: 0 16px;
align-items: center;
}
.product-summary__review .review_box .star {
width: 10px;
height: 10px;
background: url(../assets/img/sub/icon_view_star.png) no-repeat center / 10px;
display: inline-block;
vertical-align: middle;
transform: translateY(-1px);
margin-right: 1px;
}
.product-summary__promotion-text {
margin-top: 4px;
}
.review_cnt {
font-size: 12px;
font-weight: 400;
color: #333333;
padding-left: 15px;
background: url(../assets/img/sub/icon_view_review.png) no-repeat center left / 11px;
margin-top: 13px;
line-height: 1;
margin: 0;
}
.review_cnt::after {
content: "";
display: inline-block;
width: 6px;
height: 9px;
background: url(../assets/img/sub/icon_review_arrow.png) no-repeat center / auto 9px;
margin-left: 5px;
}
.product-summary__price-detail {
margin-top: 0;
}
.product-summary__info {
border-top: 1px solid #e5e5e5;
margin-top: 24px;
padding-top: 14px;
}
.product-summary .product-summary__info dl {
border: 0;
padding: 7px 0;
line-height: 1.4;
}
.product-summary .product-summary__info dl dt {
font-size: 15px;
width: 62px;
color: #000;
font-weight: 300;
}
.product-summary .product-summary__info dl dd {
font-size: 15px;
color: #000;
font-weight: 400;
width: calc(100% - 62px);
}
.product-summary .product-summary__info dl dd em {
color: #888888;
}
.product-summary .product-summary__info dl.product-summary__info-coupon dt {
margin-top: 6px;
}
.product-summary__off-percent {
font-size: 16px;
font-weight: bold;
}
.product-summary__price {
font-size: 16px;
color: #000;
font-weight: bold;
}
.product-summary__original-price {
font-size: 16px;
color: #888;
font-weight: 400;
display: block;
margin-top: 2px;
}
.product-summary__original-price .help-wrap {
display: none;
}
.product-main-image {
position: relative;
}
.product-main-image .devSticker {
position: absolute;
top: 15px;
height: 15px;
z-index: 1;
left: 15px;
}
.product-main-image .devSticker .product-thumb__sticker {
position: static;
}
.product-main-image .product-thumb__sticker img {
max-height: 44px;
}
.view_info {
background: #f7f7f7;
border-radius: 5px;
padding: 20px 15px;
display: flex;
width: 100%;
gap: 0 12px;
align-items: center;
width: calc(100% - 30px);
margin: 0 auto;
}
.view_info__img {
width: 40px;
flex-shrink: 0;
}
.view_info img {
width: 40px;
flex-shrink: 0;
}
.view_info .view_info__content strong {
color: #e14658;
letter-spacing: -0.02em;
font-weight: 600;
font-size: 16px;
}
.view_info .view_info__content p {
font-size: 13px;
color: #000;
word-break: keep-all;
letter-spacing: -0.02em;
line-height: 19px;
margin-top: 1px;
}
.product-list-items {
margin-block-end: 16px !important;
}
.product-content {
margin-top: 33px;
}
.product-content__box {
padding: 0;
margin-bottom: 75px;
}
.product-content__box h2 {
font-size: 25px;
font-weight: bold;
padding: 0 15px;
letter-spacing: -0.027em;
margin-bottom: 15px;
}
.product-content__box .thumb-item__icon-box {
position: absolute;
top: 15px;
left: 15px;
}
.product-content__box .thumb-item__icon-box img {
max-height: 44px;
}
.thumb-item .current-price {
display: inline-block;
font-size: 15px;
}
.product-thumb__immediately-percent,
.thumb-item .current-price em {
font-size: 15px;
}
.thumb-item .origin-price {
color: #bbbbbb;
display: block;
font-size: 15px;
line-height: 1;
}
.thumb-item__info {
padding: 10px 0 0;
}
.product-detail .tab li .tab__btn {
padding: 13px 0;
border: 1px solid #e5e5e5;
border-bottom: 1px solid #000;
font-size: 15px;
font-weight: 400;
color: #121212;
border-right: 0;
}
.product-detail .tab li .tab__btn.is-active {
border: 1px solid #000;
border-bottom: 1px solid #fff;
font-weight: 600;
color: #000;
}
.product-detail .tab li:last-child {
border-right: 1px solid #e5e5e5;
}
.product-content__content .product-content__more-btn {
background: #fff;
padding: 0 15px;
padding-top: 30px;
}
.product-content__more-btn button {
border: 1px solid #e5e5e5;
border-radius: 20px;
height: 40px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
}
.product-content__content.hidden .product-content__more-btn::before {
content: "";
position: absolute;
right: 0;
bottom: 70px;
left: 0;
height: 100px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.product-content__content.hidden .product-content__content-box {
max-height: 500px;
}
.product-content__content.hidden div[shopby-element="product-content-detail"] {
padding-bottom: 70px;
}
.product-content__content.hidden .product-content__more-btn button::after {
content: "";
display: inline-block;
width: 10px;
height: 7px;
background: url(../assets/img/sub/icon_view_more.png) no-repeat center / 10px;
margin-left: 11px;
vertical-align: middle;
transform: translateY(-1px);
}
.product-content__content .product-content__more-btn button::after {
content: "";
display: inline-block;
width: 10px;
height: 6px;
background: url(../assets/img/sub/icon_view_more.png) no-repeat center / 10px;
margin-left: 11px;
vertical-align: middle;
transform: translateY(-1px) rotate(180deg);
}
.product-content__content-box {
text-align: center;
}
.product-detail-review-wrap {
margin-top: 4px;
padding: 20px 15px 36px;
}
.product-review-summary__title {
font-weight: bold;
margin-bottom: 2px;
}
.product-review-summary__title em {
font-weight: bold;
}
.product-review-summary__score {
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
}
.product-review-summary__score span {
font-weight: bold;
}
.product-detail-review-wrap .btn-group {
margin: 16px 0 5px;
}
.product-detail-review-wrap .btn-group .btn {
font-size: 13px;
letter-spacing: 0;
font-weight: 500;
border-radius: 5px;
padding: 10px 15px;
width: 200px;
box-sizing: border-box;
}
.product-detail-review-wrap .btn-group a .btn {
font-size: 13px;
color: #000;
letter-spacing: 0;
font-weight: 500;
border-color: #000;
border-radius: 5px;
padding: 10px 15px;
width: 200px;
box-sizing: border-box;
}
.product-review__photo-collect-title {
font-size: 15px;
font-weight: 500;
color: #000;
}
.product-review__photo-collect {
margin-top: 32px;
}
.l-panel.summary-bottom-line {
border-bottom: 1px solid #000;
}
.product-review-search {
margin-top: 8px;
}
.product-review-search .select {
border-color: #e5e5e5;
border-radius: 5px;
font-size: 12px;
font-weight: 400;
overflow: hidden;
height: 35px;
width: 112px;
}
.select--sm select {
padding-inline: 10px 30px;
}
.product-review-search .select::after {
width: 11px;
height: 6px;
background: url(../assets/img/sub/icon_view_review_select_arrow.png) no-repeat center / 11px;
right: 15px;
}
.product-review .product-review-list__empty {
font-size: 14px;
color: #020202;
line-height: 20px;
}
.product-review .review-list-item .list-item__header .star {
display: flex;
align-items: center;
}
.product-board-summary-wrap {
margin-top: 4px;
}
.product-board-summary-wrap .product-board-summary__description {
font-size: 14px;
color: #000;
line-height: 20px;
margin-top: 2px;
}
.product-board-summary-wrap .btn-group {
margin: 27px 0 13px;
}
.product-board-summary-wrap .btn-group .btn--lg {
font-size: 15px;
font-weight: 500;
padding: 16px 14px;
}
.personal-inquiry-title {
font-size: 15px;
opacity: 0.5;
font-weight: 600;
border: 0;
}
.personal-inquiry-title em {
font-weight: 600;
}
.personal-inquiry-list .notice {
height: 149px !important;
}
.personal-inquiry-list .notice em {
font-size: 15px;
font-weight: bold;
color: #000;
letter-spacing: 0;
}
.product-content.l-panel {
border: 0;
}
.product-review-summary__rating {
gap: 0 14px;
}
.rating {
background: url(../assets/img/sub/icon_star_bg.png) no-repeat left top / 104px;
width: 104px;
height: 15px;
}
.rating::before {
background: url(../assets/img/sub/icon_star_full.png) no-repeat left top / 104px;
height: 15px;
}
.view_wrap {
position: relative;
z-index: 16px;
}
.purchase_dim.is-show::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 16;
}
.purchase_wrap .product-detail {
z-index: 17;
}
.portal {
z-index: 18 !important;
}
.purchase__opener {
background: url(../assets/img/sub/view_opener.png) no-repeat center / 81px;
width: 81px;
height: 16px;
border: 0;
top: -15px;
display: none;
z-index: 17;
}
.is-show.purchase__opener {
display: block;
}
.purchase__opener.is-show .ico--angle-down-black-24 {
background: url(../assets/img/sub/icon_opener.png) no-repeat center / auto 6px;
height: 17px;
}
.purchase {
border-top: 0;
padding: 0;
}
.is-show .purchase {
padding: 15px 15px 12px;
border-top: 1px solid #e5e5e5;
}
.purchase__like-btn {
padding: 0;
width: 60px;
border: 1px solid #e5e5e5;
background: #fff url(../assets/img/sub/icon_heart.png) no-repeat center / 19px;
}
.purchase__like-btn.is-active {
background: #fff url(../assets/img/sub/icon_heart_full.png) no-repeat center / 19px;
}
.purchase__like-btn svg {
display: none;
}
.purchase__button-wrap {
gap: 0;
}
.purchase__button-wrap .btn__buy {
border-radius: 0;
height: 50px;
font-size: 15px;
font-weight: 500;
}
.purchase__option {
padding: 17px 15px 12px;
}
.purchase__option-title {
font-size: 13px;
font-weight: 500;
}
.purchase__option-options-box {
margin-top: 4px;
}
.purchase__option-options-box .select {
border-color: #e5e5e5;
border-radius: 5px;
overflow: hidden;
}
.purchase__option-options-box .select::after {
background: url(../assets/img/sub/icon_view_opt_arrow.png) no-repeat center / 12px;
width: 12px;
height: 7px;
right: 10px;
}
.purchase__option-options-box .select select {
color: #999;
font-size: 13px;
font-weight: 500;
}
.purchase__quantity-box {
border: 0;
}
.purchase__total span {
font-size: 16px;
font-weight: 500;
}
.purchase__total em {
font-size: 16px;
font-weight: 600;
color: #000;
}
.purchase .highlight {
font-size: 16px;
font-weight: 600;
}
.purchase .btn--lg {
font-size: 15px;
font-weight: 500;
}
.purchase__quantity-box {
padding: 0;
margin-top: 0;
gap: 10px;
}
.purchase__quantity-box > div[shopby-index="0"] .quantity {
margin-top: 20px;
}
.quantity.undeletable {
margin-top: 10 !important;
}
.purchase__total {
padding: 14px 0;
}
.quantity {
background: #f7f7f7;
border-radius: 5px;
padding: 15px 12px 20px;
}
.purchase .quantity__label {
font-size: 15px;
color: #000;
font-weight: 400;
}
.purchase .quantity__del {
top: 22px;
right: 12px;
}
.purchase .quantity__del .ico--x-black-24 {
width: 11px;
height: 11px;
background: url(../assets/img/sub/icon_view_opt_x.png) no-repeat center / 11px;
}
.quantity__content em {
font-size: 15px;
color: #000;
font-weight: 500;
}
.quantity__content {
margin-top: 12px;
}
.quantity__content .counter {
max-width: 94px;
border-color: #e5e5e5;
}
.quantity__content .counter .counter__input {
height: 28px;
}
.quantity__content .counter__btn {
width: 28px;
height: 28px;
border-color: #e5e5e5;
font-size: 0;
}
.quantity__content .counter__btn[shopby-variation="DECREASE"] {
background: #fff url(../assets/img/sub/icon_minus.png) no-repeat center / 11px;
}
.quantity__content .counter__btn[shopby-variation="INCREASE"] {
background: #fff url(../assets/img/sub/icon_plus.png) no-repeat center / 11px;
}
.counter input {
text-align: center;
font-size: 13px;
font-weight: 500;
font-family: "Pretendard";
}
.purchase__btns [type="button"]:nth-child(n + 2) {
margin-left: 10px;
}
.title-modal--full .title-modal__content {
height: calc(100dvh - 110px);
}
.product-summary .product-summary__info dl.product-summary__info-coupon dd {
padding-top: 6px;
}
.product-summary
.product-summary__info
dl.product-summary__info-coupon
dd
.coupon-download__btn-wrap {
margin-top: -6px;
}
.footer {
padding-bottom: 90px;
}