.home-page-search{
	position:relative;
	width:100%;
	max-width:1440px;
	margin:0 auto;
	padding-top:8px;
	text-align:center
}
.home-page-search__wrap{
	position:relative;
	width:600px;
	margin:0 auto
}
.home-page-search__form-container{
	position:relative;
	width:448px;
	height:48px;
	margin:0 auto 16px
}
.home-page-search__form-submit{
	position:absolute;
	top:50%;
	left:24px;
	width:24px;
	height:24px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:0;
	color:transparent
}
.home-page-search__form-submit .icon{
	width:100%;
	height:100%
}
.home-page-search__form .text-field{
	height:48px;
	padding:12px 48px 12px 64px;
	background:#f7f7f7;
	border-radius:22px
}
.home-page-search__form .text-field label{
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:64px
}
.home-page-search__form .text-field input{
	height:24px;
	padding:0;
	border:0
}
.home-page-search__form .text-field .icon{
	display:none;
	top:50%;
	right:24px;
	width:16px;
	height:16px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	fill:#8f8f8f
}
.home-page-search__form .text-field.text-field--focus .icon{
	display:block
}
.home-page-search__form .text-field.text-field--active .icon{
	display:block
}
.home-page-search__keyword-list{
	margin:0 20px;
	font-size:0;
	text-align:center
}
.home-page-search__keyword-list-item{
	margin-top: 10px;
	display:inline-block;
	padding:0 4px 8px 4px
}
@media only screen and (min-width:768px) and (max-width:1440px){
	padding-top:.55555556vw;
	.home-page-search__wrap{
	width:41.66666667vw
}
.home-page-search__form-container{
	width:31.11111111vw;
	height:3.33333333vw;
	margin-bottom:1.11111111vw;
}
.home-page-search__form .text-field{
	height:3.33333333vw;
	padding:.83333333vw 3.33333333vw .83333333vw 4.44444444vw;
	border-radius:1.52777778vw
}
.home-page-search__form .text-field input{
	height:1.66666667vw
}
.home-page-search__form .text-field .icon{
	right:1.66666667vw;
	width:1.11111111vw;
	height:1.11111111vw
}
.home-page-search__form-submit{
	left:1.66666667vw;
	width:1.66666667vw;
	height:1.66666667vw
}
.home-page-search__keyword-list{
	margin:0vw 1.38888889vw
}
.home-page-search__keyword-list-item{
	padding:0vw .27777778vw .55555556vw .27777778vw
}

}
@media only screen and (max-width:767px){
	.home-page-search{
	padding-top:2.22222222vw
}
.home-page-search__wrap{
	width:100%
}
.home-page-search__form-container{
	width:100%;
	height:11.11111111vw;
	margin:0vw 0vw 4.44444444vw 0vw;
	padding:0vw 1.11111111vw;
    padding-top: 22%;
}
.home-page-search__form .text-field{
	height:11.11111111vw;
	padding:2.77777778vw 12.22222222vw 3.05555556vw 11.11111111vw;
	border-radius:6.11111111vw
}
.home-page-search__form .text-field label{
	left:11.11111111vw
}
.home-page-search__form .text-field input{
	height:5.27777778vw
}
.home-page-search__form .text-field .icon{
	right:6.66666667vw;
	width:4.44444444vw;
	height:4.44444444vw
}
.home-page-search__form-submit{
	left:5.55555556vw;
	width:4.44444444vw;
	height:4.44444444vw
}
.home-page-search__keyword-list{
	margin:0
}

}

.search_hints {
    display: none;
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;
    height: 300px;
    max-height: 300px;
    overflow: scroll;
}