/* Hide only the USP3 headline's decorative underline and accent. */
#wf-main-6-3 .service-accordion .article__section-title span::before,
#wf-main-6-3 .service-accordion .article__section-title span::after{content:none;display:none}
/* 원본 반응형 CSS와 rem 배율을 USP3 내부로 한정 */
.mathflat-custom-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;background:#fff;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:auto}
.mathflat-custom-reference *{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;vertical-align:baseline;box-sizing:border-box}
.mathflat-custom-reference a{text-decoration:none;color:var(--color-primary)}
.mathflat-custom-reference img{max-width:100%;-webkit-user-drag:none;user-select:none}
.wf-section.mathflat-custom-host{display:block;padding:0;min-height:0;border:0;background:#fff}
.wf-section.mathflat-custom-host>.section-content{max-width:none;width:100%;margin:0}
.mathflat-custom-host>.section-folio{display:none}
@scope (.mathflat-custom-reference){
:scope{

    --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: MathflatPretendard, 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;
}
:scope{ --mathflat-rem: 1px; }
:scope{ --mathflat-rem: 1px; }
.wrap-wide{ max-width: calc(1600 * var(--mathflat-rem)); margin: 0 auto; position: relative; }
br.smbr{ display: none !important; }
br.mdbr{ display: none !important; }
.article__section{ position: relative; padding-top: calc(200 * var(--mathflat-rem)); }
.article__section--secondary{ padding-bottom: calc(200 * var(--mathflat-rem)); }
.article__section-head{ margin-bottom: calc(80 * var(--mathflat-rem)); text-align: center; }
.article__section-title{ position: relative; font-size: 0; }
.article__section-title span{ position: relative; z-index: 1; }
.article__section-title span:before,.article__section-title span:after{ content: ""; position: absolute; background: no-repeat center center / 100%; z-index: -1; }
.article__section-title em{ color: var(--color-secondary); }
.article__section-desc{ margin-top: calc(24 * var(--mathflat-rem)); color: var(--color-gray-800); }
.article__section-control{ margin-top: calc(80 * var(--mathflat-rem)); display: flex; justify-content: center; gap: calc(10 * var(--mathflat-rem)); }
.article__section-control:not(:has(*)){ display: none; }
.article__section-control > a{ display: block; color: var(--color-black); transition: color .3s; }
.article__section-control > a > span{ display: inline-block; padding: calc(4 * var(--mathflat-rem)) 0; box-shadow: inset 0 calc(-2 * var(--mathflat-rem)) 0 0 currentColor; }
@media  (hover: hover) and (pointer: fine) {.article__section-control > a:hover{ color: var(--color-primary); }
}
.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); }
.jt-typo--06{ font-size: var(--font-size-primary-06); line-height: var(--font-lineheight-primary-06); font-weight: 700; letter-spacing: var(--letter-spacing-02); }
.jt-typo--07{ font-size: var(--font-size-primary-07); line-height: var(--font-lineheight-primary-07); font-weight: 500; letter-spacing: var(--letter-spacing-02); }
.jt-typo--10{ font-size: var(--font-size-primary-09); line-height: var(--font-lineheight-primary-09); font-weight: 500; letter-spacing: var(--letter-spacing-02); }
.jt-lazyload--loaded img[data-unveil],img[data-unveil].jt-lazyload--loaded{ opacity: 1; }
.jt-lazyload{ position: relative; overflow: hidden; }
.jt-lazyload img{ display: block; width: 100%; position: absolute; left: 0; top: 0; }
.jt-lazyload.jt-lazyload--loaded img,.jt-lazyload img.jt-lazyload--loaded{ height: auto; }
.jt-lazyload__color-preview{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-gray-100); }
.jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview{ background: transparent; transition: background-color .1s; transition-delay: .3s; }
.jt-board__highlight-thumb .jt-lazyload{ padding-top: 58.48%; }
.jt-board__highlight-thumb .jt-lazyload img{ height: 100%; object-fit: cover; }
.jt-board__grid-thumb .jt-lazyload{ padding-top: 58.46%; transition: transform 1s; }
.jt-board__grid-thumb .jt-lazyload img{ height: 100%; object-fit: cover; }
.jt-board__grid--secondary .jt-board__grid-thumb .jt-lazyload{ padding-top: 58.33%; }
.jt-board__webzine-thumb .jt-lazyload{ padding-top: 62.5%; }
.jt-board__webzine-thumb .jt-lazyload img{ height: 100%; object-fit: cover; }
.jt-contact__image .jt-lazyload{ height: 100%; }
.jt-contact__image .jt-lazyload img{ height: 100%; object-fit: cover; }
@media  (hover: hover) and (pointer: fine) {.jt-board__grid > li > a:hover .jt-board__grid-thumb .jt-lazyload{ transform: scale(1.05); }
}
.service-accordion__container{ display: flex; justify-content: space-between; align-items: center; gap: calc(100 * var(--mathflat-rem)); }
.service-accordion__control{ width: calc(520 * var(--mathflat-rem)) }
.service-accordion__control > a{ display: block; padding: calc(32 * var(--mathflat-rem)) 0 calc(24 * var(--mathflat-rem)); box-shadow: 0 1px 0 0 var(--color-gray-400); }
.service-accordion__control > a:first-child{ padding-top: 0; }
.service-accordion__title{ position: relative; display: flex; align-items: center;color: var(--color-gray-600); transition: color .3s, padding .3s; }
.service-accordion__icon{ position: absolute; left: 0; width: calc(32 * var(--mathflat-rem)); transform: scale(0); transition: transform .3s; }
.service-accordion__icon svg{ display: block; width: 100%; height: auto; }
.service-accordion__desc{ color: var(--color-gray-800); margin-top: calc(12 * var(--mathflat-rem)); display: none; }
.service-accordion__list{ position: relative; width: calc(790 * var(--mathflat-rem)); aspect-ratio: 1 / 0.9113; }
.service-accordion__item{ position: absolute; inset: 0; border-radius: calc(16 * var(--mathflat-rem)); overflow: hidden; opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; }
.service-accordion__item .jt-lazyload{ height: 100%; }
.service-accordion__item .jt-lazyload img{ height: 100%; object-fit: cover; }
.service-accordion--active.service-accordion__item{ opacity: 1; visibility: visible; }
.service-accordion--active .service-accordion__title{ color: var(--color-black); padding-left: calc(44 * var(--mathflat-rem)) }
.service-accordion--active .service-accordion__icon{ transform: scale(1); }
:scope .service-accordion .article__section-title span:before{ width: calc(250 * var(--mathflat-rem)); aspect-ratio: 1 / 0.1185; background-image: url(icon-point-08.svg); transform: translate(calc(301 * var(--mathflat-rem)), calc(123 * var(--mathflat-rem))); }
:scope .service-accordion .article__section-title span:after{ width: calc(43 * var(--mathflat-rem)); aspect-ratio: 1 / 1.0697; background-image: url(icon-point-01.svg); transform: translate(calc(-14 * var(--mathflat-rem)), calc(-12 * var(--mathflat-rem))); }
@media  (hover: hover) and (pointer: fine) {.service-accordion__control > a:hover .service-accordion__title{ color: var(--color-black); }
}
@media  (max-width: 1900px){:scope{ --mathflat-rem: 0.0526vw; }
}
@media  (max-width: 1680px){.article__section{ padding-top: calc(180 * var(--mathflat-rem)); }
.article__section--secondary{ padding-bottom: calc(180 * var(--mathflat-rem)); }
}
@media  (max-width: 1480px){:scope{ --mathflat-rem: 0.06756756756756757vw; }
:scope{

        --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));

    }
