bnon-what-we-do{display:block}.bnon-what-we-do{overflow:hidden;padding-block:76px 120px;background:var(--bnon-color-white)}.bnon-what-we-do__intro{display:grid;gap:18px}.bnon-what-we-do__eyebrow,.bnon-what-we-do__heading,.bnon-what-we-do__description{margin:0}.bnon-what-we-do__eyebrow{font-family:var(--bnon-font-latin);font-size:50px;font-weight:var(--bnon-weight-extrabold);line-height:1.1;letter-spacing:-.04em}.bnon-what-we-do__heading{font-family:var(--bnon-font-latin);font-size:clamp(48px,6.25vw,90px);font-weight:var(--bnon-weight-extrabold);line-height:1.2;letter-spacing:-.04em;color:#454545;overflow-wrap:anywhere}.bnon-what-we-do__description{justify-self:end;max-width:none;margin-top:35px;font-family:var(--bnon-font-korean);font-size:24px;font-weight:var(--bnon-weight-semibold);line-height:1.2;letter-spacing:-.04em;text-align:right;white-space:nowrap}.bnon-what-we-do__description-medium{font-weight:500}.bnon-what-we-do__description-extrabold{font-weight:800}.bnon-what-we-do__mobile-break,.bnon-what-we-do__mobile-description{display:none}.bnon-what-we-do__accordion{margin-top:85px}.bnon-what-we-do__item{background:var(--bnon-color-black)}.bnon-what-we-do__trigger{--bnon-what-we-do-row-inset: 56px;position:relative;display:block;width:100%;min-height:80px;padding:20px var(--bnon-what-we-do-row-inset);border:0;color:var(--bnon-color-white);background:var(--bnon-color-black);font-family:var(--bnon-font-latin);font-size:30px;font-weight:var(--bnon-weight-extrabold);line-height:1.2;letter-spacing:-.04em;text-align:left;cursor:pointer;transition:background-color var(--bnon-duration-ui-slow) ease}.bnon-what-we-do__trigger-label{position:absolute;top:50%;left:var(--bnon-what-we-do-row-inset);display:flex;gap:10px;align-items:center;width:calc(100% - 2 * var(--bnon-what-we-do-row-inset));max-width:calc(100% - 2 * var(--bnon-what-we-do-row-inset));transform:translateY(-50%);transition:left var(--bnon-duration-ui-slow) ease,transform var(--bnon-duration-ui-slow) ease,text-align var(--bnon-duration-ui-fast) ease}.bnon-what-we-do__arrow{position:absolute;top:50%;right:var(--bnon-what-we-do-row-inset);width:22px;height:12.5px;transform:translateY(-50%);transition:transform var(--bnon-duration-ui-slow) ease}.bnon-what-we-do__arrow svg{display:block;width:100%;height:100%}.bnon-what-we-do__item.is-open .bnon-what-we-do__trigger{background:var(--bnon-color-blue)}.bnon-what-we-do__item.is-open .bnon-what-we-do__trigger-label{position:absolute;left:50%;width:calc(100% - 2 * var(--bnon-what-we-do-row-inset));justify-content:center;transform:translate(-50%,-50%);text-align:center}.bnon-what-we-do__item.is-open .bnon-what-we-do__arrow{transform:translateY(-50%) rotate(180deg)}.bnon-what-we-do__panel-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--bnon-duration-ui-slow) ease}.bnon-what-we-do__item.is-open .bnon-what-we-do__panel-wrap{grid-template-rows:1fr}.bnon-what-we-do__panel{position:relative;display:grid;min-height:0;overflow:hidden;background:#e8e8e8}.bnon-what-we-do__detail{position:relative;z-index:1;box-sizing:border-box;width:min(489px,100%);min-height:306px;margin-inline:auto;padding:41px 0;text-align:center}.bnon-what-we-do__detail-title,.bnon-what-we-do__detail-description,.bnon-what-we-do__feature{margin:0}.bnon-what-we-do__detail-title{font-family:var(--bnon-font-korean);font-size:30px;font-weight:var(--bnon-weight-bold);line-height:1.2;letter-spacing:-.04em}.bnon-what-we-do__detail-description{margin-top:30px;font-family:var(--bnon-font-korean);font-size:20px;font-weight:var(--bnon-weight-medium);line-height:1.6;letter-spacing:-.04em}.bnon-what-we-do__feature{margin-top:20px;font-family:var(--bnon-font-korean);font-size:20px;font-weight:var(--bnon-weight-bold);line-height:1.6;letter-spacing:-.04em;color:var(--bnon-color-blue)}.bnon-what-we-do__link{display:inline-flex;margin-top:28px;padding:10px;border:1px solid var(--bnon-color-black);color:var(--bnon-color-black);font-family:var(--bnon-font-korean);font-size:20px;font-weight:var(--bnon-weight-semibold);line-height:1.2;letter-spacing:-.04em;text-decoration:none}.bnon-what-we-do__link.is-disabled{opacity:.65}.bnon-what-we-do__decorative-number{position:absolute;top:-68px;right:-10px;font-family:var(--bnon-font-latin);font-size:400px;font-weight:900;line-height:1.2;letter-spacing:-.04em;color:#3154ee0f;pointer-events:none}.bnon-what-we-do__trigger:focus-visible,.bnon-what-we-do__link:focus-visible{outline:2px solid var(--bnon-color-mint);outline-offset:-5px}@media screen and (max-width:1023px){.bnon-what-we-do{padding-block:64px 96px}.bnon-what-we-do__eyebrow{font-size:42px}.bnon-what-we-do__description{font-size:24px;white-space:normal}.bnon-what-we-do__accordion{margin-top:64px}.bnon-what-we-do__trigger{font-size:24px}}@media screen and (max-width:767px){.bnon-what-we-do{padding-block:48px 72px}.bnon-what-we-do__intro{gap:14px}.bnon-what-we-do__eyebrow{font-size:30px}.bnon-what-we-do__heading{font-size:clamp(42px,11vw,72px)}.bnon-what-we-do__description{max-width:none;margin-top:18px;font-size:18px;text-align:left}.bnon-what-we-do__accordion{margin-top:48px}.bnon-what-we-do__trigger{--bnon-what-we-do-row-inset: 20px;min-height:72px;padding-block:18px;font-size:20px}.bnon-what-we-do__trigger-label{align-items:flex-start;gap:8px}.bnon-what-we-do__item.is-open .bnon-what-we-do__trigger-label{width:calc(100% - 2 * var(--bnon-what-we-do-row-inset))}.bnon-what-we-do__detail{width:100%;min-height:0;padding:32px 20px;text-align:left}.bnon-what-we-do__detail-title{font-size:24px}.bnon-what-we-do__detail-description,.bnon-what-we-do__feature{font-size:16px}.bnon-what-we-do__link{margin-top:24px;font-size:16px}.bnon-what-we-do__decorative-number{top:10px;right:-12px;font-size:210px}}@media screen and (max-width:480px){.bnon-what-we-do__eyebrow{font-size:26px}.bnon-what-we-do__heading{font-size:40px}.bnon-what-we-do__trigger{font-size:18px}.bnon-what-we-do__mobile-break{display:block}.bnon-what-we-do__desktop-description{display:none}.bnon-what-we-do__mobile-description{display:inline}}@media screen and (min-width:768px)and (max-width:1023px){.bnon-what-we-do__description{font-size:clamp(16px,2vw,20px);white-space:nowrap}}@media screen and (max-width:480px){.bnon-what-we-do{padding-block:48px 64px}.bnon-what-we-do__heading{max-width:100%;font-size:clamp(37px,10.5vw,45px);line-height:1.08;overflow-wrap:normal;word-break:normal}.bnon-what-we-do__description{margin-top:14px;font-size:16px;line-height:1.45}.bnon-what-we-do__accordion{margin-top:36px}.bnon-what-we-do__trigger{--bnon-what-we-do-row-inset: 16px;min-height:70px;font-size:16px}.bnon-what-we-do__trigger-label{width:calc(100% - 72px);max-width:calc(100% - 72px);gap:7px;line-height:1.15}.bnon-what-we-do__trigger-label>span:first-child{flex:0 0 auto}.bnon-what-we-do__trigger-label>span:last-child{min-width:0;overflow-wrap:anywhere}.bnon-what-we-do__item.is-open .bnon-what-we-do__trigger-label{width:calc(100% - 84px);max-width:calc(100% - 84px)}.bnon-what-we-do__arrow{right:16px;width:20px}.bnon-what-we-do__detail{padding:28px 18px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/bnon-what-we-do.css.map */