@charset "utf-8";

#lnb {position:relative; z-index:20;}
#lnb:after {display:none;}

#storeTableList {padding-top:140px;}

.find-store-container {max-width:1780px; padding-left:var(--container-space); padding-right:var(--container-space); margin:-4px auto 0;}

.find-store-wrap {position:relative; display:flex; height:90vh; max-height:868px; border-radius:2em; box-shadow:0px 6px 36px 0px rgba(0, 0, 0, 0.12);}

.find-store-list {display:flex; flex-direction:column; position:relative; z-index:10; width:25%; max-width:460px; background:#fff; border:1px solid #2c2c2c; border-radius:2em 0 0 2em; overflow:hidden;}
.find-store-list .search-wrap {padding:44px 39px 18px; border-bottom:1px solid #dfdfdf;}

.find-store-list .tab-area {display:flex; justify-content:space-between; align-items:center; margin-bottom:2em;}
.find-store-list .tab-area .tabs {display:flex; gap:30px;}
.find-store-list .tab-area .tabs li a {display:block; font-size:20px; font-weight:700; line-height:1.5em; letter-spacing:-.04em; color:#a8a8a8;}
.find-store-list .tab-area .tabs li.active a {color:#2c2c2c;}
.find-store-list .tab-area .btn-store-table {display:inline-flex; align-items:center; gap:4px; margin-top:.2em; color:#505050; font-size:12px; line-height:1.5em; letter-spacing:-.04em;}
.find-store-list .tab-area .btn-store-table svg {width:12px;}

.find-store-list .search-area {position:relative; display:flex; gap:10px;}
.find-store-list .search-area .input {display:block; width:100%; height:60px; color:#505050; font-size:16px; letter-spacing:-.04em; border:1px solid #dfdfdf; border-radius:8px;}
.find-store-list .search-area .input[type=search] {padding-right:50px;}
.find-store-list .search-area select.input {background:url('/images/bbs/select.svg') right 19px center no-repeat; background-size:10px auto;}
.find-store-list .search-area .submit {position:absolute; top:50%; right:10px; margin-top:-20px; width:40px; height:40px; border:0; background:none;}
.find-store-list .search-area .submit svg {display:block; width:20px; margin:0 auto;}
.find-store-list .total {margin-top:26px; color:#2c2c2c; line-height:1.3em; letter-spacing:-.04em;}
.find-store-list .total strong {color:var(--pri);}

.find-store-list .list-area {position:relative; overflow:auto; flex:1 1 auto; min-height:0; height:1%;}
.find-store-list .list-area::-webkit-scrollbar {width:5px; height:5px; border-radius:5px; background-color:transparent;}
.find-store-list .list-area::-webkit-scrollbar-thumb {background:rgba(0,0,0,.2); border-radius:5px;}
.find-store-list .list-area ul li {display:grid; gap:11px 0; padding:39px; border-bottom:1px solid #dfdfdf; font-size:15px; line-height:1.33em; letter-spacing:-.04em; color:#505050;}
.find-store-list .list-area ul li:last-child {border-bottom:0;}
.find-store-list .list-area ul li.active {background:#f8f8f8;}
.find-store-list .list-area .tags {display:flex; flex-wrap:wrap; gap:5px;}
.find-store-list .list-area .tag {display:inline-block; padding:3px 8px; background:#fff; border:1px solid #dfdfdf; border-radius:30px; color:#878787; font-size:12px; line-height:18px; letter-spacing:-.04em;}
.find-store-list .list-area .name {margin-bottom:4px; font-size:20px; line-height:1.33em; letter-spacing:-.04em; color:#2c2c2c;}
.find-store-list .list-area .name strong {font-weight:500;}
.find-store-list .list-area .tel {font-weight:500; color:#a8a8a8;}

.find-store-map {position:relative; overflow:hidden; flex:1; border-radius:0 2em 2em 0;}
#map {position:relative; width:100%; height:100%;}

.customoverlay {position:absolute; bottom:80px; left:0; z-index:20; width:396px; margin-left:-198px; padding:38px; background:#fff; border:2px solid #00a3a8; border-radius:24px; box-shadow:0px 6px 36px 0px rgba(0, 0, 0, 0.12); font-size:15px; line-height:1.33em; letter-spacing:-.04em; color:#505050; white-space:normal;}
.customoverlay:after {content:''; position:absolute; top:100%; left:50%; margin-left:-11px; width:22px; height:14px; background:url('/images/bbs/vertex-white.png') 50% 0/contain no-repeat;}
.customoverlay .inner {position:relative; display:grid; gap:12px;}
.customoverlay .name {margin-bottom:4px; font-size:20px; font-weight:500; line-height:1.33em; letter-spacing:-.04em; color:#2c2c2c;}
.customoverlay .tel {font-weight:500; color:#a8a8a8;}
.customoverlay .time {margin-top:4px;} 
.customoverlay .time strong {color:#00a3a8; margin-right:1em;}
.customoverlay .tags {display:flex; flex-wrap:wrap; gap:5px; margin-top:13px;}
.customoverlay .tag {display:inline-block; padding:3px 8px; border:1px solid #dfdfdf; border-radius:30px; color:#878787; font-size:12px; line-height:18px; letter-spacing:-.04em;}
.customoverlay .close {position:absolute; bottom:0; right:0; display:inline-flex; align-items:center; gap:5px; color:#505050; font-weight:500; font-size:12px; line-height:1.8em; cursor:pointer;}
.customoverlay .close:after {content:''; margin-top:-.2em; width:10px; height:10px; background:url('../images/bbs/close.svg') 50% 50%/contain no-repeat;}

.btn-get-position {position:absolute; bottom:20px; right:20px; z-index:10; width:48px; height:48px; background:#fff; border:1px solid #2c2c2c; border-radius:12px;}
.btn-get-position svg {display:block; margin:0 auto; width:20px;}

.btn-view-map {display:none;}
.btn-view-list {display:none;}

.board-list .link-item {color:#a8a8a8; font-weight:500;}
.board-list table tbody tr:hover td {background-color:#f2f9f9;}
.board-list table tbody tr:hover .link-item {color:var(--pri);}
.board-list table tbody tr:hover .link-item:hover {text-decoration:none;}

.board-list-m .store-item {display:flex; align-items:center; gap:20px; padding:20px 16px; border-bottom:1px solid #ddd;}
.board-list-m .store-item .cnt {flex:1;}
.board-list-m .store-item .link img {width:28px;}
.board-list-m .store-item .num{font-weight:500;line-height:1.3em;margin-bottom:.5em;font-size:13px;}

@media (max-width: 1500px){
	.find-store-container {margin-bottom:40px;}
	.find-store-wrap {height:80vh;}
	.find-store-list {min-width:320px;}
	.find-store-list .search-wrap {padding:30px 22px 14px;}
	.find-store-list .tab-area {margin-bottom:1.2em;}
	.find-store-list .tab-area .tabs {gap:16px;}
	.find-store-list .tab-area .tabs li a {font-size:17px;}
	.find-store-list .search-area .input {height:44px; padding:6px 14px; font-size:15px;}
	.find-store-list .search-area .submit {right:5px;}
	.find-store-list .total {margin-top:20px; font-size:14px;}
	.find-store-list .list-area ul li {padding:22px; font-size:14px; gap:6px 0;}
	.find-store-list .list-area .name {margin-top:4px; font-size:17px;}

	.customoverlay {width:340px; margin-left:-170px; padding:22px; font-size:14px;}

	.customoverlay .inner {gap:8px;}
	.customoverlay .name {font-size:18px;}

	#storeTableList {padding-top:40px;}
}

@media (max-width: 1024px){
	.find-store-container {margin-top:0;}
	.find-store-wrap {box-shadow:0px 6px 16px 0px rgba(0, 0, 0, 0.12);}
}

@media (max-width: 900px){
	.find-store-container {margin-top:20px;}
	.find-store-wrap {height:60vh;}
	.find-store-list {min-width:280px;}
	.find-store-list .search-wrap {padding:35px 15px 12px;}
	.find-store-list .tab-area {margin-bottom:10px;}
	.find-store-list .tab-area .tabs li a {font-size:17px;}
	.find-store-list .tab-area .btn-store-table {position:absolute; top:5px; right:8px;}

	.find-store-list .search-area .input {padding:4px 12px; font-size:14px;}
	.find-store-list .search-area .input[type=search] {padding-right:30px;}
	.find-store-list .search-area .submit {right:0;}
	.find-store-list .total {margin-top:20px; font-size:13px;}
	.find-store-list .list-area ul li {padding:16px;}
	.find-store-list .list-area .name {font-size:16px;}

	.customoverlay {width:320px; margin-left:-160px; padding:18px;}
	.customoverlay .inner {gap:8px;}
	.customoverlay .name {font-size:17px;}

}

@media (max-width: 760px){
	.find-store-wrap {height:calc(100vh - 175px); box-shadow:none; overflow:hidden; border:1px solid #2c2c2c; border-radius:1em;}
	.find-store-list {width:100%; max-width:unset; border-radius:0; border:0;}
	.find-store-list .tab-area .tabs {width:100%; justify-content:space-evenly;}
	.find-store-list .tab-area .tabs li a {font-size:20px;}
	.find-store-list .list-area {display:none;}
	.find-store-map {position:absolute; top:168px; left:0; bottom:0; width:100%; height:auto; z-index:10; border-radius:0;}

	.btn-get-position {bottom:10px; right:10px; width:40px; height:40px; border-radius:8px;}

	.btn-view-map { position:absolute; bottom:10px; right:10px; z-index:30; width:120px; height:40px; border:0; border-radius:20px; background:var(--pri); box-shadow:3px 3px 3px rgba(0,0,0,.2); color:#fff; font-size:15px; font-weight:700; line-height:1.3em;}
	.btn-view-map svg {width:18px; margin:-.2em 4px 0 0; strke:var(--pri); vertical-align:middle;}

	.btn-view-list {display:block; position:absolute; bottom:10px; left:50%; z-index:30; margin-left:-60px; width:120px; height:40px; border:0; border-radius:20px; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.2); color:#121212; font-size:15px; font-weight:700; line-height:1.3em;}
	.btn-view-list svg {width:18px; margin:-.2em 4px 0 0; vertical-align:middle;}

	.find-store-container.view-map .find-store-list .list-area {display:block;}
	.find-store-container.view-map .find-store-map {z-index:-11;}
	.find-store-container.view-map .btn-view-map {display:block;}
	.find-store-container.view-map .btn-view-list {display:none;}

	.customoverlay {bottom:60px; border-radius:1em;}

	.board-list-m .store-item {padding:18px 8px;}
}

@media (max-width: 360px){
	.customoverlay {width:290px; margin-left:-145px;}
}