.sub__header{background-color:#00a0e9;position:relative;height:240px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.sub__header.sp-none{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}}@media screen and (max-width: 768px){.sub__header{height:196px}}.sub__header .container{position:relative;z-index:10}.sub__header .container .sub__title{font-size:36px;font-weight:700;color:#fff;text-align:center}@media screen and (max-width: 768px){.sub__header .container .sub__title{font-size:32px}}@media screen and (max-width: 480px){.sub__header .container .sub__title{font-size:28px;word-break:auto-phrase}.sub__header .container .sub__title.break{word-break:break-all}}.sub__header::after{content:"";background-image:url(../img/headerBg.png);opacity:.2;position:absolute;top:0;left:0;width:100%;height:100%}.cta .cta__inner{max-width:900px;margin:0 auto;display:flex;gap:48px;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}@media screen and (max-width: 992px){.cta .cta__inner{justify-content:center}}@media screen and (max-width: 768px){.cta .cta__inner{flex-direction:column;align-items:center;gap:24px}}.cta .cta__inner .cta__logo{width:240px;flex-shrink:0}@media screen and (max-width: 480px){.cta .cta__inner .cta__logo{width:160px}}.cta .cta__inner .cta__logo img{width:100%;height:100%;object-fit:contain}.cta .cta__inner .cta__txt{text-align:center;display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 992px){.cta .cta__inner .cta__txt{gap:16px;align-items:center}}.cta .cta__inner .cta__txt .cta__txt-title{font-size:32px;color:#fff;font-weight:700}@media screen and (max-width: 480px){.cta .cta__inner .cta__txt .cta__txt-title{font-size:24px}}.cta .cta__inner .cta__txt .cta__btn{display:flex;gap:16px}@media screen and (max-width: 992px){.cta .cta__inner .cta__txt .cta__btn{flex-direction:column}}.cta .cta__inner .cta__txt .cta__btn img{width:24px;height:24px;object-fit:contain;margin-right:8px;vertical-align:middle}.cta .cta__inner .cta__txt .cta__txt-note{font-size:14px;color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background-color:#87a2c4;color:#fff;text-align:center}.pagination span{background-color:#0f4589}.pagination span.dots{background-color:rgba(0,0,0,0);color:#0f4589}.search{max-width:960px;margin:0 auto}.search .search__pickup .search__pickup-title{font-size:18px;font-weight:700;color:#0f4589;margin-bottom:8px}.search .search__pickup .search__pickup-list{display:flex;flex-wrap:wrap;list-style:none;gap:8px;margin-bottom:16px}.search .search__pickup .search__pickup-list .search__pickup-item{background-color:#2c2c2c;padding:4px 8px;font-size:14px;border-radius:4px;transition:all .3s ease}@media screen and (max-width: 480px){.search .search__pickup .search__pickup-list .search__pickup-item{font-size:12px}}.search .search__pickup .search__pickup-list .search__pickup-item:hover{background-color:#565656}.search .search__pickup .search__pickup-list .search__pickup-item li{color:#fff}.search .search__form form{position:relative}.search .search__form input{width:100%;padding:16px 96px 16px 16px;border-radius:48px;border:1px solid #cfd9e7;font-size:16px}@media screen and (max-width: 768px){.search .search__form input{padding:12px 80px 12px 12px}}.search .search__form .search__form-submit{position:absolute;width:96px;height:100%;right:0;border-radius:50%;top:50%;transform:translateY(-50%)}@media screen and (max-width: 768px){.search .search__form .search__form-submit{width:80px}}@media screen and (max-width: 768px){.search .search__form .search__form-submit{width:72px}}.search .search__form .search__form-submit button{width:100%;height:100%;border:none;cursor:pointer;background-color:#0f4589;border-radius:50px}.search .search__form .search__form-submit button img{width:50%;height:50%;object-fit:contain}.result .result__header{margin-bottom:40px}.result .result__header .result__header-title{font-size:24px;font-weight:700;color:#0f4589}@media screen and (max-width: 768px){.result .result__header .result__header-title{font-size:20px}}@media screen and (max-width: 480px){.result .result__header .result__header-title{font-size:18px}}.result .result__items{display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 480px){.result .result__items{gap:16px}}.result .result__items .result__item{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:8px;border:1px solid #d4d4d4;transition:all .3s ease}.result .result__items .result__item:hover{background-color:#fbfcec}.result .result__items .result__item .result__item-main{display:flex;align-items:center}.result .result__items .result__item .result__item-main .result__item-img{width:160px;height:160px;flex-shrink:0;border-right:1px solid #d4d4d4}@media screen and (max-width: 768px){.result .result__items .result__item .result__item-main .result__item-img{width:120px;height:120px}}@media screen and (max-width: 480px){.result .result__items .result__item .result__item-main .result__item-img{width:96px;height:96px}}.result .result__items .result__item .result__item-main .result__item-img img{width:100%;height:100%;object-fit:cover;padding:16px}.result .result__items .result__item .result__item-main .result__item-info{padding:16px}.result .result__items .result__item .result__item-main .result__item-info .result__item-title{font-size:18px;font-weight:700;margin-bottom:8px}@media screen and (max-width: 768px){.result .result__items .result__item .result__item-main .result__item-info .result__item-title{font-size:16px}}.result .result__items .result__item .result__item-main .result__item-info .result__item-price{font-size:14px;line-height:1.75}@media screen and (max-width: 768px){.result .result__items .result__item .result__item-main .result__item-info .result__item-price{font-size:12px}}.result .result__items .result__item .result__item-btn{flex-shrink:0;padding-right:16px}@media screen and (max-width: 480px){.result .result__items .result__item .result__item-btn{display:none}}.result .result__items .result__item .result__item-btn .pc{color:#fff}@media screen and (max-width: 768px){.result .result__items .result__item .result__item-btn .pc{display:none}}
