/* PC_MAIN DEDICATED FILE */
/* =========================================================
   99_pc_monitor_lock.css (PC only)
   - Monitor-based desktop canvas lock.
   - Fullscreen on small monitors scales down to fit.
   - Manual window shrink keeps the same desktop canvas and clips instead of reflowing.
   ========================================================= */

:root{
  --pc-monitor-width: 100vw;
  --pc-monitor-scale: 1;
  --pcvw: 1vw;
  --pc-safe-w: 100vw;
}

html{
  min-width: 0;
  overflow-x: hidden;
}

body.pc-site[data-pc-monitor-lock="true"]{
  width: var(--pc-monitor-width);
  min-width: var(--pc-monitor-width);
  zoom: var(--pc-monitor-scale);
  overflow-x: hidden;
  --pcvw: calc(var(--pc-monitor-width) / 100);
  --pc-safe-w: var(--pc-monitor-width);
}

body.pc-site[data-pc-monitor-lock="true"] .header,
body.pc-site[data-pc-monitor-lock="true"] .header .pc-mega,
body.pc-site[data-pc-monitor-lock="true"] #wrapper,
body.pc-site[data-pc-monitor-lock="true"] .sub-hero,
body.pc-site[data-pc-monitor-lock="true"] .sub-tabs,
body.pc-site[data-pc-monitor-lock="true"] .sub-main,
body.pc-site[data-pc-monitor-lock="true"] .pc-sticky-bar,
body.pc-site[data-pc-monitor-lock="true"] #section5.footer-section.section{
  width: var(--pc-monitor-width);
  min-width: var(--pc-monitor-width);
}

body.pc-site[data-pc-monitor-lock="true"] .header,
body.pc-site[data-pc-monitor-lock="true"] .header .pc-mega,
body.pc-site[data-pc-monitor-lock="true"] .pc-sticky-bar{
  left: 0;
  right: auto;
}

body.pc-site[data-pc-monitor-lock="true"] .pc-sticky-inner{
  width: min(2000px, calc(var(--pc-monitor-width) - 80px));
}

body.pc-site[data-pc-monitor-lock="true"] .kakao-consult{
  left: calc(var(--pc-monitor-width) - 121px);
  right: auto;
}