@charset "UTF-8";


	
.header-menu-bg.search #modal-search {
    display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}


	
	
/* search-popup
--------------------- */
.search-popup {
    display: none;
    width: 100%;
    height: 100%;
    padding: 2% 5%;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
	.search-popup .search-popup-bg {
		max-width: 500px;
		background: #fff;
		padding: 35px 30px;
		border-radius: 20px;
		margin: 0 auto;
		position: relative;
	}
		.search-popup .search-popup-bg .close {
			position: absolute;
			top: 10px;
			right: 10px;
		}


		.search-popup .search-popup-bg .btnlist {
			padding: 0 30px;
			display: flex;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			.search-popup .search-popup-bg .btnlist button {
				width: 48%;
				height: 50px;
				border-radius: 25px;
				font-size: 1.6rem;
				font-weight: 500;
				line-height: 1;
				text-align: center;
			}
			.search-popup .search-popup-bg .btnlist button.search-reset {
				background: #D6D6D6;
				margin-right: 4%;
			}
			.search-popup .search-popup-bg .btnlist button.search-submit {
				background: #333333;
				color: #fff;
			}


		.search-popup .search-popup-bg .set {
			margin-bottom: 35px;
		}
			.search-popup .search-popup-bg .head {
				font-size: 1.8rem;
				font-weight: 500;
				margin-bottom: 15px;
			}
			.search-popup .search-popup-bg .head-min {
				font-size: 1.5rem;
				font-weight: 500;
				margin-bottom: 10px;
			}

			.search-popup .search-popup-bg .set .cell {
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: dashed 1px #ddd;
			}
			.search-popup .search-popup-bg .set .cell:nth-last-child(1) {
				padding-bottom: 15px;
				margin-bottom: 15px;
				border-bottom: solid 1px #ddd;
			}



			.search-popup .search-popup-bg .keyword input {
				background: #F4F4F4;
				border: solid 1px #EAEAEA;
				border-radius: 5px;
				font-size: 1.6rem;
				padding: 15px;
			}


			.search-popup .search-popup-bg .price {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				font-size: 1.6rem;
			}
				.search-popup .search-popup-bg .price input {
					width: 170px;
					background: #F4F4F4;
					border: solid 1px #EAEAEA;
					border-radius: 5px;
					font-size: 1.6rem;
					padding: 15px;
				}
				.search-popup .search-popup-bg .price input:nth-child(1) {
					margin-right: 12px;
				}
				.search-popup .search-popup-bg .price input:nth-child(2) {
					margin-left: 12px;
					margin-right: 12px;
				}


			.search-popup .search-popup-bg .gender {
				border-top: solid 1px #ddd;
				padding-top: 20px;
			}
				.search-popup .search-popup-bg .gender ul {
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				}
					.search-popup .search-popup-bg .gender ul li {
						margin-right: 15px;
					}
						.search-popup .search-popup-bg .gender ul li label {
							 display: inline-block;
						}
							.search-popup .search-popup-bg .gender ul li label input[type=radio].radio_btn_item {
								display: none;
							}
							.search-popup .search-popup-bg .gender ul li label .radio_btn_item + span {
								padding-left: 24px;
								display: inline-block;
								font-size: 1.4rem;
								position: relative;
							}
							.search-popup .search-popup-bg .gender ul li label .radio_btn_item + span::after,
							.search-popup .search-popup-bg .gender ul li label .radio_btn_item + span::before {
								content: '';
								display: block;
								position: absolute;
							}
							.search-popup .search-popup-bg .gender ul li label .radio_btn_item + span::before {
								border: 1px solid #EAEAEA;
								background: #F4F4F4;
								border-radius: 50%;
								top: -1px;
								left: 0;
								height: 18px;
								width: 18px;
							}
							.search-popup .search-popup-bg .gender ul li label .radio_btn_item + span::after{
								border: none;
								border-right: 3px solid #F5C558;
								border-bottom: 3px solid #F5C558;
								height: 12px;
								left: 6px;
								opacity: 0;
								top: 50%;
								transform: rotate(45deg);
								width: 7px;
								margin-top: -8px;
							}
							.search-popup .search-popup-bg .gender ul li label .radio_btn_item:checked + span::after {
								opacity: 1;
							}


			.search-popup .search-popup-bg .narrow-down {
				display: none;
			}
				.search-popup .search-popup-bg .narrow-down ul {
					display: none;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				}
				.search-popup .search-popup-bg .narrow-down ul.trigger {
					display: flex;
				}
					.search-popup .search-popup-bg .narrow-down ul li {
						margin-right: 15px;
						margin-bottom: 15px;
					}
						.search-popup .search-popup-bg .narrow-down ul li label {
							 display: inline-block;
						}
							.search-popup .search-popup-bg .narrow-down ul li label input[type=checkbox].checkbox_btn_item {
								display: none;
							}
							.search-popup .search-popup-bg .narrow-down ul li label .checkbox_btn_item + span {
								padding-left: 24px;
								display: inline-block;
								font-size: 1.4rem;
								position: relative;
							}
							.search-popup .search-popup-bg .narrow-down ul li label .checkbox_btn_item + span::after,
							.search-popup .search-popup-bg .narrow-down ul li label .checkbox_btn_item + span::before {
								content: '';
								display: block;
								position: absolute;
							}
							.search-popup .search-popup-bg .narrow-down ul li label .checkbox_btn_item + span::before {
								border: 1px solid #EAEAEA;
								background: #F4F4F4;
								border-radius: 4px;
								top: -1px;
								left: 0;
								height: 18px;
								width: 18px;
							}
							.search-popup .search-popup-bg .narrow-down ul li label .checkbox_btn_item + span::after{
								border: none;
								border-right: 3px solid #F5C558;
								border-bottom: 3px solid #F5C558;
								height: 12px;
								left: 6px;
								opacity: 0;
								top: 50%;
								transform: rotate(45deg);
								width: 7px;
								margin-top: -8px;
							}
							.search-popup .search-popup-bg .narrow-down ul li label .checkbox_btn_item:checked + span::after {
								opacity: 1;
							}


			.search-popup .search-popup-bg .category {
				display: none;
			}
				.search-popup .search-popup-bg .category .cp_ipselect {
					display: none;
					overflow: hidden;
					width: 100%;
					position: relative;
					border-radius: 5px;
					background: #F5F5F5;
					border: solid 1px #EAEAEA;
				}
				.search-popup .search-popup-bg .category .cp_ipselect select {
					width: 100%;
					cursor: pointer;
					text-overflow: ellipsis;
					border: none;
					outline: none;
					background: transparent;
					background-image: none;
					box-shadow: none;
					-webkit-appearance: none;
					appearance: none;
				}
				.search-popup .search-popup-bg .category .cp_ipselect select::-ms-expand {
					display: none;
				}
				.search-popup .search-popup-bg .category .cp_ipselect::before {
					position: absolute;
					top: 50%;
					right: 15px;
					width: 0;
					height: 0;
					padding: 0;
					margin-top: -5px;
					content: '';
					border-left: 6px solid transparent;
					border-right: 6px solid transparent;
					border-top: 6px solid #666666;
					pointer-events: none;
				}
				.search-popup .search-popup-bg .category .cp_ipselect select {
					padding: 15px;
					font-size: 1.6rem;
				}