@charset "UTF-8";

.businessPage{--hc2:var(--color-brand-navy-deep,#1c2e65);color:#000;}
.businessPage--mobile{--hc2:var(--color-brand-navy,#003c81);}
.businessPage .subTabWrap{padding:0 0 20px;}
.businessPage .subContents{padding-bottom:0;}
.businessIntro{padding:60px 20px;text-align:center;}
.businessPage--live .businessIntro{margin-top:-8px;}
.businessIntro__title{font-size:50px;font-weight:700;line-height:1.36;letter-spacing:.01em;}
.businessIntro__lead{font-size:26px;font-weight:400;line-height:1.36;letter-spacing:.01em;color:var(--hc2);}
.businessIntro__body{margin-top:16px;font-size:17px;line-height:1.64;color:var(--color-text-secondary,#666);}
.businessContent.static{width:1260px;min-width:1260px;max-width:1260px;padding:60px 0 100px;}
.businessHeading{min-height:68px;padding-bottom:20px;border-bottom:1px solid #000;font-size:34px;font-weight:700;line-height:1.36;}
.businessLink{display:inline-flex;align-items:center;justify-content:center;flex:none;width:250px;min-height:55px;padding:12px 24px;border:1px solid var(--hc2);border-radius:100px;background:#fff;color:var(--hc2);font-size:17px;line-height:28px;letter-spacing:-.17px;text-align:center;}
.businessLink:hover{background:var(--hc2);color:#fff;}
.businessLink:focus-visible{outline:3px solid var(--color-brand-blue,#1946b9);outline-offset:4px;}
.businessPanel__name{margin-bottom:20px;font-size:30px;font-weight:700;line-height:1.36;}
.businessPanel__image{display:block;width:100%;height:660px;object-fit:cover;}
.businessPanel__body{position:relative;margin:-74px 50px 0;padding:40px;background:var(--color-bg-ci,#f8f8f8);color:var(--hc2);}
.businessPanel__body>*+*{margin-top:20px;}
.businessPanel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.businessPanel__lead{font-size:22px;font-weight:600;line-height:35px;}
.businessPanel__text{font-size:18px;font-weight:400;line-height:30px;}
.livePlatform>.businessHeading{margin-bottom:40px;}
.livePlatform__item+.livePlatform__item{margin-top:60px;}
.liveSteps{display:flex;font-family:var(--font-sans,"Noto Sans KR","noto-sans",sans-serif);}
.liveSteps__item{position:relative;flex:1;min-width:0;min-height:140px;}
.liveSteps__item:not(:last-child){margin-right:-30px;}
.liveSteps__shape{position:absolute;inset:0;width:100%;height:100%;max-width:none;}
.liveSteps__content{position:relative;margin-left:23.5%;width:66%;padding:19px 0;}
.liveSteps__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;line-height:26px;color:#000;}
.liveSteps__badge{flex:none;padding:3px 15px;border-radius:50px;background:var(--color-process-step,#b01030);color:#fff;font-size:15px;line-height:26px;}
.liveSteps__text{margin-top:11px;font-size:16px;line-height:26px;color:#373737;}
.liveSteps__item--shot{min-height:0;}
.liveSteps__shot{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:none;}
.liveFlow{display:flex;gap:59px;font-family:var(--font-sans,"Noto Sans KR","noto-sans",sans-serif);}
.liveFlow__item{position:relative;flex:1;min-width:0;}
.liveFlow__circle{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:83/82;border-radius:50%;background:#c7c9d2;color:var(--color-brand-navy-deep,#1c2e65);font-size:20px;line-height:26px;text-align:center;font-weight:700;}
.liveFlow__number{font-size:16px;font-weight:700;}
.liveFlow__item:nth-child(2) .liveFlow__circle{background:#afb4c3;}
.liveFlow__item:nth-child(3) .liveFlow__circle{background:#848eae;}
.liveFlow__item:nth-child(4) .liveFlow__circle{background:#616f9e;color:#fff;}
.liveFlow__item:nth-child(5) .liveFlow__circle{background:#3e518e;color:#fff;}
.liveFlow__item:nth-child(6) .liveFlow__circle{background:#1c2e65;color:#fff;}
.liveFlow__arrow{position:absolute;left:calc(100% + 10px);top:calc(50% - 9px);width:39px;height:18px;max-width:none;}
.liveFlow__shot{display:block;width:100%;height:auto;}
.liveAffiliates{margin-top:60px;}
.liveAffiliates>.businessHeading{margin-bottom:30px;}
.liveAffiliates__list{display:grid;gap:10px;}
.liveAffiliates__item{display:flex;align-items:center;gap:40px;padding:40px;background:var(--color-bg-ci,#f8f8f8);}
.liveAffiliates__image{flex:none;width:520px;height:330px;object-fit:cover;}
.liveAffiliates__body{flex:1;min-width:0;}
.liveAffiliates__title{font-size:30px;font-weight:600;line-height:1.36;}
.liveAffiliates__text{margin-top:20px;font-size:18px;line-height:30px;color:var(--hc2);}
.liveAffiliates__text strong{font-weight:700;}
.beautyBrand{display:flex;align-items:flex-start;justify-content:space-between;position:relative;}
.beautyBrand__image{display:block;flex:none;width:587px;height:758px;object-fit:cover;}
.beautyBrand__body{position:relative;width:590px;padding-top:188px;}
.beautyBrand__title{position:relative;margin-bottom:42px;font-size:34px;font-weight:700;line-height:1.36;}
.beautyBrand__title::after{content:"";position:absolute;left:-150px;right:0;bottom:-22px;height:2px;background:var(--hc2);}
.beautyBrand__lead{font-size:22px;font-weight:500;line-height:1.36;color:var(--hc2);}
.beautyBrand__text{margin-top:20px;font-size:18px;line-height:30px;color:var(--color-text-secondary,#666);}
.beautyBrand .businessLink{margin-top:30px;}
.beautyBrand--reverse{flex-direction:row-reverse;}
.beautyBrand--reverse .beautyBrand__body{padding-top:187px;}
.beautyBrand--reverse .beautyBrand__title{margin-bottom:64px;}
.beautyBrand--reverse .beautyBrand__title::after{left:0;right:-150px;bottom:-33px;}
.businessPage--beauty .businessContent{padding-top:20px;}
.businessPage--beauty .businessContent>*+*{margin-top:140px;}
.beautyPanel>.businessHeading{margin-bottom:30px;}
.beautyPanel .businessPanel__body .businessLink{margin-top:10px;}
.businessPage:lang(en) .liveSteps__title{flex-wrap:wrap;gap:4px 10px;}
.businessPage:lang(en) .liveSteps__content{width:67%;}
.businessPage:lang(en) .liveFlow__circle{font-size:16px;line-height:22px;padding:10px;}

/* 모바일: rem 스케일·탭 정렬·외부 링크·타이포를 운영 디자인 시스템에 맞춤 */
.businessPage--mobile .subTabWrap{padding:0 .625rem;}
.businessPage--mobile.businessPage--beauty .businessContent>*+*{margin-top:6rem;}
.businessPage--mobile .businessIntro{padding:4rem 1.5rem;margin-top:0;}
.businessPage--mobile .businessIntro__title{font-size:2.6rem;line-height:1.4;word-break:keep-all;}
.businessPage--mobile .businessIntro__lead{margin-top:.4rem;font-size:1.6rem;line-height:1.5;word-break:keep-all;}
.businessPage--mobile .businessIntro__body{margin-top:1.2rem;font-size:1.6rem;line-height:1.5;word-break:keep-all;}
.businessPage--mobile .businessContent.static{width:calc(100% - 3rem);min-width:0;max-width:76.8rem;margin:0 auto;padding:3rem 0 6rem;}
.businessPage--mobile .businessHeading{min-height:0;padding-bottom:1.6rem;font-size:2.4rem;line-height:1.4;word-break:keep-all;}
.businessPage--mobile .businessLink{display:inline-flex;max-width:100%;width:100%;min-height:5.2rem;padding:1rem 2rem;font-size:1.6rem;line-height:1.375;letter-spacing:0;color:var(--color-text-primary,#222);}
.businessPage--mobile .businessLink:focus-visible{outline:3px solid var(--hc2);outline-offset:2px;}
.businessPage--mobile .businessPanel__name{margin-bottom:1.6rem;font-size:2.2rem;line-height:1.4;}
.businessPage--mobile .businessPanel__image{height:auto;aspect-ratio:1260/660;}
.businessPage--mobile .businessPanel__body{margin:-2rem 1rem 0;padding:2.4rem 2rem;}
.businessPage--mobile .businessPanel__body>*+*{margin-top:1.8rem;}
.businessPage--mobile .businessPanel__head{display:contents;}
.businessPage--mobile .businessPanel__head .businessLink{margin-top:1.8rem;}
.businessPage--mobile .businessPanel__lead{font-size:1.8rem;line-height:1.6;word-break:keep-all;}
.businessPage--mobile .businessPanel__text{font-size:1.6rem;line-height:1.5;word-break:keep-all;}
.businessPage--mobile .livePlatform>.businessHeading{margin-bottom:2.8rem;}
.businessPage--mobile .livePlatform__item+.livePlatform__item{margin-top:5rem;}
.businessPage--mobile .liveSteps{flex-direction:column;gap:1.4rem;}
.businessPage--mobile .liveSteps__item:not(:last-child){margin-right:0;}
.businessPage--mobile .liveSteps__content{margin-left:18%;width:72%;padding:2rem 0;}
.businessPage--mobile .liveSteps__title{flex-wrap:wrap;gap:.4rem .8rem;font-size:1.6rem;line-height:1.5;}
.businessPage--mobile .liveSteps__badge{padding:.2rem 1.2rem;font-size:1.4rem;line-height:1.7;}
.businessPage--mobile .liveSteps__text{margin-top:.8rem;font-size:1.5rem;line-height:1.6;word-break:keep-all;}
.businessPage--mobile .liveSteps__shot{width:100%;}
.businessPage--mobile .liveSteps__text br{display:none;}
.businessPage--mobile .liveFlow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem;}
.businessPage--mobile .liveFlow__circle{width:100%;max-width:16rem;margin:auto;padding:.8rem;font-size:1.6rem;line-height:1.375;}
.businessPage--mobile .liveFlow__number{font-size:1.4rem;}
.businessPage--mobile .liveFlow__arrow{display:none;}
.businessPage--mobile .liveFlow__shot{width:100%;max-width:16rem;margin:auto;}
.businessPage--mobile .liveAffiliates{margin-top:5rem;}
.businessPage--mobile .liveAffiliates>.businessHeading{margin-bottom:2.4rem;}
.businessPage--mobile .liveAffiliates__list{gap:1.6rem;}
.businessPage--mobile .liveAffiliates__item{display:block;padding:2rem;}
.businessPage--mobile .liveAffiliates__image{width:100%;height:auto;aspect-ratio:520/330;}
.businessPage--mobile .liveAffiliates__body{margin-top:2.4rem;}
.businessPage--mobile .liveAffiliates__title{font-size:2.2rem;line-height:1.4;word-break:keep-all;}
.businessPage--mobile .liveAffiliates__text{margin-top:1.4rem;font-size:1.6rem;line-height:1.5;word-break:keep-all;}
.businessPage--mobile .beautyBrand{display:block;}
.businessPage--mobile .beautyBrand__image{width:100%;max-width:58.7rem;height:auto;aspect-ratio:587/758;margin:0 auto;}
.businessPage--mobile .beautyBrand__body{width:100%;padding-top:3rem;}
.businessPage--mobile .beautyBrand__title{margin-bottom:3.8rem;font-size:2.6rem;line-height:1.4;word-break:keep-all;}
.businessPage--mobile .beautyBrand__title::after{left:0;right:0;bottom:-1.8rem;}
.businessPage--mobile .beautyBrand__lead{font-size:1.8rem;line-height:1.6;word-break:keep-all;}
.businessPage--mobile .beautyBrand__text{margin-top:1.6rem;font-size:1.6rem;line-height:1.5;word-break:keep-all;}
.businessPage--mobile .beautyBrand .businessLink{margin-top:2.4rem;}
.businessPage--mobile .beautyPanel>.businessHeading{margin-bottom:2.4rem;}
@media(min-width:600px){
    .businessPage--mobile .liveFlow{grid-template-columns:repeat(3,minmax(0,1fr));}
    .businessPage--mobile .liveAffiliates__item{display:flex;gap:2.4rem;}
    .businessPage--mobile .liveAffiliates__image{width:44%;}
    .businessPage--mobile .liveAffiliates__body{margin-top:0;}
}