.gbd01-kv{max-width:1440px;margin:0 auto}
.gbd01-kv__container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 24px;text-align:center}
.gbd01-kv__title{font-size:48px;line-height:1.2;color:#fff}
.gbd01-kv__desc{display:inline-block;margin-top:6px;font-size:14px;line-height:1.33;color:#fff}
.gbd01-kv__image{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}
.gbd01-kv__search-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:32px;padding-left:24px}
.gbd01-kv__search-form{position:relative;z-index:1;width:450px;height:50px;text-align:left}
.gbd01-kv__search-form.is-active .gbd01-kv__form-container{background-color:#fff;-webkit-box-shadow:0 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0 4px 10px -2px rgba(0,0,0,0.2)}
.gbd01-kv__search-form.is-active .gbd01-kv__suggested{visibility:visible;max-height:none;padding:16px 0 17px}
.gbd01-kv__search-code{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:18px}
.gbd01-kv__search-code .text{position:relative;padding-bottom:5px;font-size:14px;font-weight:bold;color:#fff}
.gbd01-kv__search-code .text::after{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#fff;content:''}
.gbd01-kv__search-code .icon{width:24px;height:24px;margin-left:8px;fill:#fff}
.gbd01-kv__form-container{position:absolute;top:0;left:0;width:100%;border:1px solid #757575;border-radius:24px;background-color:#f7f7f7}
.gbd01-kv__form .btn-search{position:absolute;top:50%;left:24px;width:24px;height:24px;font-size:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.gbd01-kv__form .btn-search .icon{width:100%;height:100%}
.gbd01-kv__form .btn-close{display:none}
.gbd01-kv__form .text-field-wrap{position:relative}
.gbd01-kv__form .text-field{height:48px;padding:12px 48px 12px 64px;border-radius:24px}
.gbd01-kv__form .text-field label{top:50%;left:64px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#555}
.gbd01-kv__form .text-field input{padding:0;border:0;color:#555;caret-color:#000}
.gbd01-kv__form .text-field .btn-delete{display:none;position:absolute;top:50%;right:24px;width:16px;height:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.gbd01-kv__form .text-field .btn-delete .icon{display:block;position:static;width:100%;height:100%;fill:#8f8f8f;pointer-events:none}
.gbd01-kv__suggested{visibility:hidden;max-height:0}
.gbd01-kv__suggested--no-result{display:none}
.gbd01-kv__suggested-title{height:48px;padding:0 60px 0 24px;color:#000;font-size:18px;font-weight:bold;line-height:48px}
.gbd01-kv__suggested-link{display:block;min-height:40px;padding:10px 60px 11px 24px;color:#000;font-size:14px;line-height:1.33}
.gbd01-kv__suggested-link:hover,.gbd01-kv__suggested-link:focus{background-color:#f7f7f7}
.gbd01-kv__layer-popup{display:none}
.gbd01-kv__layer-popup .layer-popup{position:fixed;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,0.6);z-index:3100}
.gbd01-kv__layer-popup .layer-popup__inner{position:relative;display:inline-block;width:452px;padding:24px 56px 24px 24px;border-radius:20px;background-color:#fff}
.gbd01-kv__layer-popup .layer-popup__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.gbd01-kv__layer-popup .layer-popup__title{font-size:24px;font-weight:bold;line-height:1.33}
.gbd01-kv__layer-popup .layer-popup__desc{margin-top:16px;font-size:18px;line-height:1.33}
.gbd01-kv__layer-popup .layer-popup__ordered-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px;font-size:14px;line-height:1.33}
.gbd01-kv__layer-popup .layer-popup__ordered-item .num{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;margin-right:8px;border-radius:50%;background-color:#000;color:#fff;font-weight:700}
.gbd01-kv__layer-popup .layer-popup__close{display:inline-block;position:absolute;top:24px;right:24px;width:24px;height:24px}
.gbd01-kv__layer-popup .layer-popup__close .icon{width:100%;height:100%}
@media only screen and (min-width:768px) and (max-width:1440px){.gbd01-kv__container{padding:0vw 1.66666667vw}
.gbd01-kv__title{font-size:3.33333333vw}
.gbd01-kv__desc{margin-top:.41666667vw;font-size:.97222222vw}
.gbd01-kv__search-wrap{margin-top:2.22222222vw;padding-left:1.66666667vw}
.gbd01-kv__search-form{width:31.25vw;height:3.47222222vw}
.gbd01-kv__search-form.is-active .gbd01-kv__suggested{padding:1.11111111vw 0vw 1.18055556vw 0vw}
.gbd01-kv__search-code{margin-left:1.25vw}
.gbd01-kv__search-code .text{padding-bottom:.34722222vw;font-size:.97222222vw}
.gbd01-kv__search-code .icon{width:1.66666667vw;height:1.66666667vw;margin-left:.55555556vw}
.gbd01-kv__form-container{border-radius:1.66666667vw}
.gbd01-kv__form .btn-search{left:1.66666667vw;width:1.66666667vw;height:1.66666667vw}
.gbd01-kv__form .text-field{height:3.33333333vw;padding:.83333333vw 3.33333333vw .83333333vw 4.44444444vw;border-radius:1.66666667vw}
.gbd01-kv__form .text-field label{left:4.44444444vw}
.gbd01-kv__form .text-field .btn-delete{right:1.66666667vw;width:1.11111111vw;height:1.11111111vw}
.gbd01-kv__suggested-title{height:3.33333333vw;padding:0vw 4.16666667vw 0vw 1.66666667vw;font-size:1.25vw;line-height:3.33333333vw}
.gbd01-kv__suggested-link{min-height:2.77777778vw;padding:.69444444vw 4.16666667vw .76388889vw 1.66666667vw;font-size:.97222222vw}
.gbd01-kv__layer-popup .layer-popup__inner{width:31.38888889vw;padding:1.66666667vw 3.88888889vw 1.66666667vw 1.66666667vw}
.gbd01-kv__layer-popup .layer-popup__title{font-size:1.66666667vw}
.gbd01-kv__layer-popup .layer-popup__desc{margin-top:1.11111111vw;font-size:1.25vw}
.gbd01-kv__layer-popup .layer-popup__ordered-item{margin-top:1.11111111vw;font-size:.97222222vw}
.gbd01-kv__layer-popup .layer-popup__ordered-item .num{width:1.66666667vw;height:1.66666667vw;margin-right:.55555556vw}
.gbd01-kv__layer-popup .layer-popup__close{top:1.66666667vw;right:1.66666667vw;width:1.66666667vw;height:1.66666667vw}
}
@media only screen and (max-width:767px){.gbd01-kv__container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:13.33333333vw 6.66666667vw 8.88888889vw 6.66666667vw}
.gbd01-kv__title{font-size:8.33333333vw;line-height:1.33}
.gbd01-kv__desc{margin-top:2.22222222vw;font-size:2.77777778vw}
.gbd01-kv__search-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:6.66666667vw;padding-left:0}
.gbd01-kv__search-form{width:100%;height:11.66666667vw}
.gbd01-kv__search-form.is-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2999;height:auto;background-color:#fff}
.gbd01-kv__search-form.is-layer .gbd01-kv__form-container{border:0;-webkit-box-shadow:none;box-shadow:none}
.gbd01-kv__search-form.is-layer .gbd01-kv__form .text-field-wrap{padding:2.22222222vw 6.66666667vw 2.22222222vw 15.55555556vw}
.gbd01-kv__search-form.is-layer .gbd01-kv__form .text-field{padding:3.05555556vw 18.33333333vw 3.33333333vw 4.44444444vw;border-radius:5.55555556vw;background-color:#f7f7f7}
.gbd01-kv__search-form.is-layer .gbd01-kv__form .text-field label{left:4.44444444vw;right:15.27777778vw}
.gbd01-kv__search-form.is-layer .gbd01-kv__form .text-field .btn-delete{right:11.11111111vw;width:4.16666667vw;height:4.16666667vw}
.gbd01-kv__search-form.is-layer .gbd01-kv__form .btn-search{left:auto;right:11.11111111vw;width:4.16666667vw;height:4.16666667vw}
.gbd01-kv__search-form.is-layer .gbd01-kv__form .btn-close{display:block;position:absolute;top:50%;left:6.66666667vw;width:6.66666667vw;height:6.66666667vw;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.gbd01-kv__search-form.is-layer .gbd01-kv__form .btn-close .icon{width:100%;height:100%}
.gbd01-kv__search-form.is-layer .gbd01-kv__suggested{padding:2.22222222vw 0vw}
.gbd01-kv__search-code{margin-top:2.22222222vw;margin-left:0}
.gbd01-kv__search-code .text{font-size:3.88888889vw;padding-bottom:1.66666667vw}
.gbd01-kv__search-code .icon{display:none}
.gbd01-kv__form-container{border-radius:5.55555556vw;background-color:#fff}
.gbd01-kv__form .btn-search{left:5vw;width:5vw;height:5vw}
.gbd01-kv__form .text-field{height:11.11111111vw;padding:2.77777778vw 12.22222222vw 3.05555556vw 12.22222222vw;border-radius:5.55555556vw}
.gbd01-kv__form .text-field label{left:12.22222222vw}
.gbd01-kv__form .text-field .btn-delete{right:4.44444444vw;width:4.44444444vw;height:4.44444444vw}
.gbd01-kv__suggested-title{height:13.33333333vw;padding:0vw 6.66666667vw;font-size:5vw;line-height:13.33333333vw}
.gbd01-kv__suggested-link{min-height:11.11111111vw;padding:2.77777778vw 6.66666667vw 3.05555556vw 6.66666667vw;font-size:3.88888889vw}
.gbd01-kv__suggested .scrollbar__contents{max-height:none}
.gbd01-kv__layer-popup .layer-popup__inner{width:86.66666667vw;padding:6.66666667vw 15.55555556vw 6.66666667vw 6.66666667vw}
.gbd01-kv__layer-popup .layer-popup__title{font-size:6.11111111vw}
.gbd01-kv__layer-popup .layer-popup__desc{margin-top:4.44444444vw;font-size:3.88888889vw}
.gbd01-kv__layer-popup .layer-popup__ordered-item{margin-top:4.44444444vw;font-size:3.33333333vw}
.gbd01-kv__layer-popup .layer-popup__ordered-item .num{width:6.66666667vw;height:6.66666667vw;margin-right:2.22222222vw;font-size:3.88888889vw}
.gbd01-kv__layer-popup .layer-popup__close{top:6.66666667vw;right:6.66666667vw;width:6.66666667vw;height:6.66666667vw}
}