.wrap-wide{ max-width: inherit; margin: 0 calc(60 * var(--mathflat-rem)); }
.article__section{ padding-top: calc(160 * var(--mathflat-rem)); }
.article__section--secondary{ padding-bottom: calc(160 * var(--mathflat-rem)); }
}
@media  (max-width: 1200px){:scope{ --mathflat-rem: 0.0833333333333333vw; }
:scope{

        --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));

    }
.wrap-wide{ margin: 0 calc(40 * var(--mathflat-rem)); }
.article__section{ padding-top: calc(140 * var(--mathflat-rem)); }
.article__section--secondary{ padding-bottom: calc(140 * var(--mathflat-rem)); }
}
@media  (max-width: 860px){:scope{ --mathflat-rem: 0.13020833333333335vw; }
:scope{

        --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));

    }
.wrap-wide{ margin: 0 calc(30 * var(--mathflat-rem)); }
br.mdbr{ display: block !important; }
.article__section{ padding-top: calc(120 * var(--mathflat-rem)); }
.article__section--secondary{ padding-bottom: calc(120 * var(--mathflat-rem)); }
.article__section-head{ margin-bottom: calc(60 * var(--mathflat-rem)); }
.article__section-desc{ margin-top: calc(20 * var(--mathflat-rem)); }
.article__section-desc br{ display: none; }
.article__section-control{ margin-top: calc(60 * var(--mathflat-rem)); }
}
@media  (max-width: 540px){:scope{ --mathflat-rem: 0.2564102564102564vw; }
:scope{

        --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;

    }
.wrap-wide{ margin: 0 calc(21 * var(--mathflat-rem)); }
br.mdbr{ display: none !important; }
br.smbr{ display: block !important; }
.article__section{ padding-top: calc(100 * var(--mathflat-rem)); }
.article__section--secondary{ padding-bottom: calc(100 * var(--mathflat-rem)); }
.article__section-head{ margin-bottom: calc(40 * var(--mathflat-rem)); }
.article__section-title br{ display: none; }
.article__section-desc{ margin-top: calc(16 * var(--mathflat-rem)); }
.article__section-desc br{ display: none; }
.article__section-control{ margin-top: calc(40 * var(--mathflat-rem)); }
}
@media  (max-width: 860px){.jt-contact__image .jt-lazyload{ padding-top: 86.33%; }
}
@media  (max-width: 1480px){.service-accordion__container{ gap: calc(80 * var(--mathflat-rem)); }
.service-accordion__control{ flex: 1; width: auto; }
.service-accordion__control > a{ padding: calc(28 * var(--mathflat-rem)) 0 calc(20 * var(--mathflat-rem)); }
.service-accordion__list{ flex: 1; width: auto; }
:scope .service-accordion .article__section-title span:after{ width: calc(36 * var(--mathflat-rem)); }
:scope .service-accordion .article__section-title span:before{ width: calc(240 * var(--mathflat-rem)); transform: translate(calc(290 * var(--mathflat-rem)), calc(120 * var(--mathflat-rem))); }
}
@media  (max-width: 1200px){.service-accordion__container{ gap: calc(60 * var(--mathflat-rem)); }
.service-accordion__icon{ width: calc(28 * var(--mathflat-rem)); }
.service-accordion__control > a{ padding: calc(24 * var(--mathflat-rem)) 0 calc(18 * var(--mathflat-rem)); }
.service-accordion--active .service-accordion__title{ padding-left: calc(36 * var(--mathflat-rem)); }
:scope .service-accordion .article__section-title span:after{ width: calc(32 * var(--mathflat-rem)); transform: translate(calc(-12 * var(--mathflat-rem)), calc(-12 * var(--mathflat-rem))); }
:scope .service-accordion .article__section-title span:before{ width: calc(230 * var(--mathflat-rem)); transform: translate(calc(268 * var(--mathflat-rem)), calc(112 * var(--mathflat-rem))); }
}
@media  (max-width: 860px){.service-accordion__container{ gap: calc(40 * var(--mathflat-rem)); }
.service-accordion__icon{ width: calc(26 * var(--mathflat-rem)); }
.service-accordion__desc{ margin-top: calc(10 * var(--mathflat-rem)); }
.service-accordion__desc br{ display: none; }
.service-accordion__control > a{ padding: calc(20 * var(--mathflat-rem)) 0 calc(16 * var(--mathflat-rem)); }
.service-accordion--active .service-accordion__title{ padding-left: calc(34 * var(--mathflat-rem)); }
:scope .service-accordion .article__section-title span:after{ width: calc(28 * var(--mathflat-rem)); transform: translate(calc(-10 * var(--mathflat-rem)), calc(-10 * var(--mathflat-rem))); }
:scope .service-accordion .article__section-title span:before{ width: calc(210 * var(--mathflat-rem)); transform: translate(calc(246 * var(--mathflat-rem)), calc(102 * var(--mathflat-rem))); }
}
@media  (max-width: 540px){.service-accordion__container{ flex-direction: column; gap: calc(20 * var(--mathflat-rem)); }
.service-accordion__desc{ margin-top: calc(8 * var(--mathflat-rem)); }
.service-accordion__control{ order: 2; width: 100%; }
.service-accordion__control > a{ padding: calc(16 * var(--mathflat-rem)) 0 calc(12 * var(--mathflat-rem)); }
.service-accordion__list{ width: 100%; }
.service-accordion__item{ border-radius: calc(8 * var(--mathflat-rem)); }
:scope .service-accordion .article__section-title span:after{ width: calc(20 * var(--mathflat-rem)); transform: translate(calc(-7 * var(--mathflat-rem)), calc(-5 * var(--mathflat-rem))); }
:scope .service-accordion .article__section-title span:before{ width: calc(174 * var(--mathflat-rem)); transform: translate(calc(51 * var(--mathflat-rem)), calc(142 * var(--mathflat-rem))); }
}
}

/* Phone headline and description breaks; desktop copy stays intact. */
#wf-main-6-3 .article__section-title .ax-principle-title-mobile,
#wf-main-6-3 .article__section-desc .ax-principle-desc-break { display:none; }
@media (max-width:540px) {
  #wf-main-6-3 .article__section-title .ax-principle-title-desktop { display:none; }
  #wf-main-6-3 .article__section-title .ax-principle-title-mobile { display:inline; white-space:nowrap; }
  #wf-main-6-3 .article__section-title .ax-principle-title-mobile br,
  #wf-main-6-3 .article__section-desc .ax-principle-desc-break { display:block; }
}