@charset "utf-8";

.section {position: relative;}
.section_wrap {width:100%; max-width: 1500px; display:flex; margin:0 auto;}
.indicator {background-color: #f4f4f4; width:100%;}
.indicator > span {width: 100%; max-width: 1500px; margin: 0 auto; display: flex; padding: 10px 0;}

.left_section {width:280px; border-right:1px solid #d9d9d9; padding:30px 20px; position:relative;}
.left_section > .sticky_wrap {position:sticky; top:172px; left:0;}
.left_section > .sticky_wrap > h3 {font-size:24px; color:#E90030; line-height:120%; font-weight:500;}
.search_area {width:100%; border:1px solid #D9D9D9; margin:12px 0 0; border-radius: 30px; padding:4px 18px; display:flex; justify-content: space-between; align-items: center;}
.search_area > input[type="search"] {border:none; outline: none; font-size:14px; color:#222; width:100%;}
.search_area > input[type="search"]:focus {border:none; outline: none;}
.search_area > button {width:24px; height:24px; display:block; background: none; border:none; cursor:pointer;}
.search_area > button > img {width:20px; height:20px;}

.filter_wrap {width:100%;}
.filter_wrap > .tit {display: flex; margin:24px 0 0; gap:4px;}
.filter_wrap > .tit h4 {font-size:18px;}
.filter_wrap > .alp_range_wrap {border-radius: 16px; padding:16px 8px; box-shadow:0 0 8px rgba(0,0,0,0.05); background:#fff; width:100%; margin:12px 0 0;}
.filter_wrap > .alp_range_wrap > p {font-size:16px;}
.filter_wrap > .alp_range_wrap > .alp_box {width:100%; border-radius: 8px; background: #f4f4f4; padding:10px 8px; display:grid; grid-template-columns: repeat(4, 1fr); gap:8px; margin:8px 0 0;}
.filter_wrap > .alp_range_wrap > .alp_box > span {border:1px solid #999; padding:6px 0; border-radius: 4px; background: #fff; display:flex; justify-content: center; align-items: center; cursor: pointer;}
.filter_wrap > .alp_range_wrap > .alp_box > span.active {border:1px solid #E90030; color:#E90030;}
.filter_wrap > .search_btn {padding:12px 8px; text-align: center; font-size:16px; border-radius: 8px; background:#3377ff; color:#fff; font-weight:600; cursor:pointer;}

.right_section {flex:1 1 auto; padding:30px 20px; min-height: calc(100vh - 132px);}
.alp_wrap > .tit {width:100%; padding:12px 16px; border-bottom: 1px solid #d9d9d9;}
.alp_wrap > .tit > .alphabetical {font-size:24px; font-weight:500; color:#222;}
.alp_wrap > .tit > .sh_ind {font-size:14px; color:#3377ff;}

.search_grid {display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; padding:20px 0;}
.search_grid > .apl_box {padding:8px; border-radius:8px; background: #fff; box-shadow: 0 0 16px rgba(0,0,0,0.05); display:flex; align-items: center;}
.search_grid > .apl_box > .img_wrap {background-color: #fff; border:1px solid #d9d9d9; border-radius: 8px; overflow: hidden; width:86px; height:86px; margin:0 16px 0 0; background: url("../images/ico_shop.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
.search_grid > .apl_box > .img_wrap > img {width:100%; height:100%;}
.search_grid > .apl_box > .seller_name {font-size:16px; font-weight: 600;}