Q #visual.sub-visual-style-10{position:relative;width:100%;overflow:hidden;background:#222;} #visual.sub-visual-style-10 .sv10-band{position:relative;width:100%;height:var(--sv-h,538px);min-height:360px;display:flex;align-items:center;justify-content:center;} #visual.sub-visual-style-10 .sv10-picture,#visual.sub-visual-style-10 .sv10-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;} #visual.sub-visual-style-10 .sv10-scrim{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.5) 100%);} #visual.sub-visual-style-10 .sv10-txt-con{position:relative;z-index:2;width:100%;text-align:center;} #visual.sub-visual-style-10 .sv10-txt-inner{box-sizing:border-box;padding-bottom:clamp(88px,11vh,136px);} #visual.sub-visual-style-10 .sv10-breadcrumb ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none;font-size:0.86rem;color:#fff;;} #visual.sub-visual-style-10 .sv10-breadcrumb li{display:inline-flex;align-items:center;gap:8px;} #visual.sub-visual-style-10 .sv10-breadcrumb li + li::before{content:"\e93e";font-family:'xeicon' !important;font-size:0.72em;opacity:.62;} #visual.sub-visual-style-10 .sv10-breadcrumb a{color:inherit;text-decoration:none;} #visual.sub-visual-style-10 .sv10-breadcrumb li[aria-current]{color:#fff;} #visual.sub-visual-style-10 .sv10-tit{margin:0 0 18px;font-size:clamp(17px,1.25vw,22px);font-weight:700;line-height:1.4;letter-spacing:0.02em;color:var(--primary,#740003);text-shadow:0 2px 18px rgba(0,0,0,.28);} #visual.sub-visual-style-10 .sv10-sub-txt{margin:0;font-size:var(--fs-7xl,60px);font-weight:700;line-height:1.4;letter-spacing:-0.02em;color:#fff;} #visual.sub-visual-style-10 .sv10-sub-txt-2{margin:20px 0 0;font-size:clamp(14px,1.05vw,20px);font-weight:400;line-height:1.7;letter-spacing:-0.01em;color:rgba(255,255,255,.72);} #visual.sub-visual-style-10 .sv10-pill-bar{position:absolute;left:50%;bottom:clamp(18px,3.4vh,34px);transform:translateX(-50%);z-index:3;width:min(960px,calc(100% - 40px));box-sizing:border-box;padding:5px;border-radius:999px;background-color:rgba(18,20,26,.44);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 12px 32px rgba(0,0,0,.26);} #visual.sub-visual-style-10 .sv10-list{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;} #visual.sub-visual-style-10 .sv10-list li{position:relative;z-index:1;flex:1 1 0;min-width:0;} #visual.sub-visual-style-10 .sv10-list li a{display:flex;align-items:center;justify-content:center;height:46px;padding:0 15px;box-sizing:border-box;color:rgba(255,255,255,.92);font-size:clamp(15px,1.17vw,20px);font-weight:700;letter-spacing:-0.05em;text-decoration:none;text-align:center;white-space:nowrap;transition:color .25s ease;} #visual.sub-visual-style-10 .sv10-list li:hover a,#visual.sub-visual-style-10 .sv10-list li.is-current a{color:#fff;} #visual.sub-visual-style-10 .sv10-pill-bar.is-hovering .sv10-list li a{color:rgba(255,255,255,.6);} #visual.sub-visual-style-10 .sv10-pill-bar.is-hovering .sv10-list li:hover a{color:#fff;} #visual.sub-visual-style-10 .sv10-pill-ind{position:absolute;top:0;left:0;z-index:0;height:46px;width:calc(100% / var(--sv10-n,3));border-radius:999px;background-color:var(--primary,#740003);box-shadow:0 6px 18px rgba(0,0,0,.22);transform:translateX(calc(var(--sv10-i,0) * 100%));will-change:transform;} #visual.sub-visual-style-10 .sv10-pill-bar.no-current .sv10-pill-ind{opacity:0;} @media (max-width:1023px){#visual.sub-visual-style-10 .sv10-band{height:var(--sv-h-tab,420px);min-height:300px;} #visual.sub-visual-style-10 .sv10-tit{font-size:20px;} #visual.sub-visual-style-10 .sv10-sub-txt{font-size:40px;} #visual.sub-visual-style-10 .sv10-sub-txt-2{font-size:18px;margin-top:16px;} #visual.sub-visual-style-10 .sv10-txt-inner{padding-bottom:clamp(76px,9vh,104px);} #visual.sub-visual-style-10 .sv10-list li a{height:44px;font-size:15px;padding:0 12px;} #visual.sub-visual-style-10 .sv10-pill-ind{height:44px;} #visual.sub-visual-style-10 .sv10-pill-bar{width:calc(100% - 28px);}} @media (max-width:767px){#visual.sub-visual-style-10 .sv10-band{height:auto;min-height:var(--sv-h-mob,250px);padding:56px 0 104px;} #visual.sub-visual-style-10 .sv10-txt-inner{padding-bottom:0;} #visual.sub-visual-style-10 .sv10-breadcrumb ul{font-size:11px;margin-bottom:10px;gap:6px;} #visual.sub-visual-style-10 .sv10-tit{font-size:1rem;margin-bottom:10px;line-height:1.4;} #visual.sub-visual-style-10 .sv10-sub-txt{font-size:2.3rem;line-height:1.4;} #visual.sub-visual-style-10 .sv10-sub-txt-2{font-size:1.125rem;margin-top:12px;line-height:1.6;padding-top:2rem;} #visual.sub-visual-style-10 .sv10-pill-bar{width:calc(100% - 20px);bottom:14px;} #visual.sub-visual-style-10 .sv10-list{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;} #visual.sub-visual-style-10 .sv10-list::-webkit-scrollbar{display:none;} #visual.sub-visual-style-10 .sv10-list li{flex:1 0 auto;} #visual.sub-visual-style-10 .sv10-list li a{height:40px;font-size:13.5px;padding:0 13px;} #visual.sub-visual-style-10 .sv10-pill-ind{height:40px;}} @media (prefers-reduced-motion:reduce){#visual.sub-visual-style-10 .sv10-pill-ind{will-change:auto;} #visual.sub-visual-style-10 .sv10-list li a{transition:none;}} #wrap .sitemap-modal:not(.is-open),#wrap .gnb-overlay-bg:not(.is-open),#wrap .gnb2dep-bg,#wrap .header-catalog-modal:not(.is-open),#wrap .catalog-modal:not(.is-open){display:none !important;} .greeting-wrap{width:100%;max-width:1240px;margin:0 auto;padding:40px 20px 80px;box-sizing:border-box;} .greeting-title{font-size:clamp(28px,3.2vw,36px);font-weight:800;line-height:1.35;color:var(--heading-color,#111111);margin:0 0 50px;letter-spacing:-0.025em;word-break:keep-all;} .greeting-title .text-primary{color:var(--primary,#0b50d0);} .greeting-title .mob-br{display:none;} .greeting-banner-wrap{position:relative;margin-bottom:60px;} .greeting-banner{position:relative;overflow:hidden;padding:65px 440px 65px 80px;background-color:var(--surface,#f5f6f8);border-radius:150px;box-shadow:0 2px 12px rgba(0,0,0,0.02);transition:padding 0.3s ease,border-radius 0.3s ease;} .greeting-banner::after{content:'';position:absolute;top:20px;right:20px;width:320px;height:110px;background:radial-gradient(ellipse at 80% 50%,rgba(11,80,208,0.05) 0%,transparent 70%);pointer-events:none;z-index:1;} .greeting-banner p{position:relative;z-index:3;font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.65;color:var(--body-text,#111111);margin:0;word-break:keep-all;letter-spacing:-0.02em;} .greeting-banner p .text-primary{color:var(--primary,#0b50d0);} .greeting-ceo{position:absolute;bottom:0;right:60px;z-index:4;pointer-events:none;line-height:0;} .greeting-ceo img{display:block;width:auto;max-width:340px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,0.08));transition:max-width 0.3s ease,transform 0.3s ease;} .greeting-content{margin-top:50px;} .greeting-content p{font-size:18px;line-height:1.85;color:var(--text-muted,#555555);margin:0 0 26px;word-break:keep-all;letter-spacing:-0.015em;} .greeting-content .greeting-closing{margin-top:36px;font-weight:600;color:var(--body-text,#222222);} .greeting-sign{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:60px;padding-top:25px;} .greeting-sign .sign-title{font-size:20px;color:var(--text-muted,#555555);font-weight:600;letter-spacing:-0.02em;} .greeting-sign .sign-name{font-size:24px;font-weight:800;color:var(--body-text,#111111);letter-spacing:2px;} .greeting-sign img{height:44px;width:auto;object-fit:contain;display:inline-block;vertical-align:middle;} @media (max-width:1240px){.greeting-banner{padding:55px 360px 55px 60px;} .greeting-ceo{right:40px;} .greeting-ceo img{max-width:300px;}} @media (max-width:1023px){.greeting-wrap{padding:35px 20px 65px;} .greeting-title{font-size:28px;margin-bottom:40px;} .greeting-banner{padding:48px 290px 48px 45px;border-radius:100px;} .greeting-banner p{font-size:18px;line-height:1.6;} .greeting-ceo{right:25px;} .greeting-ceo img{max-width:250px;} .greeting-content p{font-size:16.5px;line-height:1.8;margin-bottom:22px;} .greeting-sign{margin-top:45px;gap:16px;} .greeting-sign .sign-title{font-size:18px;} .greeting-sign .sign-name{font-size:21px;} .greeting-sign img{height:38px;}} @media (max-width:767px){.greeting-wrap{padding:24px 16px 50px;} .greeting-title{font-size:22px;line-height:1.4;margin-bottom:20px;max-width:58%;position:relative;z-index:5;} .greeting-title .mob-br{display:inline;} .greeting-banner-wrap{margin-top:20px;margin-bottom:30px;} .greeting-ceo{top:-190px;bottom:auto;right:10px;z-index:4;} .greeting-ceo img{max-width:185px;filter:drop-shadow(0 6px 18px rgba(0,0,0,0.08));} .greeting-banner{display:flex;flex-direction:column;align-items:center;padding:26px 20px;border-radius:14px;box-shadow:none;background-color:var(--surface,#f5f6f8);border:1px solid rgba(0,0,0,0.04);} .greeting-banner::after{display:none;} .greeting-banner p{font-size:15px;font-weight:700;line-height:1.6;text-align:center;} .greeting-content{margin-top:28px;} .greeting-content p{font-size:15px;line-height:1.75;margin-bottom:18px;} .greeting-content .greeting-closing{margin-top:26px;} .greeting-sign{margin-top:36px;padding-top:15px;gap:12px;} .greeting-sign .sign-title{font-size:15px;} .greeting-sign .sign-name{font-size:18px;} .greeting-sign img{height:32px;}} @media (max-width:420px){.greeting-title{font-size:20px;line-height:1.38;max-width:55%;} .greeting-ceo{top:-168px;right:0px;} .greeting-ceo img{max-width:158px;} .greeting-banner{padding:22px 16px;border-radius:12px;} .greeting-banner p{font-size:14px;line-height:1.55;} .greeting-sign{gap:8px;} .greeting-sign .sign-title{font-size:14px;} .greeting-sign .sign-name{font-size:17px;letter-spacing:1px;} .greeting-sign img{height:28px;}} @media (max-width:360px){.greeting-title{font-size:18px;max-width:52%;} .greeting-ceo{top:-148px;right:-4px;} .greeting-ceo img{max-width:138px;} .greeting-banner p{font-size:13.5px;}}