.__store_list__, .__store_view__ {margin-top: 90px;}
.store-list-wrap {width: 100vw; height: calc(100vh - 90px); position: relative; overflow: hidden;}
.store-list-wrap .map {width: 100%; height: 100%; background: #fafafa;}
.store-list-wrap .store-list-box {position :absolute; width: 500px; height: calc(100% - 50px); margin: 25px 50px; left: 0; top: 0; background: #fff; z-index: 2; display: flex; flex-direction: column;}
.store-list-wrap .store-list-box .store-list-tit {font-size: 28px; font-weight: 500; font-family: "Poppins", sans-serif; padding: 40px 35px 0;}
.store-list-wrap .store-list-box .store-search-wrap {margin-top: 10px; display: flex; align-items: center; gap: 10px; padding: 0 35px;}
.store-list-wrap .store-list-box .store-search-wrap .area-select-box {width: 160px; border-bottom: 2px solid #d5d5d5;}
.store-list-wrap .store-list-box .store-search-wrap .area-select-box .selectboxit {border: 0; height: 48px;}
.store-list-wrap .store-list-box .store-search-wrap .area-select-box .selectboxit span {height: 48px; line-height: 48px; font-size: 14px;}
.store-list-wrap .store-list-box .store-search-wrap .keyword-input-box {flex: 1; border-bottom: 2px solid #d5d5d5; display: flex; align-items: center;}
.store-list-wrap .store-list-box .store-search-wrap .keyword-input-box input {height: 48px; font-size: 14px; padding: 0 10px; flex: 1;}
.store-list-wrap .store-list-box .store-search-wrap .keyword-input-box button svg {width: 48px; height: 48px; stroke: #282828; stroke-width: 2; padding: 12px;}
.store-list-wrap .store-list-box .store-list {margin-top: 20px; flex: 1; display: flex; flex-direction: column; overflow-y: auto;}
.store-list-wrap .store-list-box .store-list .agent-type-tabs {display: flex; align-items: center; gap: 3px; padding: 0 35px;}
.store-list-wrap .store-list-box .store-list .agent-type-tabs .agent-tab {width: 62px; height: 24px; line-height: 22px; border: 1px solid #aaa; text-align: center; box-sizing: border-box; cursor: pointer; font-size: 13px; color: #aaa;}
.store-list-wrap .store-list-box .store-list .agent-type-tabs .agent-tab.active {color: #282828; border-color: #282828;}
.store-list-wrap .store-list-box .store-list .list-count {padding: 20px 35px; font-size: 14px; border-bottom: 1px solid #dcdcdc;}
.store-list-wrap .store-list-box .store-list .list-count span {color: #c7602a;}
.store-list-wrap .store-list-box .store-list .list-scroll-box {flex: 1; overflow-y: auto;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents {padding: 40px 35px; border-bottom: 1px solid #dcdcdc; cursor: pointer;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-name {display: flex; align-items: center; gap: 3px;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-name .icon {width: 24px; height: 24px;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-name .pin-txt {font-size: 20px; font-weight: 600;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-adress {margin-left: 28px; margin-top: 10px;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-info {margin-left: 28px; margin-top: 15px; display: flex; gap: 20px;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-info > div {flex: 1;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-info .icon {width: 20px; height: 20px;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-info .agent-time,
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-info .agent-addinfo .agent-tel,
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .agent-info .agent-addinfo .agent-parking {display: flex; gap: 5px; align-items: start; font-size: 15px;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents.active {background: #f5f5f5;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents.active .agent-name .icon svg {fill: #c7602a;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents .more-btn {margin: 30px 0 0 28px; font-size: 14px; text-decoration: underline; text-underline-position: under; color: #c7602a; z-index: 2;}
.store-list-wrap .store-list-box .store-list .list-scroll-box .list-contents.nomore {height: 100%; display: flex; align-items: center; justify-content: center; color: #aaa; font-size: 14px;}

.store-view-wrap {padding: 0 50px;}
.store-view-wrap .page-tit {font-family: "Poppins", sans-serif; text-align: center; font-size: 32px; font-weight: 500; padding: 110px 0 100px;}
.store-view-wrap .agent-info-box {display: flex; align-items: center; justify-content: space-between; gap: 120px;}
.store-view-wrap .agent-info-box .agent-map {flex: 1; height: 525px; background: #f5f5f5;}
.store-view-wrap .agent-info-box .agent-info {width: 500px;}
.store-view-wrap .agent-info-box .agent-info .agent-name {font-size: 26px; font-weight: 600;}
.store-view-wrap .agent-info-box .agent-info .agent-text {margin-top: 60px;}
.store-view-wrap .agent-info-box .agent-info .agent-text .text-tit {display: flex; align-items: center; gap: 5px;}
.store-view-wrap .agent-info-box .agent-info .agent-text .text-tit .tit {font-size: 18px; font-weight: 700;}
.store-view-wrap .agent-info-box .agent-info .agent-text .text-tit .icon {width: 22px; height: 22px;}
.store-view-wrap .agent-info-box .agent-info .agent-text .text-info {margin-left: 27px; font-size: 16px; font-weight: 300; margin-bottom: 35px;}
.store-view-wrap .agent-info-box .agent-info .agent-text > div:last-child .text-info {margin-bottom: 0;}
.store-view-wrap .agent-prod-list-wrap .prod-list-tit-box {margin: 150px 0 80px;}
.store-view-wrap .agent-prod-list-wrap .prod-list-tit-box .prod-list-tit {font-size: 24px; font-weight: 600;}
.store-view-wrap .agent-prod-list-wrap .prod-list-tit-box .prod-list-subtit {margin-top: 5px;}
.store-view-wrap .agent-prod-list-wrap .prod-list-tit-box .prod-list-txt {font-size: 13px; color: #aaa;}
.store-view-wrap .agent-prod-list-wrap .list-wrap {width: 100%; max-width: 1920px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item {max-width: 410px; margin-bottom: 100px;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-thumb-box {width: 100%; aspect-ratio: 205/247; background: #fafafa;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-text-box {margin-top: 30px;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-text-box .prod-name {font-size: 17px; font-weight: 600;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-text-box .prod-price {font-weight: 300;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-colorchip-box {margin-top: 20px; display: flex; align-items: center; gap: 5px;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-colorchip-box .colorchip {width: 15px; height: 15px; border-radius: 50%;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-label-box {display: flex; align-items: center; gap: 3px; margin-top: 20px;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-label-box .label {font-size: 11px; color: #fff; padding: 7px 18px 5px; line-height: 1;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-label-box .label.new {background: #de6c31;}
.store-view-wrap .agent-prod-list-wrap .list-wrap .prod-item .prod-label-box .label.best {background: #282828;}
.store-view-wrap .agent-prod-list-wrap .list-wrap.nolist {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 550px; background: #fafafa; margin-bottom: 100px;}
.store-view-wrap .agent-prod-list-wrap .list-wrap.nolist .nolist-tit {font-size: 30px; font-weight: 600; text-align: center;}
.store-view-wrap .agent-prod-list-wrap .list-wrap.nolist .nolist-tit span {color: #de6c31;}
.store-view-wrap .agent-prod-list-wrap .list-wrap.nolist .nolist-txt {font-size: 16px; text-align: center;}

.store-view-wrap .agent-prod-list-wrap .list-paging-wrap {margin: 100px 0; width: 100%;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list {display: flex; align-items: center; justify-content: center; gap: 2px;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li {width: 35px; height: 35px; border-radius: 50%; text-align: center; position: relative;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li:hover {background: #eee;}
.store-view-wrap .agent-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%);}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li:hover svg {stroke: #282828;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li a {width: 100%; height: 100%; display: block; line-height: 35px;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li.paging-num a {color: #aaa;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li.paging-num.active a {color: #282828;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li.paging-num:hover a {color: #282828;}
.store-view-wrap .agent-prod-list-wrap .list-paging-wrap .paging-list li.disabled a {pointer-events:none; opacity:0.4;}