.ui-login-skin005 { clear:both; float:none; width:258px; overflow:auto}
.ui-login-skin005 .BGDes_login_title {clear:both; float:none; border-bottom:1px solid #ededed; padding-bottom:5px;margin-bottom:5px;}
.ui-login-skin005 .BGDes_login_form {clear:both; float:none;}
.ui-login-skin005 .BGDes_login_form .inputArea { float:left; }
.ui-login-skin005 .BGDes_login_form .inputArea ol { clear:both; float:none;list-style:none; margin:0; padding:0;}
.ui-login-skin005 .BGDes_login_form .inputArea ol li {float:left; padding-top:3px;}
.ui-login-skin005 .BGDes_login_form .inputArea ol li.img_title { width:41px; font:11px dotum; color:#a2a2a2; text-align:right; letter-spacing:-1px;padding:0 10px 0 0 ; line-height:30px; }
.ui-login-skin005 .BGDes_login_form .inputArea ol li .inputBox_BGDes {width:121px; height:20px; padding:5px 0 0 2px; background:#f2f2f2; border:1px solid #e0e0e0;font:12px tahoma; color:#666; font-weight:bold; }
.ui-login-skin005 .BGDes_login_form .submitArea { float:left; padding:2px 0 0 5px;}
.ui-login-skin005 .BGDes_login_controler {clear:both; float:none; padding:6px 0 0 50px;}
.ui-login-skin005 .BGDes_login_controler ol {list-style:none; margin:0; padding:0;}
.ui-login-skin005 .BGDes_login_controler ol li { float:left; padding:0 8px 0 0;}

.ui-login-skin005Info { clear:both; float:none; width:258px; overflow:auto}
.ui-login-skin005Info .BGDes_login_title {clear:both; float:none; border-bottom:1px solid #ededed; padding-bottom:5px;margin-bottom:8px;}
.ui-login-skin005Info .BGDes_login_infoBox { overflow:auto;}
.ui-login-skin005Info .BGDes_login_infoBox .nameInfo { font:11px dotum; color:#888888; letter-spacing:-1px; border-bottom:1px solid #f4f4f4; padding:0 0 8px 0;}
.ui-login-skin005Info .BGDes_login_infoBox .nameInfo strong { font:12px dotum; color:#636363; font-weight:bold; }
.ui-login-skin005Info .BGDes_login_infoBox .userInfo { overflow:auto; padding:12px 10px;}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol {clear:both; float:none;list-style:none; margin:0; padding:0;}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li { float:left; font:11px dotum; color:#757575; line-height:24px;}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li.title { padding:0 0 0 7px; background:url(img/dot_01.gif) 0 10px no-repeat; width:80px;}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li.num_blue { font:14px tahoma; color:#F00; font-weight:bold;width:20px;}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li.num_blue a {color:#3b8ce6; text-decoration:underline}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li.num_blue a:hover {color:#0079ff; text-decoration:underline}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li.num_green { font:14px tahoma; color:#F00; font-weight:bold;width:20px;}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li.num_green a {color:#7ebf52; text-decoration:underline}
.ui-login-skin005Info .BGDes_login_infoBox .userInfo ol li.num_green a:hover {color:#48b200; text-decoration:underline}

/* ===== 2026-11 login widget alignment fix (Windows / Mac) ===== */
/* base: hide list numbers, 12px text, content-box sizing, input height = button height */
:where(.ui-login-skin005, .ui-login-skin005Info) { font-size: 12px; line-height: normal; }
:where(.ui-login-skin005, .ui-login-skin005Info) :where(ol, ul, li) { list-style: none; }
:where(.ui-login-skin005, .ui-login-skin005Info) :where(input) { vertical-align: top; }
:where(.ui-login-skin005, .ui-login-skin005Info), :where(.ui-login-skin005, .ui-login-skin005Info) :where(*) { box-sizing: content-box; }
:where(.ui-login-skin005, .ui-login-skin005Info) :where(input[type=text], input[type=password]) { padding-top: 0; padding-bottom: 0; }
/* browser zoom (50-150%): keep login button on the same line, no label wrap */
.ui-login-skin005 .BGDes_login_form .submitArea { margin-right: -4px; }
.ui-login-skin005 .BGDes_login_form li.img_title { white-space: nowrap; }
/* ===== end of fix ===== */