/* ===== 전문가 네트워크 v2 (Figma PC) ===== */ /* Pretendard: header.php 에서 로드 */ /* index-home-v2와 동일 — about.css 990px 열·1480px container 해제 */ html:has(body.experts-page-v2-body) { overflow-x: hidden; max-width: 100%; } body.site-subpage.experts-page-v2-body { font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif; background: #ffffff; color: #0a0a0a; overflow-x: hidden; max-width: 100%; } body.experts-page-v2-body #wrap.experts-network-page.experts-page-v2, body.experts-page-v2-body #wrap.no-side-panel-layout.experts-network-page.experts-page-v2 { overflow-x: hidden; width: 100%; max-width: 100%; background: #ffffff; } body.experts-page-v2-body #wrap.experts-network-page.experts-page-v2 > .container, body.experts-page-v2-body #wrap.no-side-panel-layout.experts-network-page.experts-page-v2 > .container { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; min-width: 0; box-sizing: border-box; } body.experts-page-v2-body #wrap.experts-network-page.experts-page-v2 .container > .main_sec, body.experts-page-v2-body #wrap.no-side-panel-layout.experts-network-page.experts-page-v2 .container > .main_sec { width: 100% !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; border: none !important; box-sizing: border-box; } .experts-network-page.experts-page-v2 { overflow-x: hidden; max-width: 100%; width: 100%; padding-top: 0; background: #ffffff; } .experts-network-page.experts-page-v2 .container { display: block !important; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .experts-network-page.experts-page-v2 .container > .main_sec { width: 100% !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .experts-page-v2__root { width: 100%; max-width: 100%; display: flex; flex-direction: column; box-sizing: border-box; --experts-v2-gutter: var(--experts-layout-gutter, clamp(16px, 4vw, 70px)); --experts-v2-content-max: 1440px; } body.experts-page-v2-body { --experts-layout-max: 1920px; --experts-layout-gutter: clamp(16px, 4vw, 70px); } /* 레거시 about.css .experts-page 규칙 무력화 */ .experts-network-page.experts-page-v2 .experts-page-v2__root.experts-page { width: 100%; max-width: 100%; margin: 0; } /* common.css section { overflow-x: hidden } · header.css 전역 header 규칙 충돌 방지 */ .experts-page-v2__root section.experts-hero-v2, .experts-page-v2__root section.experts-list-v2, .experts-page-v2__root section.experts-category, .experts-page-v2__root section.experts-bottom-cta, .experts-page-v2__root section.experts-recent-section { min-height: 0; overflow: visible; } /* ----- 헤더: 전문가 히어로 위 투명 / 스크롤 후 화이트 (레이아웃은 header-v2-layout.css) ----- */ body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts { position: absolute !important; top: 0; left: 0; right: 0; z-index: 1000; width: 100%; background: transparent !important; box-shadow: none !important; transition: background 0.25s ease, box-shadow 0.25s ease; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled { position: fixed !important; background: #ffffff !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important; } @media (min-width: 841px) { body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts > .container { max-width: var(--experts-layout-max) !important; margin-inline: auto !important; padding-inline: var(--experts-layout-gutter) !important; } } /* 히어로 위 — 흰색 헤더 UI */ body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .logo img { filter: brightness(0) invert(1); } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-v2-nav__link, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-links--legacy > li > a { color: #ffffff; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-links--legacy > li.index-header-sep span { color: rgba(255, 255, 255, 0.45); } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-links--legacy > li:hover > a, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-links--legacy > li.index-header-cs--active > a, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-links--legacy > li.index-header-insight--active > a { color: #ffffff; opacity: 0.85; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-v2-search, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-v2-search__icon { color: rgba(255, 255, 255, 0.9); } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-v2-search__label { border-bottom-color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.9); } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-lang-switch, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-lang-switch__current, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-lang-switch__link, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-lang-switch__icon, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-lang-switch__sep { color: #ffffff; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-btn-outline { border-color: #ffffff !important; color: #ffffff !important; background: transparent !important; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .index-header-btn-login { color: #ffffff !important; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts:not(.experts-header--scrolled) .mo-btn__icon { color: #ffffff; } /* 스크롤 후 — site-header-v2 기본색 복귀 */ body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled .index-header-links--legacy > li > a { color: #0a0a0a; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled .index-header-links--legacy > li.index-header-sep span { color: rgba(10, 10, 10, 0.35); } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled .index-header-links--legacy > li:hover > a, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled .index-header-links--legacy > li.index-header-cs--active > a, body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled .index-header-links--legacy > li.index-header-insight--active > a { color: #40798c; opacity: 1; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled .logo img { filter: none; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts.experts-header--scrolled .mo-btn__icon { color: #0a0a0a; } /* ----- Hero ----- */ .experts-hero-v2 { position: relative; isolation: isolate; border-radius: 0 0 40px 40px; overflow: hidden; margin-bottom: 0; } .experts-hero-v2__bg { position: absolute; inset: 0; background: #40798c; z-index: 0; } .experts-hero-v2__bg::before { content: ''; position: absolute; inset: 0; background: url('/img/home/expert-top-bg.png') center / cover no-repeat; opacity: 1; } .experts-hero-v2__bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(31, 54, 61, 0.15) 0%, rgba(64, 121, 140, 0.05) 100%); pointer-events: none; } .experts-hero-v2__inner { position: relative; z-index: 1; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; gap: 100px; width: 100%; max-width: var(--experts-layout-max, 1920px); margin: 0 auto; padding: 230px var(--experts-v2-gutter) 150px; box-sizing: border-box; } .experts-hero-v2__content { display: flex; flex-direction: column; align-items: flex-start; gap: 48px; flex: 1 1 748px; min-width: 0; max-width: 748px; } .experts-hero-v2__intro { display: flex; flex-direction: column; gap: 16px; width: 100%; min-width: 0; } .experts-hero-v2__badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 12px; background: rgba(255, 255, 255, 0.15); border-radius: 999px; font-size: 15px; font-weight: 500; line-height: 145%; letter-spacing: 0.01em; color: #ffffff; } .experts-hero-v2__title { margin: 0; font-size: clamp(2.25rem, 4vw, 64px); font-weight: 700; line-height: 130%; letter-spacing: -0.03em; color: #ffffff; word-break: keep-all; overflow-wrap: break-word; } .experts-hero-v2__lead { margin: 0; font-size: 22px; font-weight: 400; line-height: 136.4%; letter-spacing: -0.018em; color: #ffffff; word-break: keep-all; overflow-wrap: break-word; } .experts-hero-v2__cta { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 90px; max-width: 100%; padding: 16px 40px; background: #ffffff; box-shadow: 0 0 30px rgba(255, 255, 255, 0.5); border-radius: 999px; border: none; color: #0a0a0a; font-size: clamp(1.125rem, 1.6vw, 28px); font-weight: 700; line-height: 130%; letter-spacing: -0.02em; text-decoration: none; white-space: nowrap; align-self: flex-start; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease; } .experts-hero-v2__cta::after { content: '\2192'; font-size: 28px; line-height: 1; } .experts-hero-v2__cta:hover { transform: translateY(-2px); color: #0a0a0a; background: #ffffff; } .experts-hero-v2__stats { display: flex; flex-direction: column; gap: 12px; flex: 0 1 592px; width: 100%; max-width: 592px; min-width: 0; } .experts-hero-v2__stats-row { display: flex; flex-direction: row; justify-content: flex-end; gap: 12px; width: 100%; min-width: 0; } .experts-hero-v2__stat { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; flex: 1 1 0; width: auto; min-width: 0; max-width: 290px; min-height: 160px; padding: 24px 32px; background: rgba(255, 255, 255, 0.1); border-radius: 24px; box-sizing: border-box; } .experts-hero-v2__stat-value-row { display: flex; align-items: flex-start; justify-content: center; gap: 0; } .experts-hero-v2__stat-value { font-size: clamp(2rem, 3vw, 48px); font-weight: 700; line-height: 130%; letter-spacing: -0.025em; color: #ffffff; text-align: center; } .experts-hero-v2__stat-suffix { font-size: 20px; font-weight: 700; line-height: 140%; letter-spacing: -0.012em; color: #ffffff; opacity: 0.5; align-self: flex-start; padding-top: 0.35em; } .experts-hero-v2__stat-label { margin: 0; font-size: 22px; font-weight: 700; line-height: 135%; letter-spacing: -0.018em; color: #ffffff; text-align: center; } /* ----- List area ----- */ .experts-list-v2 { background: linear-gradient(180deg, rgba(64, 121, 140, 0) 0%, rgba(64, 121, 140, 0.2) 100%); padding: 100px 0 160px; } .experts-list-v2__inner { max-width: var(--experts-layout-max, 1920px); margin: 0 auto; padding: 0 var(--experts-v2-gutter); box-sizing: border-box; display: flex; flex-direction: column; gap: 64px; width: 100%; } .experts-list-v2__toolbar { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; gap: clamp(24px, 4vw, 64px); width: 100%; min-width: 0; } .experts-list-v2__heading { flex: 0 0 auto; margin: 0; font-size: clamp(2rem, 3vw, 48px); font-weight: 700; line-height: 130%; letter-spacing: -0.025em; color: #0a0a0a; white-space: nowrap; word-break: keep-all; } .experts-list-v2__filters { display: flex; flex-direction: row; align-items: flex-start; gap: 24px; flex: 0 1 auto; min-width: 0; margin-left: auto; } .experts-list-v2__filter, .experts-list-v2__search { display: flex; align-items: center; gap: 8px; padding: 20px 0; border-bottom: 2px solid #0a0a0a; box-sizing: border-box; } .experts-list-v2__filter { min-width: 140px; } .experts-list-v2__filter select { appearance: none; border: 0; background: transparent; font: inherit; font-size: 22px; font-weight: 500; line-height: 135%; letter-spacing: -0.018em; color: #0a0a0a; cursor: pointer; padding-right: 28px; width: 100%; } .experts-list-v2__filter-icon, .experts-list-v2__search-icon { flex: 0 0 28px; width: 28px; height: 28px; position: relative; } .experts-list-v2__filter-icon::before { content: ''; position: absolute; left: 25%; right: 25%; top: 35%; bottom: 30%; border-right: 2px solid #0a0a0a; border-bottom: 2px solid #0a0a0a; transform: rotate(45deg); } .experts-list-v2__search { min-width: 360px; } .experts-list-v2__search input { flex: 1; border: 0; background: transparent; font-size: 22px; font-weight: 500; line-height: 135%; letter-spacing: -0.018em; color: #0a0a0a; min-width: 0; } .experts-list-v2__search input::placeholder { color: rgba(9, 9, 11, 0.5); } .experts-list-v2__search-icon::before { content: ''; position: absolute; width: 14px; height: 14px; left: 4px; top: 4px; border: 2px solid #0a0a0a; border-radius: 50%; } .experts-list-v2__search-icon::after { content: ''; position: absolute; width: 8px; height: 2px; right: 3px; bottom: 5px; background: #0a0a0a; transform: rotate(45deg); transform-origin: right center; } .experts-list-v2__categories { display: flex; flex-direction: column; gap: 64px; } /* ----- Category + carousel ----- */ .experts-category { display: flex; flex-direction: column; gap: 40px; padding-bottom: 64px; border-bottom: 1px solid rgba(113, 113, 123, 0.22); } .experts-category:last-child { border-bottom: 0; padding-bottom: 0; } .experts-category.is-hidden { display: none; } .experts-category__title { margin: 0; font-size: clamp(1.5rem, 2.2vw, 36px); font-weight: 700; line-height: 130%; letter-spacing: -0.025em; color: #40798c; } .experts-carousel { position: relative; width: 100%; padding-right: 80px; box-sizing: border-box; } .experts-carousel__frame { overflow: hidden; width: 100%; } .experts-carousel__track { display: flex; flex-direction: row; align-items: stretch; gap: 24px; transition: transform 0.35s ease; will-change: transform; } .expert-card-v2 { flex: 0 0 640px; width: 640px; max-width: 640px; display: flex; flex-direction: column; gap: 32px; padding: 32px; background: #ffffff; border-radius: 32px; box-shadow: 0 2px 30px rgba(64, 121, 140, 0.16), 0 4px 16px rgba(64, 121, 140, 0.08), 0 0 8px rgba(64, 121, 140, 0.08); box-sizing: border-box; overflow: visible; height: auto; align-self: stretch; } .expert-card-v2.is-hidden { display: none; } .expert-card-v2__head { display: flex; flex-direction: column; gap: 24px; } .expert-card-v2__badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 12px; background: rgba(113, 113, 123, 0.12); border-radius: 999px; font-size: 15px; font-weight: 600; line-height: 145%; letter-spacing: 0.01em; color: #71717b; width: fit-content; } .expert-card-v2__names { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 24px; } .expert-card-v2__name { margin: 0; font-size: clamp(1.5rem, 2vw, 36px); font-weight: 700; line-height: 130%; letter-spacing: -0.025em; color: #0a0a0a; } .expert-card-v2__name-en { font-size: 22px; font-weight: 400; line-height: 136.4%; letter-spacing: -0.018em; color: rgba(9, 9, 11, 0.5); } .expert-card-v2__body { display: flex; flex-direction: row; gap: 40px; align-items: flex-start; min-width: 0; } .expert-card-v2__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 40px; overflow-wrap: anywhere; word-break: keep-all; } .expert-card-v2__block { display: flex; flex-direction: column; gap: 16px; } .expert-card-v2__block-title { margin: 0; padding-bottom: 16px; border-bottom: 1px solid #40798c; font-size: 22px; font-weight: 700; line-height: 135%; letter-spacing: -0.018em; color: #1f363d; } .expert-card-v2__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .expert-card-v2__list li { position: relative; margin: 0; padding: 0 0 0 12px; font-size: 18px; font-weight: 400; line-height: 145%; letter-spacing: -0.0002em; color: #0a0a0a; overflow-wrap: anywhere; word-break: keep-all; } .expert-card-v2__list li::before { content: ''; position: absolute; left: 0; top: 0.65em; width: 4px; height: 4px; border-radius: 999px; background: #40798c; } .experts-carousel__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 64px; height: 64px; padding: 0; border: 0; border-radius: 888px; background: rgba(9, 9, 11, 0.5); backdrop-filter: blur(2px); cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; } .experts-carousel__nav:hover { background: rgba(9, 9, 11, 0.65); } .experts-carousel__nav--next { right: 0; top: 50%; } .experts-carousel__nav--prev { left: 0; display: none; } .experts-carousel__nav-icon { display: block; width: 13px; height: 26px; border-top: 3px solid #ffffff; border-right: 3px solid #ffffff; transform: rotate(45deg); margin-left: -4px; } .experts-carousel__nav--prev .experts-carousel__nav-icon { transform: rotate(-135deg); margin-left: 4px; } /* ----- Bottom CTA ----- */ .experts-bottom-cta { padding: 0 var(--experts-v2-gutter) 160px; box-sizing: border-box; } .experts-bottom-cta__panel { position: relative; isolation: isolate; max-width: 1760px; margin: 0 auto; padding: 100px var(--experts-v2-gutter); background: #40798c; border-radius: 40px; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 48px; box-sizing: border-box; } .experts-bottom-cta__panel::before { content: ''; position: absolute; inset: 0; background: linear-gradient(56.42deg, rgba(59, 111, 129, 0.4) 52.84%, #3b6f81 100%), url('/img/home/expert-bottom-cta-bg.png') center / cover no-repeat; transform: scaleY(-1); z-index: 0; } .experts-bottom-cta__copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; max-width: 1280px; } .experts-bottom-cta__title { margin: 0; font-size: clamp(2rem, 3vw, 48px); font-weight: 700; line-height: 130%; letter-spacing: -0.025em; color: #ffffff; } .experts-bottom-cta__lead { margin: 0; font-size: 22px; font-weight: 400; line-height: 136.4%; letter-spacing: -0.018em; color: #ffffff; } .experts-bottom-cta__btn { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 16px 40px; background: #ffffff; box-shadow: 0 0 30px rgba(255, 255, 255, 0.5); border-radius: 999px; color: #0a0a0a; font-size: clamp(1.125rem, 1.6vw, 28px); font-weight: 700; line-height: 130%; letter-spacing: -0.02em; text-decoration: none; transition: transform 0.2s ease; } .experts-bottom-cta__btn::after { content: '\2192'; font-size: 28px; } .experts-bottom-cta__btn:hover { transform: translateY(-2px); color: #0a0a0a; background: #ffffff; } /* ----- Recent section (legacy) ----- */ .experts-page-v2__root .experts-recent-section { max-width: 1920px; margin: 0 auto; padding: 0 var(--experts-v2-gutter) 80px; box-sizing: border-box; } /* ----- Responsive ----- */ @media (max-width: 1440px) { .expert-card-v2 { flex: 0 0 min(640px, calc(100% - 80px)); width: min(640px, calc(100% - 80px)); max-width: min(640px, calc(100% - 80px)); } .experts-bottom-cta__panel { padding-left: 0; padding-right: 0; } } @media (max-width: 1200px) { .experts-hero-v2__inner { flex-direction: column; align-items: flex-start; gap: 48px; padding-top: 200px; padding-bottom: 80px; } .experts-hero-v2__content { flex: none; width: 100%; max-width: 748px; } .experts-hero-v2__stats { flex: none; width: 100%; max-width: 592px; } .experts-hero-v2__stat { flex: 1 1 0; max-width: none; } .experts-list-v2__toolbar { flex-direction: column; align-items: stretch; gap: 24px; } .experts-list-v2__heading { white-space: normal; } .experts-list-v2__filters { width: 100%; margin-left: 0; } .experts-list-v2__search { flex: 1; min-width: 0; } .experts-carousel { padding-right: 56px; } .expert-card-v2 { flex-basis: min(640px, calc(100vw - 160px)); width: min(640px, calc(100vw - 160px)); max-width: min(640px, calc(100vw - 160px)); } } @media (max-width: 840px) { .experts-page-v2__root { --experts-v2-gutter: 16px; } body.experts-page-v2-body { --experts-layout-gutter: 16px; } body.experts-page-v2-body > header.site-header-v2.site-header-v2--experts { position: sticky !important; background: #ffffff !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important; } body.experts-page-v2-body #wrap.experts-network-page.experts-page-v2 > .container, body.experts-page-v2-body #wrap.no-side-panel-layout.experts-network-page.experts-page-v2 > .container { padding: 0 !important; } body.experts-page-v2-body #wrap.experts-network-page.experts-page-v2 .container > .main_sec, body.experts-page-v2-body #wrap.no-side-panel-layout.experts-network-page.experts-page-v2 .container > .main_sec { padding: 0 !important; } .experts-network-page.experts-page-v2 { padding-top: 0; } .experts-hero-v2 { border-radius: 0 0 24px 24px; } .experts-hero-v2__inner { padding: 90px var(--experts-v2-gutter) 56px; gap: 32px; } .experts-hero-v2__content { gap: 32px; max-width: none; } .experts-hero-v2__cta { white-space: normal; width: 100%; align-self: stretch; font-size: 1.125rem; padding: 14px 24px; } .experts-hero-v2__stats-row { flex-direction: column; } .experts-hero-v2__stat { width: 100%; min-height: 120px; } .experts-list-v2 { padding: 64px 0 96px; } .experts-list-v2__inner, .experts-page-v2__root .experts-recent-section { gap: 40px; } .experts-list-v2__filters { flex-direction: column; gap: 16px; } .experts-list-v2__filter, .experts-list-v2__search { width: 100%; min-width: 0; } .expert-card-v2__body { flex-direction: column; gap: 32px; } .expert-card-v2 { flex-basis: calc(100vw - 72px); width: calc(100vw - 72px); max-width: calc(100vw - 72px); padding: 24px; } .experts-carousel__nav { width: 48px; height: 48px; } .experts-bottom-cta { padding: 0 20px 80px; } .experts-bottom-cta__panel { padding: 64px 24px; border-radius: 24px; } } @media (max-width: 480px) { .experts-hero-v2__lead, .experts-bottom-cta__lead { font-size: 18px; } .experts-list-v2__filter select, .experts-list-v2__search input { font-size: 18px; } }