.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;border:1px solid #757575}
.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.text-field--focus .home-page-search__form-delete{display:block}
.home-page-search__form .text-field.text-field--active .home-page-search__form-delete{display:block}
.home-page-search__form-delete{position:absolute;display:none;top:50%;right:24px;width:16px;height:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:0}
.home-page-search__form-delete .icon{position:relative;width:100%;height:100%;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;fill:#8f8f8f}
.home-page-search__keyword-list{margin:0 20px;font-size:0;text-align:center}
.home-page-search__keyword-list-item{display:inline-block;padding:0 4px 8px 4px}
@media only screen and (min-width:768px) and (max-width:1440px){.home-page-search{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-submit{left:1.66666667vw;width:1.66666667vw;height:1.66666667vw}
.home-page-search__form-delete{right:1.66666667vw;width:1.11111111vw;height:1.11111111vw}
.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}
.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-submit{left:5.55555556vw;width:4.44444444vw;height:4.44444444vw}
.home-page-search__form-delete{right:6.66666667vw;width:4.44444444vw;height:4.44444444vw}
.home-page-search__keyword-list{margin:0}
}