.__list__, .__view__ {margin-top: 90px;}
.list-page-visual {width: 100%; height: 700px; background: #fafafa; position: relative; overflow: hidden;}
.list-page-visual .visual-tit {font-family: "Italiana", serif; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #faf6ee; letter-spacing: 15px; font-size: 30px; text-align: center;}
.list-page-visual img {width: 100%; height: 100%; object-fit: cover;}
.prod-list-wrap .list-tab-wrap {display: flex; align-items: center; justify-content: center; gap: 30px;}
.prod-list-wrap .list-tab-wrap .list-tap {margin: 90px 0;}
.prod-list-wrap .list-tab-wrap .list-tap a {font-size: 17px; font-weight: 600; color: #aaa; padding: 10px 20px;}
.prod-list-wrap .list-tab-wrap .list-tap:hover a {color: #282828;}
.prod-list-wrap .list-tab-wrap .list-tap.active a {color: #282828;}
.prod-list-wrap .list-wrap {padding: 0 50px; width: 100%; max-width: 1920px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.prod-list-wrap .list-wrap .prod-item {max-width: 410px; margin-bottom: 100px;}
.prod-list-wrap .list-wrap .prod-item .prod-thumb-box {width: 100%; aspect-ratio: 205/247; background: #fafafa;}
.prod-list-wrap .list-wrap .prod-item .prod-text-box {margin-top: 30px;}
.prod-list-wrap .list-wrap .prod-item .prod-text-box .prod-name {font-size: 17px; font-weight: 600;}
.prod-list-wrap .list-wrap .prod-item .prod-text-box .prod-price {font-weight: 300;}
.prod-list-wrap .list-wrap .prod-item .prod-colorchip-box {margin-top: 20px; display: flex; align-items: center; gap: 5px;}
.prod-list-wrap .list-wrap .prod-item .prod-colorchip-box .colorchip {width: 15px; height: 15px; border-radius: 50%;}
.prod-list-wrap .list-wrap .prod-item .prod-label-box {display: flex; align-items: center; gap: 3px; margin-top: 20px;}
.prod-list-wrap .list-wrap .prod-item .prod-label-box .label {font-size: 11px; color: #fff; padding: 7px 18px 5px; line-height: 1;}
.prod-list-wrap .list-wrap .prod-item .prod-label-box .label.new {background: #de6c31;}
.prod-list-wrap .list-wrap .prod-item .prod-label-box .label.best {background: #282828;}

.prod-list-wrap .list-paging-wrap {margin: 100px 0; width: 100%;}
.prod-list-wrap .list-paging-wrap .paging-list {display: flex; align-items: center; justify-content: center; gap: 2px;}
.prod-list-wrap .list-paging-wrap .paging-list li {width: 35px; height: 35px; border-radius: 50%; text-align: center; position: relative;}
.prod-list-wrap .list-paging-wrap .paging-list li:hover {background: #eee;}
.prod-list-wrap .list-paging-wrap .paging-list li svg {width: 15px; height: 15px; stroke: #888; stroke-width: 1.5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.prod-list-wrap .list-paging-wrap .paging-list li:hover svg {stroke: #282828;}
.prod-list-wrap .list-paging-wrap .paging-list li a {width: 100%; height: 100%; display: block; line-height: 35px;}
.prod-list-wrap .list-paging-wrap .paging-list li.paging-num a {color: #aaa;}
.prod-list-wrap .list-paging-wrap .paging-list li.paging-num.active a {color: #282828;}
.prod-list-wrap .list-paging-wrap .paging-list li.paging-num:hover a {color: #282828;}
.prod-list-wrap .list-paging-wrap .paging-list li.disabled a {pointer-events:none; opacity:0.4;}

.prod-view-wrap {display: grid; grid-template-columns: minmax(0, 1fr) 580px;}
.prod-view-wrap .view-left {overflow: hidden;}
.prod-view-wrap .view-left .prod-thumb-slider {padding-bottom: 40px;}
.prod-view-wrap .view-left .prod-thumb-slider .prod-thumb {width: 100%; max-width: 440px; aspect-ratio: 44/53; background: #fafafa;}
.prod-view-wrap .view-left .prod-thumb-slider .swiper-pagination-progressbar {top: auto; bottom: 0; height: 3px; background: #e7e7e7;}
.prod-view-wrap .view-left .prod-thumb-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #de6c31; left: 0; width: 100%;}
.prod-view-wrap .view-left .prod-sangse-box {margin: 90px 0;}
.prod-view-wrap .view-right {position: sticky; top: 90px; align-self: start; max-height: calc(100vh - 90px); overflow: auto;}
.prod-view-wrap .view-right .right-inner {padding: 90px 50px; line-height: 1;}
.prod-view-wrap .view-right .prod-info-box {padding-bottom: 60px; border-bottom: 1px solid #b2b2b2;}
.prod-view-wrap .view-right .prod-info-box .prod-label-box {display: flex; align-items: center; gap: 3px; margin-bottom: 30px;}
.prod-view-wrap .view-right .prod-info-box .prod-label-box .label {font-size: 11px; color: #fff; padding: 7px 18px 5px; line-height: 1;}
.prod-view-wrap .view-right .prod-info-box .prod-label-box .label.new {background: #de6c31;}
.prod-view-wrap .view-right .prod-info-box .prod-label-box .label.best {background: #282828;}
.prod-view-wrap .view-right .prod-info-box .prod-text-box .prod-name {font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 500;}
.prod-view-wrap .view-right .prod-info-box .prod-text-box .prod-price {font-family: "Poppins", sans-serif; font-size: 26px; font-weight: 700; margin-top: 13px;}
.prod-view-wrap .view-right .prod-info-box .prod-text-box .prod-text-etc {font-size: 13px; margin-top: 15px; color: #919191; font-weight: 200;}
.prod-view-wrap .view-right .prod-option-box {padding: 55px 0;}
.prod-view-wrap .view-right .prod-option-box .option-box .option-tit {font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 20px; margin-top: 40px;}
.prod-view-wrap .view-right .prod-option-box .option-box:first-child .option-tit {margin-top: 0;}
.prod-view-wrap .view-right .prod-option-box .option-box .option-btn-box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px;}
.prod-view-wrap .view-right .prod-option-box .option-box .option-btn-box .option-btn {width: 155px; height: 50px; background: #f4f4f4; font-size: 14px; text-align: left; padding: 0 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.prod-view-wrap .view-right .prod-option-box .option-box .option-btn-box .option-btn.active {border: 2px solid #de6c31; padding: 0 18px;}
.prod-view-wrap .view-right .prod-option-box .option-box .option-btn-box .option-btn[disabled],
.prod-view-wrap .view-right .prod-option-box .option-box .option-btn-box .option-btn.is-disabled {opacity:.45; pointer-events:none;}
.prod-view-wrap .view-right .prod-option-box .option-box .option-btn-box .option-btn span {flex: 1;}
.prod-view-wrap .view-right .prod-option-box .option-box .option-btn-box .option-btn .colorchip {width: 15px; height: 15px; border-radius: 50%;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box {border: 1px solid #282828; padding: 30px; margin-bottom: 20px; position: relative;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box.is-hidden {display: none !important;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box .sel-del-btn {position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box .selected-option-tit {font-size: 18px; font-weight: 700;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box .selected-option-info {margin-top: 10px; display: flex; align-items: center; justify-content: space-between;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box .selected-option-info .option-count {display: flex; align-items: center; gap: 3px;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box .selected-option-info .option-count input.count-input {width: 40px; text-align: center;}
.prod-view-wrap .view-right .prod-option-selected-box .selected-option-box .selected-option-info .option-count button {padding: 0 10px;}
.prod-view-wrap .view-right .prod-final-box {margin-top: 50px; border-top: 3px solid #282828;}
.prod-view-wrap .view-right .prod-final-box .prod-total-box {font-family: "Poppins", sans-serif; padding: 40px 35px; display: flex; align-items: center; justify-content: space-between;}
.prod-view-wrap .view-right .prod-final-box .prod-total-box .total-txt {font-size: 22px; font-weight: 600; color: #de6c31;}
.prod-view-wrap .view-right .prod-final-box .prod-total-box .total-price {font-size: 24px; font-weight: 600; color: #de6c31;}
.prod-view-wrap .view-right .prod-final-box .prod-total-box .total-price em {font-style: normal;}
.prod-view-wrap .view-right .prod-final-box .findstore-btn {width: 100%; height: 60px; color: #fff; background: #de6c31; text-align: center; line-height: 60px; cursor: pointer; font-size: 18px; font-weight: 600;}
.prod-view-wrap .view-right .prod-final-box .findstore-info-txt {text-align: right; margin-top: 20px; color: #919191; font-size: 13px; font-weight: 200;}