/*withu-min v1 src=130635 md5=e55e142525ba2be09837ffa1bd81e185*/







:root {

  
  --c-white:     #ffffff;
  --c-gray-50:   #f7f7f7;
  --c-gray-100:  #f5f5f5;
  --c-gray-150:  #f0f0f0;
  --c-gray-200:  #eeeeee;
  --c-gray-250:  #e0e0e0;
  --c-gray-300:  #dddddd;
  --c-gray-400:  #bbbbbb;
  --c-gray-500:  #999999;
  --c-gray-600:  #888888;
  
  --c-gray-650:  #767676;   
  --c-gray-675:  #666666;   
  --c-gray-700:  #555555;
  --c-gray-800:  #333333;
  --c-gray-900:  #222222;
  --c-gray-950:  #111111;
  --c-black:     #000000;
  --c-red:       #ff4d4d;

  
  --c-violet:    #7c3aed;

  
  --c-line:      #06c755;

  
  
  --color-text:         var(--c-gray-950);
  --color-text-muted:   var(--c-gray-700);
  --color-text-subtle:  var(--c-gray-675);
  --color-text-faint:   var(--c-gray-650);
  --color-text-invert:  var(--c-white);

  
  --color-text-disabled: var(--c-gray-500);

  --color-bg:           var(--c-white);
  --color-bg-soft:      var(--c-gray-50);
  --color-bg-muted:     var(--c-gray-150);

  --color-border:       var(--c-gray-200);
  --color-border-strong:var(--c-gray-300);
  --color-divider:      var(--c-gray-950);   

  
  --color-border-btn:   var(--c-gray-600);

  --color-accent:       var(--c-red);

  
  --color-point:        var(--c-violet);
  --color-link:         var(--c-gray-950);

  
  --color-link-hover:   var(--c-gray-675);

  --color-overlay:      rgba(0, 0, 0, 0.45);
  --color-scrim:        rgba(0, 0, 0, 0.16);


  
  --space-1:   4px;
  --space-2:   8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  60px;
  --space-10: 80px;
  --space-11: 120px;  


  
  --fs-xs:   12px;   
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   20px;
  --fs-xl:   22px;
  --fs-2xl:  24px;
  --fs-3xl:  31px;
  --fs-4xl:  36px;   

  
  --fs-doc-title: 48px;

  
  --fs-community-title: 36px;

  
  --fs-search-title: 48px;

  
  --search-term-max: 12em;

  
  --fs-block-title: clamp(32px, 4vw, 52px);

  
  --slider-title: clamp(2.2rem, 6vw, 5.5rem);

  
  --slider-title-width: 1400px;

  
  --slider-title-lines: 2;

  --lh-tight:   1.25;
  --lh-heading: 1.4;
  --lh-body:    1.75;   

  --fw-normal:  400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fw-black:   800;   


  
  --ls-body:    0;
  --ls-heading: 0;
  --ls-label:   0.08em;

  
  --ls-block-title: var(--ls-label);


  
  --font-sans: 'Pretendard Variable', 'Pretendard',
               -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'Apple SD Gothic Neo', sans-serif;

  

  
  --font-serif: 'Noto Serif KR', 'Noto Serif', Georgia, serif;

  
  --font-display: var(--font-sans);


  
  --radius-sm:     4px;
  --radius:        8px;
  --radius-lg:    12px;
  --radius-xl:    24px;
  --radius-pill: 999px;
  --radius-circle: 50%;


  
  
  --thumb-pos-upper: 25%;


  
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.10);
  --shadow:    0 2px 8px rgba(0, 0, 0, 0.16);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.20);


  
  --focus-ring-w:   2px;
  --focus-ring-gap: 2px;

  
  --focus-ring-shadow: 0 0 0 calc(var(--focus-ring-gap) + var(--focus-ring-w))
                       var(--color-text-invert);


  

  

  --width-body:    1260px;   
  --width-slider:  1496px;   
  --gutter:          48px;   

  
  --width-container: calc( var(--width-slider) + var(--gutter) * 2 );

  --width-content:    760px;   

  
  --search-form-w: 420px;

  
  --card-gap: 60px;

  
  --iv-thumb: 360px;

  


  

  
  --slider-ratio: 1920 / 880;

  
  --slider-ctl: 44px;

  
  --iv-title-lines: 2;

  
  --width-article:   1080px;

  
  --gap-below-nav: var(--space-9);

  
  --sticky-safe: 80px;

  
  --yt-item: 480px;

  
  --family-logo: 28px;

  
  --chevron: 10px;

  
  --search-panel-min: 360px;

  
  --nav-fade: 32px;

  
  --hdr-icon-fs: 30px;

  
  --hdr-icon-wght: 325;

  
  --wam-search-h: 48px;

  
  --logo-w: 260px;

  
  --tagline-fs:  15px;
  --tagline-top: 10px;
  --tagline-lh:  1.6;
  --tagline-gap: 44px;

  
  --tool-btn: 44px;

  
  --tool-btn-lg: 56px;

  
  --board-control-h: 48px;

  
  --board-search-select: 120px;

  
  --board-search-w: 520px;

  
  --board-gap-list: 24px;

  

  
  --notfound-w: 420px;

  
  --notfound-btn-h: 56px;

  
  --cat-btn-h: 44px;

  
  --suggest-h: 44px;

  
  --suggest-row-max: none;

  
  --cat-btn-pad: 20px;

  
  --list-btn-h: 48px;

  
  --family-marquee-dur: 120s;

  
  --bgm-size: 200px;

  
  --bgm-seek-min: 200px;
  --bgm-seek-h: 4px;
  --bgm-seek-thumb: 12px;

  
  --bgm-bar-h: 44px;

  
  --bgm-row-h: calc(var(--bgm-bar-h) - 2px);

  
  --more-btn-w: 240px;
  --more-btn-h: 56px;

  
  --um-agree-gap: 30px;

  
  --um-terms-box-h: 280px;

  
  --um-check-icon: 28px;
  --um-check-row:  44px;

  
  --um-check-indent: 40px;

  
  --um-form-w: 450px;

  
  --um-btn-h: 47px;

  
  --reveal-shift: 24px;
  --reveal-dur:   0.7s;
  --reveal-step:  0.09s;
  --reveal-ease:  cubic-bezier(0.22, 0.61, 0.36, 1);

  --transition: 0.2s ease;
  --z-header: 100;

  
  --z-dropdown: 200;

  --z-overlay: 900;
  --z-modal: 1000;
}





