/* ============================================================
   login_info xe_official2 - default colorset
   2026-08-24 : ĸÃÄ ½Ã¾È ¹Ý¿µ - ·Î±×¾Æ¿ô ¹öÆ° À̸§Çà ¿ìÃø Á¤Àû ¹èÄ¡,
   ¹îÁö(Lv, P) º°µµ ÁÙ ºÐ¸®, ·Î±×ÀÎ ÈÄ Á¦¸ñ(h3) ¼û±è
   2026-08-21 : ksswa /home2 GNB ³ì»ö(#669900) ¸®Ä÷¯¿¡ ¸ÂÃá
   ·Î±×ÀÎâ Çö´ëÈ­. cp949 ÀÎÄÚµù À¯Áö - ÁÖ¼®Àº ASCII/Çѱ۸¸ »ç¿ë.
   ============================================================ */

/* 2026-08-24 : Á¦¸ñ(Member Login)°ú »ó´Ü ±¸ºÐ¼± »çÀÌ ¿©¹é È®º¸(margin-top), ±¸ºÐ¼± ¾Æ·¡ ¿©¹é È®´ë(padding-top) */
.login_default{margin:12px 0 0;padding:16px 0 0;border-top:1px solid #ececec;width:100%;position:relative;display:block;font-size:15px;box-sizing:border-box;}
/* ·¹À̾ƿô(SLD_main.css) µ¥½ºÅ©Åé ¾ÐÃà ±ÔÄ¢ÀÌ À§ margin/padding À» µ¤´Â °æ¿ì ´ëºñ - Æû id ·Î ƯÀ̵µ È®º¸ (·Î±×ÀÎ Àü Æû ÇÑÁ¤) */
form#fo_login_widget.login_default{margin-top:12px;padding-top:18px;}
.login_default fieldset{position:relative;border:0;padding:0;width:100%;margin:0;box-sizing:border-box;}

/* ----- ·Î±×ÀÎ Àü : ÀÔ·Â Æû ----- */
.login_default fieldset .idpwWrap{clear:both;width:100%;}
.login_default fieldset .idpw{float:none;width:100%;}
.login_default fieldset .idpw input[type=text],
.login_default fieldset .idpw input[type=password]{
  display:block;width:100%;height:46px;
  border:1px solid #dcdcdc;border-radius:10px;
  background:#fff;color:#282828;
  padding:0 14px;margin:0 0 10px;
  font-size:15px;font-family:inherit;line-height:44px;
  box-sizing:border-box;
  transition:border-color .2s ease, box-shadow .2s ease;
  -webkit-appearance:none;appearance:none;
}
.login_default fieldset .idpw input:focus{
  border-color:#669900;outline:0;
  box-shadow:0 0 0 3px rgba(102,153,0,.13);
}
.login_default fieldset .idpw input::placeholder{color:#aaa;}

/* ·Î±×ÀÎ À¯Áö üũ¹Ú½º */
.login_default fieldset p.keep{display:flex;align-items:center;gap:7px;margin:4px 0 14px;padding:0;}
.login_default fieldset p.keep input{width:16px;height:16px;margin:0;padding:0;border:0;accent-color:#669900;cursor:pointer;}
.login_default fieldset p.keep label{font-size:14px;color:#666;cursor:pointer;}
/* ·Î±×ÀÎ À¯Áö ¾È³»¹® : ±âº» ¼û±è (login.js °¡ ready ½ÃÁ¡¿¡ hide() Çϱâ Àü±îÁö Àá±ñ º¸¿´´Ù ´ÝÈ÷´Â FOUC ¹æÁö)
   üũ ½Ã login.js ÀÇ slideDown() ÀÌ display:block À¸·Î Æîħ */
.login_default fieldset p.keep_msg{display:none;color:#888;font-size:13px;line-height:1.5;margin:-6px 0 12px;padding:8px 10px;border-radius:8px;background:#f7f8f4;}

/* ·Î±×ÀÎ ¹öÆ° : ÀüüÆø ³ì»ö ¹öÆ° (GNB #669900 °ú ÅëÀÏ) */
.login_default fieldset .login{
  float:none;display:block;width:100%;height:48px;
  border:0;border-radius:10px;cursor:pointer;
  background:#669900;color:#fff;
  font-size:16px;font-weight:600;letter-spacing:2px;
  font-family:inherit;line-height:48px;padding:0;
  box-sizing:border-box;
  transition:background .2s ease, transform .1s ease;
}
.login_default fieldset .login:hover{background:#557f00;}
.login_default fieldset .login:active{transform:translateY(1px);}
/* ´Ù¸¥ Ä÷¯¼Â¿ë À̹ÌÁö ¹öÆ°ÀÌ ³²¾Æ ÀÖÀ» ¶§ÀÇ ¾ÈÀüÀåÄ¡ */
.login_default fieldset input.login[type=image]{width:auto;height:auto;background:none;}

/* ÇÏ´Ü ¸µÅ© : ȸ¿ø°¡ÀÔ / ID PW ã±â - 2026-08-24 ÅؽºÆ® ¸µÅ©¿¡¼­ ¹è°æ»ö ¹öÆ°ÇüÀ¸·Î º¯°æ
   (±¸ºÐ¼± Á¦°Å, 2¿­ ±Õµî ¹öÆ°. ȸ¿ø°¡ÀÔ=¿¬³ì / ID PW ã±â=¿¬È¸»ö) */
.login_default fieldset ul.help{margin:12px 0 0;padding:0;border-top:0;white-space:nowrap;list-style:none;clear:both;display:flex;gap:8px;}
.login_default fieldset ul.help li{display:block;padding:0;margin:0;float:none;flex:1 1 0;min-width:0;border:0;text-align:center;}
.login_default fieldset ul.help li a{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:40px;padding:0 8px;box-sizing:border-box;
  border-radius:9px;border:1px solid #e3ecd0;
  background:#f2f7e6;color:#557f00;
  font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.login_default fieldset ul.help li a:hover{background:#e4efc9;border-color:#c9dc9a;color:#3f5e00;text-decoration:none;}
.login_default fieldset ul.help li:last-child a{background:#f4f4f4;border-color:#e6e6e6;color:#555;}
.login_default fieldset ul.help li:last-child a:hover{background:#e9e9e9;border-color:#d6d6d6;color:#282828;}

/* SSL ¾È³» (¹Ì»ç¿ë ÀÜÀç - º¸Á¸) */
.login_default fieldset p.securitySignIn{clear:both;padding:0 0 0 18px;margin:4px 0 7px 0}
.login_default fieldset p.noneSSL{background:url("../images/none_ssl.png") no-repeat left top}
.login_default fieldset p.SSL{background:url("../images/ssl.png") no-repeat left top}
.login_default fieldset p.noneSSL a{color:#BF6801;text-decoration:none}
.login_default fieldset p.SSL a{color:#9CAC74;text-decoration:none}

/* ----- ·Î±×ÀÎ ÈÄ ----- */
/* ·Î±×ÀÎ ÈÄ¿¡´Â Á¦¸ñ ¾Æ·¡ »ó´Ü ±¸ºÐ¼±À» Á¦°Å - ¾Æ¹ÙŸ Çà ÇÏ´Ü ÇÑ ÁÙ¸¸ À¯Áö (ÀÌÁß¼± ¹æÁö) */
.login_default.logged_in{border-top:0; padding-top:4px; margin-top:4px;} /* ·Î±×ÀÎ ÈÄ´Â ±âÁ¸ °£°Ý À¯Áö */

.login_default fieldset .userName{
  display:flex;align-items:center;flex-wrap:nowrap;gap:10px;
  width:100%;padding:2px 0 0;margin:0;box-sizing:border-box;
}
/* ¾Æ¹ÙŸ ¿øÇü */
.login_default fieldset .userName .userAvatar{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex:0 0 38px;
  border-radius:50%;
  background:linear-gradient(135deg,#7ab000,#5a8600);
  color:#fff;font-size:17px;
  box-shadow:0 2px 5px rgba(102,153,0,.25);
}
/* ´Ð³×ÀÓ (·Î±×¾Æ¿ô ¹öÆ°°ú ½ºÅ¸ÀÏ ºÐ¸®¸¦ À§ÇØ a.nickName À¸·Î ÇÑÁ¤) */
.login_default fieldset .userName a.nickName{
  position:relative;color:#282828;font-weight:700;font-size:17px;
  text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.login_default fieldset .userName a.nickName:hover{color:#557f00;}
.login_default fieldset .userName img{border:none}
/* ·Î±×¾Æ¿ô : ¾Æ¹ÙŸ Çà ¿ìÃø ¾Ë¾à ¹öÆ° (Á¤Àû ¹èÄ¡) */
.login_default fieldset .userName .logout_top{
  margin-left:auto;flex:0 0 auto;line-height:1;padding:0;
}

/* 2Çà : ·¹º§ / Æ÷ÀÎÆ® ¹îÁö - À̸§ Çà ¾Æ·¡ º°µµ ÁÙ, ¾Æ·¡¿¡ ±¸ºÐ¼± */
.login_default fieldset .userBadges{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  margin:12px 0 0;padding:0 0 14px;
  border-bottom:1px solid #f0f0f0;
}
.login_default fieldset .userBadges .badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:5px 12px;border-radius:100px;
  font-size:13.5px;font-weight:700;line-height:1.2;white-space:nowrap;
}
.login_default fieldset .userBadges .badge_level{background:#fff6da;color:#a07800;}
.login_default fieldset .userBadges .badge_point{background:#f2f7e6;color:#557f00;}

/* ¸Þ´º : 2¿­ ¹öÆ°Çü ±×¸®µå */
.login_default fieldset ul.userMenu{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin:13px 0 0;position:relative;padding:0;width:100%;
}
.login_default fieldset ul.userMenu li{
  list-style:none;margin:0;width:auto;float:none;
  border:0;line-height:normal;
}
.login_default fieldset ul.userMenu li span{display:block;}
.login_default fieldset ul.userMenu li a{color:#54564b;text-decoration:none;font-size:14px;}
.login_default fieldset ul.userMenu li a:hover{text-decoration:none;}
.login_default fieldset p.latestLogin{margin:5px 0;color:#666}
.login_default fieldset p.latestLogin span{font-size:1em;}

.login_default .logged_btn a{
  position:relative;display:flex;align-items:center;gap:8px;
  padding:9px 11px;border-radius:9px;
  background:#f7f8f4;border:1px solid #eef0e8;
  transition:all .2s ease;
}
.login_default .logged_btn a:before{
  position:static;flex:0 0 auto;width:15px;text-align:center;
  color:#7a9a33;font-family:xeicon;transition:color .2s ease;
}
.login_default .logged_btn:nth-child(1) a:before{ content:'\f007'; font-family:'fontawesome'; font-size:13px;}
.login_default .logged_btn:nth-child(2) a:before{ content:'\f328'; font-family:'fontawesome'; font-size:13px;}
.login_default .logged_btn:nth-child(3) a:before{ content:'\f019'; font-family:'fontawesome'; font-size:13px;}
.login_default .logged_btn:nth-child(4) a:before{ content:'\f303'; font-family:'fontawesome'; font-size:13px;}
.login_default .logged_btn:nth-child(5) a:before{ content:'\f4ad'; font-family:'fontawesome'; font-size:13px;}
.login_default .logged_btn:nth-child(6) a:before{ content:'\f51e'; font-family:'fontawesome'; font-size:13px;}
.login_default .logged_btn:nth-child(7) a:before{ content:'\e6ed';}
.login_default .logged_btn:nth-child(8) a:before{ content:'\e68e';}
.login_default .logged_btn a:hover{
  background:#eef5dc;border-color:#c9dc9a;
  color:#3f5e00 !important;text-decoration:none !important;
  padding-left:11px;
}
.login_default .logged_btn a:hover:before{ margin:0; color:#557f00 !important;}

/* ·Î±×¾Æ¿ô ¾Ë¾à ¹öÆ° ½ºÅ¸ÀÏ (userName Çà ¿ìÃø¿¡ Á¤Àû ¹èÄ¡) */
.logout_top a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 14px;
  border:1px solid #d6d6d6;
  border-radius:100px;
  background:#fff;
  color:#555;
  font-size:13.5px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
  text-decoration:none;
  transition:all 0.3s ease;
}
.logout_top a i{font-size:13px;}
.logout_top a:hover{
  border-color:#669900;
  color:#557f00;
  text-decoration:none;
}

/* ·Î±×ÀÎ ÈÄ¿¡´Â À§Á¬ À§ÀÇ Á¦¸ñ(Member Login h3)À» ¼û±ä´Ù.
   À§Á¬ ·¡ÆÛ°¡ div µç ¹«¾ùÀÌµç ¹Ù·Î ´ÙÀ½ ÇüÁ¦ ÇÏÀ§¿¡ logged_in ÆûÀÌ ÀÖÀ¸¸é Àû¿ë.
   ±¸Çü ºê¶ó¿ìÀú´Â login_info.html ÀÇ JS Æú¹éÀÌ Ã³¸® */
h3:has(+ * .login_default.logged_in){display:none !important;}

@media screen and (max-width: 768px) {
  .logout_top a{padding:6px 11px; font-size:13px;}

  /* ÀÔ·ÂâÀº ÀÌ¹Ì ÀüüÆø ½ºÅÃÀ̹ǷΠ³ôÀ̸¸ ¼ÒÆø Ãà¼Ò */
  .login_default fieldset .idpw input[type=text],
  .login_default fieldset .idpw input[type=password]{height:44px;line-height:42px;}
  .login_default fieldset .login{height:46px;line-height:46px;}
  .login_default, form#fo_login_widget.login_default{margin-top:10px;padding-top:14px;}
  .login_default fieldset ul.help{gap:6px;}
  .login_default fieldset ul.help li a{height:38px;font-size:13.5px;}

  /* ·Î±×ÀÎ ÈÄ : Á¼Àº Æø º¸Á¤ */
  .login_default fieldset ul.userMenu{margin-top:10px;gap:7px;}
  .login_default fieldset .userName{gap:8px;}
  .login_default fieldset .userBadges{margin-top:10px;padding-bottom:12px;}
  .login_default fieldset .userBadges .badge{padding:4px 10px;font-size:12.5px;}
  .logged_btn a{padding:8px 10px;font-size:13.5px;}
}


/* ================= ¹ÝÀÀÇü (À§Á¬ ¹Ú½º Æø ±âÁØ) =================
   ÀÌ ¹Ú½ºÀÇ ÆøÀº ºäÆ÷Æ®°¡ ¾Æ´Ï¶ó ºÎ¸ð Ä÷³ Æø¿¡ µû¶ó ´Þ¶óÁö¹Ç·Î ÄÁÅ×ÀÌ³Ê Äõ¸®¸¦ ¾´´Ù.
   form.login_default ÀÚ½ÅÀ» ÄÁÅ×À̳ʷΠ»ï°í, ³»ºÎ ¿ä¼Ò°¡ ±× ÆøÀ» ±âÁØÀ¸·Î ¹ÝÀÀÇÑ´Ù. */
form.login_default{ container-type:inline-size; }

/* ¹Ú½º°¡ Á¼À¸¸é ·Î±×¾Æ¿ôÀº ¾ÆÀÌÄܸ¸ (ÅؽºÆ®°¡ Àß·Á ³ª°¡´ø °Í) */
@container (max-width: 340px){
  .login_default fieldset .userName .logout_top a{ padding:8px; border-radius:50%; gap:0; }
  .login_default fieldset .userName .logout_top a .logout_txt{ display:none; }
  .login_default fieldset .userName .logout_top a i{ font-size:15px; }
}

/* ´õ Á¼À¸¸é ¸Þ´º¸¦ 2¿­¿¡¼­ 1¿­·Î (Ç׸ñ¸íÀÌ µÎ ÁÙ·Î Á¢È÷´ø °Í) */
@container (max-width: 300px){
  .login_default fieldset ul.userMenu{ grid-template-columns:1fr; }
}

/* ÄÁÅ×ÀÌ³Ê Äõ¸® ¹ÌÁö¿ø ºê¶ó¿ìÀú Æú¹é: ¿ìÃø Ä÷³ÀÌ ¹ÝÆøÀÌ µÇ´Â ±¸°£¿¡¼­ µ¿ÀÏ Ã³¸® */
@supports not (container-type: inline-size){
  @media (min-width:701px) and (max-width:1100px){
    .login_default fieldset .userName .logout_top a{ padding:8px; border-radius:50%; gap:0; }
    .login_default fieldset .userName .logout_top a .logout_txt{ display:none; }
    .login_default fieldset .userName .logout_top a i{ font-size:15px; }
    .login_default fieldset ul.userMenu{ grid-template-columns:1fr; }
  }
}