@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

BODY,TD,input,DIV,form,a,p,span,TEXTAREA,center,pre,blockquote {font-family:'NanumSquareNeo';}
	
  /* ±×´©º¸µå Ãæµ¹ ¹æÁö¸¦ À§ÇÑ ÃʱâÈ­ ¹× °øÅë ¼³Á¤ */
  .jj-header-wrap, .jj-header-wrap * { box-sizing: border-box; } /* ·¡ÆÛ º»Ã¼µµ border-box Æ÷ÇÔ */
  .jj-header-wrap * { margin: 0; padding: 0; }
  .jj-header-wrap a { text-decoration: none; color: inherit; }
  .jj-header-wrap ul, .jj-header-wrap li { list-style: none; }
  .jj-header-wrap button { background: none; border: none; cursor: pointer; }

/* ==========================================
   ¸Þ´º »ó´Ü °íÁ¤ (z-index ¿ì¼±¼øÀ§ º¸Àå)
   ========================================== */
.jj-header-wrap {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-color: rgba(255, 255, 255, 1.0);
  z-index: 9999 !important;
  border-bottom: 1px solid #f1f1f1;
}

  /* PC ¹öÀü ·¹À̾ƿô (1024px ÀÌ»ó) */
  .jj-pc-header {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    padding: 0 20px;
  }

  /* PC ¾çÂÊ ¿µ¿ª ³Êºñ °íÁ¤ (¸Þ´º Á¤Áß¾Ó Á¤·Ä¿ë) */
/* 1. ÁÂÃø ·Î°í ¿µ¿ª ³Êºñ °­Á¦ °íÁ¤ */
.jj-logo {
  flex: 0 0 230px; /* °íÁ¤ ³Êºñ ÁöÁ¤ */
  width: 230px;
}

/* 2. ¿ìÃø ¼Ò¼È ¾ÆÀÌÄÜ ¿µ¿ª ³Êºñ °­Á¦ °íÁ¤ */
.jj-social-icons {
  flex: 0 0 230px; /* ÁÂÃø°ú ¿ÏÀüÈ÷ µ¿ÀÏÇÑ ³Êºñ·Î °íÁ¤ */
  width: 230px;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 15px; /* ÀÌÀü À§Ä¡ ³»·ÁµÐ °ª À¯Áö */
}

/* 3. Áß¾Ó ¸Þ´º ÄÁÅ×ÀÌ³Ê (Á¤Áß¾Ó Á¤·Ä º¸Àå) */
.jj-nav-center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  text-align: center;
}

