@charset "utf-8";
		.shortening{
			overflow: hidden; 
			text-overflow: ellipsis; 
			white-space: nowrap;
		}
		
		.search-del {
			position: absolute;
		    top: -15px;
		    right: -15px;
		    width: 30px;
		    height: 30px;
		    line-height: 30px;
		    background-color: var(--color-basic);
		    text-align: center;
		    color: var(--color-basic-reverse);
		    font-size: 1.6rem;
		    border-radius: 50%;
		    z-index: 100;
		}
		
		.searchList {
			position: absolute;
			top: 105%;
		    padding-top: 36px;
		    background-color: white;
		    width: 100%;
		    max-height: 240px;
		    overflow: hidden;
		    z-index: 500;
		    border-radius: 0 0 25px 25px;
		}
		
		.searchList a {
		    padding: 15px;
		    padding-left: 45px;
		}
		
		.searchList a:hover  {
		    background: rgba(0, 0, 0, .05)
		}
		
		.searchList a.active {
		    background: rgba(0, 0, 0, .05)
		}
		
		.lnd-box .keyword-del-btn {
			position: absolute;
		    top: calc(50% - 15px);
		    right: 25px;
		    display: inline-block;
		    width: 36px;
		    height: 30px;
		    line-height: 30px;
		    text-align: center;
		    font-size: 1.8rem;
		    color: var(--color-gray-deep);
		}
		
		.location-modal .loca-select-list {
		    position: absolute;
		    left: 0;
		    top	: 30px;
		    width: 100%;
		    padding: 15px 25px;
		    background-color: var(--bg-basic);
		    border-radius: 20px 20px 0 0;
		    z-index: 200;
		    transition: .2s;
		    opacity: 0;
		}
		
		.location-modal.modal-open .loca-select-list {
		    bottom: 0px;
		    opacity: 1;
		    margin-top : 10%;
		}
		
		.location-modal .loca-select-list ul li:not(:last-child) {
		    border-bottom: 1px dotted var(--border-line);
		}
		
		.location-modal .loca-select-list ul li .lsl-btn {
		    align-items: flex-start;
		    width: 100%;
		    padding: 12px 0;
		    text-align: left;
		}
		
		.location-modal .loca-select-list ul li .lsl-btn em {
		    flex-grow: 1;
		}
		
		.location-modal .loca-select-list ul li .lsl-btn span.time {
		    flex-shrink: 0;
		    width: 100px;
		    text-align: right;
		    color: var(--color-gray-deep);
		}
		
		.location-modal .greenBtn  {
			position: fixed;
		    bottom: 10%;
		    left: 10%;
		    width: 80%;
		    border-radius: 0 0 5px 5px;
		    z-index : 9999;
		}


/* -------------------------------- */
@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
	.location-modal.modal-open .loca-select-list {
		margin-top : 5%;
	}
}

@media screen and (min-width: 979px) {
}

@media screen and (min-width:1239px) {
}

@media screen and (min-width:1339px) {
}

@media screen and (min-width:1439px) {
	.location-modal.modal-open .loca-select-list {
		margin-top: 2%;
	}
}

@media screen and (min-width:1639px) {
}

@media screen and (min-width:1839px) {
	.location-modal.modal-open .loca-select-list {
		margin-top: 1%;
	}
}