html[lang*="ja"] {
  --font-sans:  'Pretendard JP Variable', 'Pretendard JP',
                'Pretendard Variable', 'Pretendard',
                -apple-system, BlinkMacSystemFont,
                'Segoe UI', 'Apple SD Gothic Neo', sans-serif;
  --font-serif: 'Noto Serif JP', 'Noto Serif', Georgia, serif;
}



html[lang*="ko"] {
  --ls-body:    0.01em;
  --ls-heading: 0.02em;
}


html[lang*="ja"] { --ls-body: 0; --ls-heading: 0; }
html[lang*="en"] { --ls-body: 0; --ls-heading: 0; }


html[lang*="en"] { --font-serif: 'Noto Serif', Georgia, serif; }



@media (max-width: 767px) {
  :root {
    
    --nav-tab-h: 44px;

    
    --fixed-bar-h: 52px;

    
    --sticky-safe: 62px;

    
    --logo-w-mini: 84px;

    
    --logo-w: 144px;

    
    --tagline-gap: 26px;

    
    --ls-block-title: 0.02em;

    
    --nav-tab-fs: 16px;

    
    --series-title-fs: 19px;

    
    --pag-num-w: 34px;
    --pag-tap-h: 44px;

    
    --gutter: 16px;

    
    --iv-thumb: 40%;

    
    --iv-title-lines: 3;

    
    --iv-more-h: 44px;

    
    --slider-ratio: 3 / 2;

    --tool-btn: 38px;
    --tool-btn-lg: 52px;   
    --board-control-h: 44px;   
    --board-search-w: none;    
    --board-search-select: 104px;  
    --notfound-w: none;        
    --notfound-btn-h: 52px;    
    --board-gap-list: 20px;    
    --cat-btn-h: 44px;         
    
    --cat-btn-pad: 12px;
    --fs-doc-title: 32px;   
    --fs-community-title: 26px;   

    
    --fs-search-title: 24px;

    
    --suggest-row-max: 320px;

    
    --search-term-max: 7em;
    
    --fs-3xl:  24px;
    --fs-2xl:  22px;
    --fs-xl:   20px;
    --space-11: 64px;
    --space-10: 48px;
    --space-9:  40px;
    --space-8:  28px;
    --family-logo: 22px;
    --yt-item: 280px;
    --search-panel-min: 260px;   

    
    --more-btn-w: none;
    --more-btn-h: 52px;

    
    --slider-title-lines: 2;

    
    --slider-title: 22px;

    
    --reveal-shift: 16px;
  }
}