.ui-login-skin002 { clear:both; float:none; width:252px; overflow:auto}
.ui-login-skin002 .drj_login_title {clear:both; float:none; border-bottom:1px solid #ededed; padding-bottom:5px;margin-bottom:5px;}
.ui-login-skin002 .drj_login_form {clear:both; float:none;}
.ui-login-skin002 .drj_login_form .inputArea { float:left; }
.ui-login-skin002 .drj_login_form .inputArea ol { clear:both; float:none;list-style:none; margin:0; padding:0;}
.ui-login-skin002 .drj_login_form .inputArea ol li {float:left; padding-top:3px;}
.ui-login-skin002 .drj_login_form .inputArea ol li.img_title { width:55px; line-height:23px;}
.ui-login-skin002 .drj_login_form .inputArea ol li .wid_login_inputBox {width:121px; height:18px; padding:3px 0 0 2px; background:#fff; border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; font:11px dotum; color:#666; font-weight:bold; }
.ui-login-skin002 .drj_login_form .submitArea { float:left; padding:2px 0 0 2px;}
.ui-login-skin002 .drj_login_controler {clear:both; float:none; padding:12px 0 0 30px;}
.ui-login-skin002 .drj_login_controler ol {list-style:none; margin:0; padding:0;}
.ui-login-skin002 .drj_login_controler ol li { float:left;}



.ui-login-skin002Info { clear:both; float:none; width:252px; overflow:auto}
.ui-login-skin002Info .drj_login_title {clear:both; float:none; border-bottom:1px solid #ededed; padding-bottom:5px;margin-bottom:8px;}
.ui-login-skin002Info .drj_login_infoBox { overflow:auto;}
.ui-login-skin002Info .drj_login_infoBox .nameInfo { font:11px dotum; color:#888888; letter-spacing:-1px; border-bottom:1px solid #f4f4f4; padding:0 0 8px 0;}
.ui-login-skin002Info .drj_login_infoBox .nameInfo strong { font:12px dotum; color:#636363; font-weight:bold; }
.ui-login-skin002Info .drj_login_infoBox .userInfo { overflow:auto; padding:12px 10px;}
.ui-login-skin002Info .drj_login_infoBox .userInfo ol {clear:both; float:none;list-style:none; margin:0; padding:0;}
.ui-login-skin002Info .drj_login_infoBox .userInfo ol li { float:left; font:11px dotum; color:#757575; line-height:24px;}
.ui-login-skin002Info .drj_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-skin002Info .drj_login_infoBox .userInfo ol li.num_red { font:14px tahoma; color:#F00; font-weight:bold;width:20px;}
.ui-login-skin002Info .drj_login_infoBox .userInfo ol li.num_red a {color:#ee454e; text-decoration:underline}
.ui-login-skin002Info .drj_login_infoBox .userInfo ol li.num_red a:hover {color:#ee454e; text-decoration:underline}
.ui-login-skin002Info .drj_login_infoBox .userInfo ol li.num_org { font:14px tahoma; color:#F00; font-weight:bold;width:20px;}
.ui-login-skin002Info .drj_login_infoBox .userInfo ol li.num_org a {color:#fd9a31; text-decoration:underline}
.ui-login-skin002Info .drj_login_infoBox .userInfo ol li.num_org a:hover {color:#fd9a31; 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-skin002, .ui-login-skin002Info) { font-size: 12px; line-height: normal; }
:where(.ui-login-skin002, .ui-login-skin002Info) :where(ol, ul, li) { list-style: none; }
:where(.ui-login-skin002, .ui-login-skin002Info) :where(input) { vertical-align: top; }
:where(.ui-login-skin002, .ui-login-skin002Info), :where(.ui-login-skin002, .ui-login-skin002Info) :where(*) { box-sizing: content-box; }
:where(.ui-login-skin002, .ui-login-skin002Info) :where(input[type=text], input[type=password]) { padding-top: 0; padding-bottom: 0; }
/* browser zoom (67-90%): keep login button on the same line */
.ui-login-skin002 .drj_login_form .submitArea { margin-right: -4px; }
/* ===== end of fix ===== */