/* 원본의 1rem 스케일을 섹션 변수로 분리하여 다른 섹션을 보호한다. */
@font-face{font-family:MathflatPretendard;font-style:normal;font-weight:400;src:url(/assets/reference/mathflat/Pretendard-Regular.subset.woff2) format("woff2");font-display:swap}
@font-face{font-family:MathflatPretendard;font-style:normal;font-weight:500;src:url(/assets/reference/mathflat/Pretendard-Medium.subset.woff2) format("woff2");font-display:swap}
@font-face{font-family:MathflatPretendard;font-style:normal;font-weight:700;src:url(/assets/reference/mathflat/Pretendard-Bold.subset.woff2) format("woff2");font-display:swap}
.mathflat-review-reference{--mathflat-rem:1px;font-family:MathflatPretendard,sans-serif;font-size:calc(16 * var(--mathflat-rem));font-weight:400;line-height:normal;word-break:keep-all;color:#111;text-align:left;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:auto}
.mathflat-review-reference *{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;vertical-align:baseline;box-sizing:border-box}
.mathflat-review-reference{--color-white: #FFF;

    --color-black: #111;

    --color-gray-100: #F8F8F8;

    --color-gray-200: #F4F4F4;

    --color-gray-300: #EEE;

    --color-gray-400: #DDD;

    --color-gray-500: #BBB;

    --color-gray-600: #999;

    --color-gray-700: #666;

    --color-gray-800: #333;

    --color-primary: #0080FF;

    --color-secondary: #004FFF;





    --font-primary: "Pretendard", sans-serif;

    --font-secondary: "ITC", sans-serif;



    --letter-spacing-01: -.02em;

    --letter-spacing-02: -.01em;



    --font-size-primary-01: calc(64 * var(--mathflat-rem));

    --font-size-primary-02: calc(56 * var(--mathflat-rem));

    --font-size-primary-03: calc(48 * var(--mathflat-rem));

    --font-size-primary-04: calc(40 * var(--mathflat-rem));

    --font-size-primary-05: calc(32 * var(--mathflat-rem));

    --font-size-primary-06: calc(26 * var(--mathflat-rem));

    --font-size-primary-07: calc(24 * var(--mathflat-rem));

    --font-size-primary-08: calc(20 * var(--mathflat-rem));

    --font-size-primary-09: calc(18 * var(--mathflat-rem));

    --font-size-primary-10: calc(16 * var(--mathflat-rem));

    --font-size-primary-11: calc(14 * var(--mathflat-rem));

    --font-size-primary-12: calc(13 * var(--mathflat-rem));



    --font-lineheight-primary-01: 1.25;

    --font-lineheight-primary-02: 1.3;

    --font-lineheight-primary-03: 1.3;

    --font-lineheight-primary-04: 1.35;

    --font-lineheight-primary-05: 1.4;

    --font-lineheight-primary-06: 1.4;

    --font-lineheight-primary-07: 1.4;

    --font-lineheight-primary-08: 1.6;

    --font-lineheight-primary-09: 1.5;

    --font-lineheight-primary-10: 1.7;

    --font-lineheight-primary-11: 1.6;

    --font-lineheight-primary-12: 1.4;}
.mathflat-review-reference{--mathflat-rem:1px;}
.mathflat-review-reference{--mathflat-rem:1px;}
.mathflat-review-reference .wrap-wide{max-width: calc(1600 * var(--mathflat-rem)); margin: 0 auto; position: relative;}
.mathflat-review-reference br.smbr{display: none !important;}
.mathflat-review-reference br.mdbr{display: none !important;}
.mathflat-review-reference .article__section{position: relative; padding-top: calc(200 * var(--mathflat-rem));}
.mathflat-review-reference .article__section--secondary{padding-bottom: calc(200 * var(--mathflat-rem));}
.mathflat-review-reference .jt-typo--02{font-size: var(--font-size-primary-02); line-height: var(--font-lineheight-primary-02); font-weight: 700; letter-spacing: var(--letter-spacing-01);}
.mathflat-review-reference .jt-typo--05{font-size: var(--font-size-primary-05); line-height: var(--font-lineheight-primary-05); font-weight: 700; letter-spacing: var(--letter-spacing-02);}
.mathflat-review-reference .jt-typo--08{font-size: var(--font-size-primary-08); line-height: var(--font-lineheight-primary-08); font-weight: 700; letter-spacing: var(--letter-spacing-02);}
.mathflat-review-reference .jt-typo--09{font-size: var(--font-size-primary-09); line-height: var(--font-lineheight-primary-09); font-weight: 700; letter-spacing: var(--letter-spacing-02);}
.mathflat-review-reference .jt-lazyload--loaded img[data-unveil]{opacity: 1;}
.mathflat-review-reference .jt-lazyload{position: relative; overflow: hidden;}
.mathflat-review-reference .jt-lazyload img{display: block; width: 100%; position: absolute; left: 0; top: 0;}
.mathflat-review-reference .jt-lazyload.jt-lazyload--loaded img,.mathflat-review-reference .jt-lazyload img.jt-lazyload--loaded{height: auto;}
.mathflat-review-reference .jt-lazyload__color-preview{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-gray-100);}
.mathflat-review-reference .jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview{background: transparent; transition: background-color .1s; transition-delay: .3s;}
.mathflat-review-reference .service-review{background: var(--color-gray-100);}
.mathflat-review-reference .service-review__title span{position: relative; z-index: 1;}
.mathflat-review-reference .service-review__title span:after{content: ""; position: absolute; width: calc(231 * var(--mathflat-rem)); aspect-ratio: 1 / 0.3476; background: url(/assets/brand/reviews/pixel-underline.svg) no-repeat center center / 100%; transform: translate(calc(-199 * var(--mathflat-rem)), calc(24 * var(--mathflat-rem))); z-index: -1;}
.mathflat-review-reference .service-review__container{display: flex; gap: calc(100 * var(--mathflat-rem)); justify-content: space-between; padding-right: calc(105 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content{position: relative; max-width: calc(550 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-desc{color: var(--color-gray-800); margin-top: calc(32 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-desc p + p{margin-top: calc(12 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-source{display: flex; align-items: center; gap: calc(10 * var(--mathflat-rem)); margin-top: calc(40 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-profile{position: relative; width: calc(44 * var(--mathflat-rem)); height: calc(44 * var(--mathflat-rem)); border-radius: calc(99 * var(--mathflat-rem)); overflow: hidden;}
.mathflat-review-reference .service-review__content-profile .jt-lazyload{height: 100%;}
.mathflat-review-reference .service-review__content-profile .jt-lazyload__color-preview{background: var(--color-gray-300)}
.mathflat-review-reference .service-review__content-info{color: var(--color-gray-800);}
.mathflat-review-reference .service-review__quote{position: absolute; top: 0; right: 100%; width: calc(31 * var(--mathflat-rem)); transform: translate(calc(-18 * var(--mathflat-rem)), 0);}
.mathflat-review-reference .service-review__quote svg{display: block; width: 100%;}
@media (max-width: 1900px){.mathflat-review-reference{--mathflat-rem:0.0526vw;}
}
@media (max-width: 1680px){.mathflat-review-reference .article__section{padding-top: calc(180 * var(--mathflat-rem));}
.mathflat-review-reference .article__section--secondary{padding-bottom: calc(180 * var(--mathflat-rem));}
}
@media (max-width: 1480px){.mathflat-review-reference{--mathflat-rem:0.06756756756756757vw;}
.mathflat-review-reference{--font-size-primary-01: calc(60 * var(--mathflat-rem));

        --font-size-primary-02: calc(54 * var(--mathflat-rem));

        --font-size-primary-03: calc(46 * var(--mathflat-rem));

        --font-size-primary-04: calc(38 * var(--mathflat-rem));

        --font-size-primary-05: calc(30 * var(--mathflat-rem));}
.mathflat-review-reference .wrap-wide{max-width: inherit; margin: 0 calc(60 * var(--mathflat-rem));}
.mathflat-review-reference .article__section{padding-top: calc(160 * var(--mathflat-rem));}
.mathflat-review-reference .article__section--secondary{padding-bottom: calc(160 * var(--mathflat-rem));}
}
@media (max-width: 1200px){.mathflat-review-reference{--mathflat-rem:0.0833333333333333vw;}
.mathflat-review-reference{--font-size-primary-01: calc(56 * var(--mathflat-rem));

        --font-size-primary-02: calc(50 * var(--mathflat-rem));

        --font-size-primary-03: calc(42 * var(--mathflat-rem));

        --font-size-primary-04: calc(34 * var(--mathflat-rem));

        --font-size-primary-05: calc(28 * var(--mathflat-rem));

        --font-size-primary-06: calc(24 * var(--mathflat-rem));

        --font-size-primary-07: calc(22 * var(--mathflat-rem));}
.mathflat-review-reference .wrap-wide{margin: 0 calc(40 * var(--mathflat-rem));}
.mathflat-review-reference .article__section{padding-top: calc(140 * var(--mathflat-rem));}
.mathflat-review-reference .article__section--secondary{padding-bottom: calc(140 * var(--mathflat-rem));}
}
@media (max-width: 860px){.mathflat-review-reference{--mathflat-rem:0.13020833333333335vw;}
.mathflat-review-reference{--font-size-primary-01: calc(52 * var(--mathflat-rem));

        --font-size-primary-02: calc(46 * var(--mathflat-rem));

        --font-size-primary-03: calc(38 * var(--mathflat-rem));

        --font-size-primary-04: calc(30 * var(--mathflat-rem));

        --font-size-primary-05: calc(26 * var(--mathflat-rem));

        --font-size-primary-06: calc(22 * var(--mathflat-rem));

        --font-size-primary-07: calc(20 * var(--mathflat-rem));

        --font-size-primary-08: calc(18 * var(--mathflat-rem));

        --font-size-primary-09: calc(16 * var(--mathflat-rem));

        --font-size-primary-10: calc(15 * var(--mathflat-rem));

        --font-size-primary-11: calc(13 * var(--mathflat-rem));

        --font-size-primary-12: calc(12 * var(--mathflat-rem));}
.mathflat-review-reference .wrap-wide{margin: 0 calc(30 * var(--mathflat-rem));}
.mathflat-review-reference br.mdbr{display: block !important;}
.mathflat-review-reference .article__section{padding-top: calc(120 * var(--mathflat-rem));}
.mathflat-review-reference .article__section--secondary{padding-bottom: calc(120 * var(--mathflat-rem));}
}
@media (max-width: 540px){.mathflat-review-reference{--mathflat-rem:0.2564102564102564vw;}
.mathflat-review-reference{--font-size-primary-01: calc(48 * var(--mathflat-rem));

        --font-size-primary-02: calc(40 * var(--mathflat-rem));

        --font-size-primary-03: calc(32 * var(--mathflat-rem));

        --font-size-primary-04: calc(26 * var(--mathflat-rem));

        --font-size-primary-05: calc(22 * var(--mathflat-rem));

        --font-size-primary-06: calc(20 * var(--mathflat-rem));

        --font-size-primary-07: calc(17 * var(--mathflat-rem));

        --font-size-primary-08: calc(16 * var(--mathflat-rem));

        --font-size-primary-09: calc(15 * var(--mathflat-rem));

        --font-size-primary-10: calc(14 * var(--mathflat-rem));

        --font-size-primary-11: calc(12 * var(--mathflat-rem));

        --font-size-primary-12: calc(11 * var(--mathflat-rem));



        --font-lineheight-primary-04: 1.5;

        --font-lineheight-primary-05: 1.5;

        --font-lineheight-primary-06: 1.3;

        --font-lineheight-primary-07: 1.4;

        --font-lineheight-primary-10: 1.5;

        --font-lineheight-primary-11: 1.5;

        --font-lineheight-primary-12: 1.5;}
.mathflat-review-reference .wrap-wide{margin: 0 calc(21 * var(--mathflat-rem));}
.mathflat-review-reference br.mdbr{display: none !important;}
.mathflat-review-reference br.smbr{display: block !important;}
.mathflat-review-reference .article__section{padding-top: calc(100 * var(--mathflat-rem));}
.mathflat-review-reference .article__section--secondary{padding-bottom: calc(100 * var(--mathflat-rem));}
}
@media (max-width: 1480px){.mathflat-review-reference .service-review__container{padding-right: calc(80 * var(--mathflat-rem)); gap: calc(80 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__title span:after{width: calc(226 * var(--mathflat-rem)); transform: translate(calc(-199 * var(--mathflat-rem)), calc(24 * var(--mathflat-rem)));}
}
@media (max-width: 1200px){.mathflat-review-reference .service-review__container{padding-right: calc(40 * var(--mathflat-rem)); gap: calc(60 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content{max-width: calc(500 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__title span:after{width: calc(220 * var(--mathflat-rem)); transform: translate(calc(-190 * var(--mathflat-rem)), calc(20 * var(--mathflat-rem)));}
.mathflat-review-reference .service-review__quote{width: calc(28 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-desc{margin-top: calc(28 * var(--mathflat-rem));}
}
@media (max-width: 860px){.mathflat-review-reference .service-review__container{flex-direction: column; gap: calc(60 * var(--mathflat-rem)); padding-right: 0;}
.mathflat-review-reference .service-review__title br{display: none;}
.mathflat-review-reference .service-review__title span:after{width: calc(190 * var(--mathflat-rem)); transform: translate(calc(-170 * var(--mathflat-rem)), calc(20 * var(--mathflat-rem)));}
.mathflat-review-reference .service-review__content{max-width: inherit; margin-left: calc(36 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__quote{width: calc(25 * var(--mathflat-rem)); transform: translate(calc(-12 * var(--mathflat-rem)), 0);}
.mathflat-review-reference .service-review__content-desc{margin-top: calc(24 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-source{margin-top: calc(36 * var(--mathflat-rem));}
}
@media (max-width: 540px){.mathflat-review-reference .service-review__title span:after{width: calc(166 * var(--mathflat-rem)); transform: translate(calc(-148 * var(--mathflat-rem)), calc(17 * var(--mathflat-rem)));}
.mathflat-review-reference .service-review__quote{width: calc(25 * var(--mathflat-rem)); transform: translate(calc(-8 * var(--mathflat-rem)), calc(-2 * var(--mathflat-rem)));}
.mathflat-review-reference .service-review__content{margin-left: calc(32 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-desc{margin-top: calc(20 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-desc br{display: none;}
.mathflat-review-reference .service-review__content-source{margin-top: calc(32 * var(--mathflat-rem)); gap: calc(8 * var(--mathflat-rem));}
.mathflat-review-reference .service-review__content-profile{width: calc(38 * var(--mathflat-rem)); height: calc(38 * var(--mathflat-rem));}
}

.reference-section.section-reviews{padding:0;min-height:0;display:block;background:none}
.reference-section.section-reviews>.section-content{width:100%;max-width:none;margin:0}

/* 기존 두 열과 제목은 유지하고 후기 열 안에서만 카드를 이동한다. */
.mathflat-review-reference .ax-review-column{flex:0 1 calc(550 * var(--mathflat-rem));min-width:0}
.mathflat-review-reference .ax-review-shell{position:relative;width:calc(550 * var(--mathflat-rem));max-width:100%;min-width:0}
.mathflat-review-reference .ax-review-slider{overflow:hidden;width:100%;touch-action:pan-y}
.mathflat-review-reference .ax-review-slider .swiper-wrapper{display:flex;align-items:stretch;position:relative;width:100%;transition-property:transform;box-sizing:content-box}
.mathflat-review-reference .ax-review-slide{flex-shrink:0;width:100%;height:auto;min-width:0}
.mathflat-review-reference .ax-review-slide .service-review__content{display:flex;flex-direction:column;min-height:calc(340 * var(--mathflat-rem));height:100%}
.mathflat-review-reference .ax-review-slide .service-review__content-source{margin-top:auto;padding-top:calc(32 * var(--mathflat-rem))}
.mathflat-review-reference .service-review__content-profile>img{display:block;width:100%;height:100%;object-fit:contain}
.mathflat-review-reference .ax-review-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:calc(36 * var(--mathflat-rem))}
.mathflat-review-reference .ax-review-dots{display:flex;align-items:center;gap:6px}
.mathflat-review-reference .ax-review-dot{appearance:none;position:relative;width:12px;height:12px;border-radius:12px;background:#fff;border:1px solid #d1d2d4;transition:width .3s ease,background .3s ease;overflow:hidden;cursor:pointer;padding:0}
.mathflat-review-reference .ax-review-dot::after{content:'';position:absolute;inset:0;border-radius:inherit;background:#00a3f1;transform:scaleX(0);transform-origin:left}
.mathflat-review-reference .ax-review-dot.is-active{width:36px;background:#d1d2d4;border:0}
.mathflat-review-reference .ax-review-dot.is-active::after{transform:scaleX(var(--review-progress,0))}
.mathflat-review-reference .ax-review-pause{display:grid;place-items:center;min-width:28px;min-height:28px;border:1px solid #d1d2d4;border-radius:50%;background:transparent;color:#52668a;font:inherit;font-size:12px;cursor:pointer}
.mathflat-review-reference .ax-review-controls button:focus-visible,.mathflat-review-reference .ax-review-slider:focus-visible{outline:2px solid #0080ff;outline-offset:5px}
@media(max-width:860px){
.mathflat-review-reference .ax-review-column{flex-basis:auto;width:100%}
.mathflat-review-reference .ax-review-shell{width:100%}
.mathflat-review-reference .ax-review-shell>.service-review__quote{right:auto;left:0;transform:none}
.mathflat-review-reference .ax-review-slide .service-review__content{min-height:calc(300 * var(--mathflat-rem));margin-right:2px}
}
@media(max-width:540px){.mathflat-review-reference .ax-review-slide .service-review__content{min-height:290px}.mathflat-review-reference .ax-review-controls{margin-top:24px}}
/* 실제 인용과 사이트의 해설을 구분하되 네 후기의 읽는 밀도와 출처 기준선을 맞춘다. */
.mathflat-review-reference .ax-review-slide .service-review__content{min-height:calc(480 * var(--mathflat-rem))}
.mathflat-review-reference .ax-review-reading{margin-top:calc(24 * var(--mathflat-rem));font-size:var(--font-size-primary-10);line-height:var(--font-lineheight-primary-10);font-weight:400;letter-spacing:var(--letter-spacing-02);color:var(--color-gray-700)}
.mathflat-review-reference .ax-review-reading-label{display:block;margin-bottom:calc(12 * var(--mathflat-rem));font-size:var(--font-size-primary-12);line-height:var(--font-lineheight-primary-12);font-weight:500;color:var(--ax-mf-accent-strong,var(--color-secondary))}
.mathflat-review-reference .ax-review-reading p+p{margin-top:calc(12 * var(--mathflat-rem))}
@media(max-width:540px){.mathflat-review-reference .ax-review-slide .service-review__content{min-height:460px}}
@media(prefers-reduced-motion:reduce){.mathflat-review-reference .ax-review-slider .swiper-wrapper,.mathflat-review-reference .ax-review-dot{transition:none!important}}

/* Expanded first-person review paragraphs retain a single reading rhythm. */
.mathflat-review-reference .service-review__content-desc p+p{margin-top:calc(20 * var(--mathflat-rem))}