@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

.ohp{font-family:'Plus Jakarta Sans',sans-serif;color:#16344A;width:100vw;position:relative;left:50%;margin-left:-50vw}
.ohp *{box-sizing:border-box}
.ohp p{margin:0}
.ohp-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.ohp-sec{padding:72px 0}
.ohp-soft{background:#F6FAFD}
.ohp-eyebrow{font-size:12px!important;letter-spacing:.18em;text-transform:uppercase;color:#0F766E;font-weight:700!important;margin:0 0 10px!important}
.ohp-h2{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:clamp(26px,3vw,38px)!important;font-weight:800!important;line-height:1.12!important;margin:0!important;color:#16344A!important;letter-spacing:-.015em}
.ohp-h2 em{font-style:normal;color:#0F766E}
.ohp-sub{font-size:16px;color:#5B7285;margin-top:10px!important;line-height:1.55}
.ohp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.ohp-link{font-size:14px;font-weight:700;color:#0F766E;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px;white-space:nowrap}
.ohp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:999px;background:#16344A;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important;border:0;cursor:pointer;font-family:inherit;transition:background .2s}
.ohp-btn:hover{background:#0F766E}
.ohp-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*22px)/4);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.ohp-row::-webkit-scrollbar{display:none}
.ohp-row>*{scroll-snap-align:start}
.ohp-card{text-decoration:none!important;color:#16344A;display:block}
.ohp-card-img{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid #E3ECF3;border-radius:16px;overflow:hidden}
.ohp-soft .ohp-card-img{border-color:#fff}
.ohp-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7%;transition:opacity .35s,transform .5s}
.ohp-card-img img+img{opacity:0;object-fit:cover;padding:0}
.ohp-card:hover .ohp-card-img img+img{opacity:1}
.ohp-card:hover .ohp-card-img img:only-child{transform:scale(1.05)}
.ohp-card-v{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:#5B7285;margin:14px 0 4px!important;font-weight:700!important}
.ohp-card-t{font-size:15px!important;font-weight:600!important;line-height:1.4!important;margin:0 0 6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.ohp-card-p{font-size:15px;font-weight:800;color:#0F766E}
.ohp-more{text-align:center;margin-top:34px}
@media(max-width:989px){.ohp-row{grid-auto-columns:calc((100% - 2*16px)/2.5);gap:16px}}
@media(max-width:749px){.ohp-wrap{padding:0 18px}.ohp-sec{padding:48px 0}.ohp-row{grid-auto-columns:44%;gap:12px}.ohp-head{margin-bottom:22px}}

.ohp,.ohp-head,.ohp-head>div,.ohp-spot-txt,.ohp-news{text-align:left}
.ohp-more{text-align:center}
.ohp-cat,.ohp-price{text-align:center}