/* 4. PC ¸Þ´º ¸ñ·Ï (ÀÚü margin ÃʱâÈ­·Î Áß¾Ó À¯Áö ¹× ¿ÜºÎ ½ºÅ¸ÀÏ Â÷´Ü) */
.jj-pc-menu {
  display: flex !important;
  gap: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 1. li ¼³Á¤ - ¿ÜºÎ margin/padding/height ¿µÇâÀ» ¿øõ Â÷´Ü */
.jj-pc-menu > li {
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  list-style: none !important;
}

/* 2. a ÅÂ±× ¼³Á¤ - line-height¿Í box-sizing °íÁ¤À¸·Î ¸ðµç ÆäÀÌÁö ³ôÀÌ ÅëÀÏ */
.jj-pc-menu > li > a {
  display: block !important;
  font-size: 15px !important;
  line-height: 1 !important; /* ¿ÜºÎ ÁÙ³ôÀÌ °è»ê °£¼· Â÷´Ü */
  color: #333;
  font-weight: 500;
  position: relative !important;
  padding-top: 45px !important;   /* ¸Þ´º ¼¼·Î À§Ä¡ */
  padding-bottom: 25px !important;/* Çì´õ ³ôÀÌ(90px) ±ÕÇü ¸ÂÃã */
  margin: 0 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* 3. ¹ØÁÙ ±âº» »óÅ (¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î ±æ¾îÁö´Â ¾Ö´Ï¸ÞÀÌ¼Ç À¯Áö) */
.jj-pc-menu > li > a::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -2px !important;
  width: 0%;
  height: 2px !important;
  background-color: #111 !important;
  transition: width 0.3s ease-in-out !important;
}

/* 4. È°¼ºÈ­ ¹× ¸¶¿ì½º¿À¹ö ¹ØÁÙ */
.jj-pc-menu > li.active > a::after,
.jj-pc-menu > li:hover > a::after {
  width: 100% !important;
  background-color: #333 !important;
}

  /* PC ¼­ºê¸Þ´º & ´õº¸±â µå·Ó´Ù¿î °øÅë ¼³Á¤ (Á÷°¢, #fff ¹è°æ, #ececec Å׵θ®, ÀÚ¿¬½º·¯¿î Æ®·£Áö¼Ç) */
  .jj-pc-submenu,
  .jj-more-dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 0;
    min-width: 150px;
    z-index: 1000;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  /* ´õº¸±â ¸Þ´º À§Ä¡ Á¶Á¤ (¿ìÃø Á¤·Ä) */
  .jj-more-dropdown {
    top: 70px;
    left: auto;
    right: 0;
    transform: none;
  }

  /* ´õº¸±â ¸Þ´º ³»ÀÇ ¼­ºê¸Þ´º À§Ä¡ Á¶Á¤ (¿À¸¥ÂÊÀ¸·Î ÆîÃÄÁü) */
  .jj-more-dropdown .jj-pc-submenu {
    top: -1px;
    left: 100%;
    transform: none;
  }

  .jj-pc-menu > li:hover > .jj-pc-submenu,
  .jj-more-btn:hover > .jj-more-dropdown,
  .jj-more-dropdown > li:hover > .jj-pc-submenu {
    visibility: visible;
    opacity: 1;
  }

  .jj-pc-submenu li a,
  .jj-more-dropdown li a {
    display: block;
    padding: 12px 20px;
    font-size: 14px;
    color: #333; 
    text-align: center;
    transition: all 0.2s;
  }

  .jj-pc-submenu li a:hover,
  .jj-more-dropdown li a:hover {
    background-color: #111;
    color: #fff;
  }

  /* PC ´õº¸±â(...) ¹öÆ° (Á¤°¡¿îµ¥ Á¤·Ä ¹Ý¿µ) */
  .jj-more-btn {
    display: none; /* JS¿¡¼­ flex·Î º¯°æµÊ */
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    padding: 0 15px;
    position: relative;
    height: 90px; /* Çì´õ¿Í µ¿ÀÏÇÑ ³ôÀÌ·Î ¼¼·Î Á¤Áß¾Ó Á¤·Ä */
    color: #333;
  }

  /* ¸ð¹ÙÀÏ/ÅÂºí¸´ Çì´õ ¼û±è */
  .jj-mobile-wrap {
    display: none;
  }

  /* ¹ÝÀÀÇü 1024px ¹Ì¸¸ */
  @media (max-width: 1023px) {
  .jj-header-wrap {
    position: static; 
    border-bottom: none;
    background-color: transparent;
  }

  .jj-pc-header { display: none; }
  .jj-mobile-wrap { display: block; }

  /* 1. ¸ð¹ÙÀÏ Çì´õ (·Î°í Æ÷ÇÔ, »çÀ̵å¹Ùº¸´Ù ¾Æ·¡¿¡ À§Ä¡ÇÏ¿© ¸Þ´º µÚ·Î °¡·ÁÁü) */
  .jj-mobile-header {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box; /* Æеù Æ÷ÇÔ Å©±â À¯Áö */
    background-color: #fff;
    z-index: 1000; /* »çÀ̵å¹Ù(1001)º¸´Ù ³·¾Æ¼­ ¸Þ´º°¡ ¿­¸®¸é ·Î°í°¡ ¸Þ´º µÚ·Î ¼ûÀ½ */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #f1f1f1;
  }

  .jj-mobile-logo { 
    margin: 0 auto; 
  }
  .jj-mobile-logo img { 
    width: 140px; 
    height: auto; 
  }

  /* 2. µ¶¸³µÈ »ï¼± / X ´Ý±â ¹öÆ° (Ç×»ó ¸Þ´ºº¸´Ù À§¿¡ À§Ä¡ÇÏ¿© Ŭ¸¯ º¸Àå) */
  .jj-hamburger {
    position: fixed;
    top: 30px; /* Çì´õ Æеù¿¡ ¸ÂÃá À§Ä¡ */
    right: 20px;
    width: 24px;
    height: 20px;
    z-index: 1002; /* »çÀ̵å¹Ù(1001)º¸´Ù À§¿¡ À§Ä¡ÇÏ¿© Ç×»ó Ŭ¸¯ °¡´É */
    background: transparent;
  }
  
  .jj-hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #111;
    position: absolute;
    transition: 0.3s;
  }
  .jj-hamburger span:nth-child(1) { top: 0; }
  .jj-hamburger span:nth-child(2) { top: 9px; }
  .jj-hamburger span:nth-child(3) { top: 18px; }

  .jj-hamburger.open span:nth-child(1) { top: 9px; transform: rotate(45deg); background-color: #111; }
  .jj-hamburger.open span:nth-child(2) { opacity: 0; }
  .jj-hamburger.open span:nth-child(3) { top: 9px; transform: rotate(-45deg); background-color: #111; }

  /* 1. ¸ð¹ÙÀÏ °¡·Î ½ºÅ©·Ñ, ¸Þ´º Çܹö°Å ¸Þ´º°¡ ¿­¸®¸é ·Î°í¸¦ ¿Ïº®È÷ ¼û±â°í Ŭ¸¯µµ Â÷´Ü */
  .jj-mobile-header:has(.jj-hamburger.open) .jj-mobile-logo {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* Ŭ¸¯ ¿ÏÀüÈ÷ Â÷´Ü */
  }

/* 2. ¸ð¹ÙÀÏ °¡·Î ½ºÅ©·Ñ ¸Þ´º (ÇÏ´Ü 1px ½Ç¼± Ãß°¡) */
.jj-scroll-menu-container {
  margin-top: 75px;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #e5e5e5; /* È­¸é ÁÂ¿ì ³¡±îÁö ¿Ïº®ÇÏ°Ô ²Ë Â÷´Â ½Ç¼± */
  width: 100%;
  box-sizing: border-box !important;
}

/* 2. ³»ºÎ ½ºÅ©·Ñ ¸Þ´º (ÅؽºÆ®¿Í ½ºÅ©·Ñ ¿µ¿ª) */
.jj-mobile-scroll-menu {
  position: relative !important; /* ½ºÅ©¸³Æ® À§Ä¡(offsetLeft) °è»ê ±âÁØÁ¡ */
  display: flex !important;
  align-items: center;
  overflow-x: auto !important;
  white-space: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-padding-right: 40px !important; /* ½ºÅ©·Ñ ³¡ÁöÁ¡ ¿ìÃø ¿©À¯ °ø°£ È®º¸ */
  scroll-behavior: smooth; /* ½ºÅ©·Ñ À̵¿ ½Ã ºÎµå·´°Ô Àüȯ */
}

.jj-mobile-scroll-menu::-webkit-scrollbar { display: none; }

/* 3. °¢ ¸Þ´º Ç׸ñ(li) ¼³Á¤ - li ÆеùÀ» 0À¸·Î ¸¸µé¾î a űװ¡ ¿µ¿ªÀ» ²Ë ä¿ìµµ·Ï ÇÔ */
.jj-mobile-scroll-menu li {
  position: relative !important; /* À§Ä¡ °è»ê ±âÁØÁ¡ ÁöÁ¤ */
  display: inline-block !important;
  flex-shrink: 0 !important; /* ¸ð¹ÙÀÏ È­¸éÀÌ Á¼¾Æµµ ¸Þ´º ³Êºñ°¡ ÁÙ¾îµéÁö ¾Êµµ·Ï °íÁ¤ */
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* 4. a ű׸¦ ºí·ÏÈ­ÇÏ¿© »óÇÏ Àüü ¿µ¿ª Ŭ¸¯ °¡´É ¹× ¿ÜºÎ CSS µ¤¾î¾²±â ¹æÁö */
.jj-mobile-scroll-menu li a {
  display: block !important; /* »óÇÏ Àüü ¿µ¿ª Ŭ¸¯ °¡´É */
  padding: 15px 15px !important; /* ±âÁ¸ li¿¡ ÀÖ´ø ÆеùÀ» a ű׷ΠÀ̵¿ */
  font-size: 12px !important;
  line-height: 1 !important; /* ¿ÜºÎ line-height ¿µÇâÀ» Â÷´ÜÇÏ¿© ¸ðµç ÆäÀÌÁö ³ôÀÌ µ¿ÀÏ À¯Áö */
  color: #333;
  font-weight: 400;
  position: relative;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* ¸Ç ¾Õ/µÚ ¸Þ´º Æеù À¯Áö */
.jj-mobile-scroll-menu li:first-child a {
  padding-left: 45px !important;
}

.jj-mobile-scroll-menu li:last-child a {
  padding-right: 45px !important;
}

.jj-mobile-scroll-menu li.active a {
  color: #333;
  font-weight: bold;
  scroll-margin-left: 45px !important;
}

  /* 4. ¼±ÅÃµÈ ¸Þ´ºÀÇ °ËÁ¤ ¹ØÁÙ À§Ä¡ °íÁ¤ */
  .jj-mobile-scroll-menu li.active a::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -6px; /* li Æеù(15px) + ÄÁÅ×ÀÌ³Ê ÇÏ´Ü ¼± À§Ä¡¿¡ ¸ÂÃã */
    width: 100%;
    height: 1px;
    background-color: #333;
    z-index: 1;
  }

  /* ¸ð¹ÙÀÏ »çÀ̵å¹Ù */
  .jj-sidebar-overlay {
    position: fixed;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* ¾îµÎ¿öÁö´Â Åõ¸íµµ ¹è°æ */
    z-index: 1000;
    visibility: hidden; /* display: none ´ë½Å »ç¿ëÇÏ¿© ºÎµå·¯¿î ÆäÀ̵å ÀÎ/¾Æ¿ô °¡´ÉÇÏ°Ô Ã³¸® */
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .jj-sidebar-overlay.active {
    visibility: visible;
    opacity: 1;
  }

  .jj-sidebar {
    position: fixed;
    top: 0; right: -100%;
    width: 85%; max-width: 350px; height: 100%;
    background-color: #fff;
    z-index: 1001; /* Çì´õ(1000) À§, Çܹö°Å ¹öÆ°(1002) ¾Æ·¡ */
    transition: right 0.4s ease-in-out;
  }
  .jj-sidebar.open { right: 0; }

  .jj-sidebar-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow-y: auto;
    padding-top: 70px; 
  }

  .jj-sidebar-menu-list { padding: 0 20px; }
  .jj-sidebar-menu-list > li {
    border-bottom: 1px solid #f1f1f1;
    position: relative;
  }
  .jj-sidebar-menu-list > li.active::after {
    content: '';
    position: absolute;
    left: 0; bottom: -1px; width: 100%; height: 2px; background-color: #111; z-index: 1;
  }
  .jj-sidebar-menu-list > li > a {
    display: flex; justify-content: space-between; align-items: center;
    padding: 18px 0; font-size: 14px; color: #333;
  }
  .jj-sidebar-menu-list > li.active > a { font-weight: 700; }

  /* ¾ÆÄÚµð¾ð È­»ìÇ¥ */
  .jj-arrow {
    width: 12px; height: 12px;
    border-right: 2px solid #999; border-bottom: 2px solid #999;
    transform: rotate(45deg); transition: transform 0.3s ease;
  }
  .jj-sidebar-menu-list > li.open .jj-arrow { transform: rotate(-135deg); }

  /* ¸ð¹ÙÀÏ ¼­ºê¸Þ´º */
  .jj-mobile-submenu {
    padding: 0 0 0 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding-bottom 0.4s ease; 
  }
  .jj-mobile-submenu li a {
    display: block; padding: 10px 0; font-size: 13px; color: #666;
  }
  .jj-mobile-submenu li a.jj-active-sub {
    font-weight: 700; color: #111;
  }

  /* ÇÏ´Ü ¼Ò¼È ¹öÆ° */
  .jj-sidebar-bottom { padding: 20px; margin-top: auto; }
  .jj-btn-sns {
    display: block; text-align: center; border: 1px solid #ececec;
    padding: 12px 0; margin-top: 10px; font-size: 12px; color: #333;
  }

  /* Çܹö°Å ¸Þ´º°¡ ¿­·ÈÀ» ¶§(.open) Çì´õ ¹è°æ°ú ¼±À» ¼û±è */
  .jj-mobile-header:has(.jj-hamburger.open) {
    background-color: transparent; /* ¾Æ·¡¿¡ ±ò¸° ¸Þ´º ¹è°æ»öÀÌ ±×´ë·Î ºñÄ¡µµ·Ï Åõ¸íÇÏ°Ô Ã³¸® */
    border-bottom: none; /* ÇÏ´Ü ¼± Á¦°Å */
  }

  /* ·Î°í°¡ ¾îµÎ¿î ¸Þ´º ¾Æ·¡¿¡ ¹¯Èù °Íó·³ ½Ã°¢Àû È¿°ú ºÎ¿© */
  .jj-mobile-header:has(.jj-hamburger.open) .jj-mobile-logo {
    filter: brightness(0.4); /* 0 ~ 1 »çÀÌ ¼öÄ¡·Î ¾îµÎ¿î Á¤µµ Á¶Àý */
  }

  /* (¼±Åà »çÇ×) ¾îµÎ¿öÁø ¹è°æ À§¿¡¼­ X Ç¥½Ã°¡ Àß º¸À̵µ·Ï ¼± »ö»óÀ» Èò»öÀ¸·Î º¯°æ */
  .jj-hamburger.open span {
    background-color: #ffffff; 
  }
  }