/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   »ó´Ü ·Î°í¡¤¸Þ´º¡¤·Î±×ÀÎ ¿µ¿ª flex Á¶Á¤
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#logo {
  flex: 0 0 120px;
}
#logo img {
  max-width: 100%;
  height: auto;
}

#gnb {
  flex: 1;
  overflow-x: visible; /* wrap ÄÁÅ×À̳ʵµ visible */
}

/* ³ª¸ÓÁö flex-nowrap, padding µîÀº ±×´ë·Î */

#gnb .gnb_wrap,
#gnb ul,
#gnb li {
  display: flex;
  flex-wrap: nowrap;
}
#gnb li {
  white-space: nowrap;
  padding: 0 10px;
  font-size: 14px;
}

.login {
  flex: 0 0 80px;
  display: flex;
  justify-content: flex-end;
}
.login li {
  padding: 0 5px;
  white-space: nowrap;
}

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   1) ÃÖ»óÀ§ ¸Þ´º¸¸ flex-nowrap
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#gnb > .gnb_wrap > ul#gnb_1dul {
  display: flex;
  flex-wrap: nowrap;
}

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   2) µå·Ó´Ù¿î(2Â÷ ¸Þ´º) º¹¿ø
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#gnb li {
  position: relative;
}
#gnb .gnb_2dul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  white-space: nowrap;
  background: #222;   /* ÇÊ¿ä½Ã ¹è°æ»ö ÁöÁ¤ */
  z-index: 999;
}
#gnb li:hover > .gnb_2dul {
  display: block;
}

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   3) ¾ð´õ¶óÀÎ À§Ä¡ °íÁ¤
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#gnb > .gnb_wrap > ul#gnb_1dul > li > a.gnb_1da {
  position: relative;
}
#gnb > .gnb_wrap > ul#gnb_1dul > li > a.gnb_1da::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 40;
  width: 40%;
  height: 2px;
  background: #fff;
}


/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   4) 2Â÷ ¸Þ´º(ÇÏÀ§¸Þ´º) À§Ä¡ ¹Ì¼¼Á¶Á¤
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#gnb .gnb_2dul {
  /* ±âÁ¸ left: 0 ¡æ ¾à°£ ¿ÞÂÊÀ¸·Î À̵¿ */
  left: 60px;          /* ÇÊ¿ä½Ã -15px ~ -30px »çÀÌ·Î Á¶Á¤ */
}

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   5) ¾ð´õ¶óÀÎ(È°¼º ¸Þ´º ¹ØÁÙ) ¿ÀÇÁ¼Â¡¤±æÀÌ ¹Ì¼¼Á¶Á¤
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#gnb > .gnb_wrap > ul#gnb_1dul > li > a.gnb_1da::after {
  /* ¿ø·¡ left: 0, width:100% */
  left: 10px;           /* ½ÃÀÛÁ¡À» ¿À¸¥ÂÊÀ¸·Î ¹Ð±â (¾à 1~2ÀÚ) */
  width: calc(100% - 20px);  /* ÀüüÆø¿¡¼­ Á¿ì ÃÑ 20px(=10px¡¿2)¸¸Å­ ÁÙÀ̱â */
}

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   6) ¸ð¹ÙÀÏ ´ëÀÀ - È­¸é 768px ÀÌÇÏ
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
@media screen and (max-width: 768px) {

  #hd {
    display: block;     /* flex ¡æ blockÀ¸·Î º¯°æ */
    text-align: center;
  }

  #logo {
    margin: 0 auto;
    float: none;
  }

  .login {
    display: block;
    text-align: right;
    padding: 10px;
  }

  #gnb {
    overflow: visible;  /* ¸ð¹ÙÀÏ¿¡¼­´Â ½ºÅ©·Ñ Á¦°Å */
  }

  #gnb .gnb_wrap {
    display: block;
  }

  #gnb ul#gnb_1dul {
    display: block;
    text-align: left;
  }

  #gnb li {
    display: block;
    margin: 0;
    padding: 10px 0;
  }

  #gnb li:hover > .gnb_2dul {
    position: relative;
  }

  #gnb .gnb_2dul {
    position: relative;
    left: 0;
    top: 0;
    background: #333;
    padding: 5px 10px;
  }
}


/* Æ˾÷ º»¹®À» ¸ð¹ÙÀÏ¿¡¼­µµ ¿ÞÂÊ Á¤·Ä·Î * 2025.05.11 ±Ù´ë ¾È¸ÔÀ½¤Ð¤Ð */
@media screen and (max-width: 768px) {
  .popup,
  .popup * {
    text-align: left !important;
  }
}