.ui-login-skin010 { clear:both; float:none; overflow:auto; }
.ui-login-skin010 .login_form {clear:both; float:none; background:#be2323; width:193px; height:114px; }
.ui-login-skin010 .login_form .titleImg { margin-top:0px; margin-left:9px; margin-bottom:0px; padding-top: 9px;}
.ui-login-skin010 .login_form .inputArea { float:left; }
.ui-login-skin010 .login_form .inputArea ol { clear:both; float:none;list-style:none; padding-left:8px;}
.ui-login-skin010 .login_form .inputArea ol li {float:left; padding-top:6px; padding-left:0px}
.ui-login-skin010 .login_form .inputArea ol li .wid_login_s8_inputBox1 {width:106px; height:20px; font:11px tahoma; color:#0a3e80; font-weight:bold; letter-spacing:-1px; line-height:20px; border:#940000 solid 1px; padding-left:8px; background:#ffffff;}
.ui-login-skin010 .login_form .inputArea ol li .wid_login_s8_inputBox2 {width:106px; height:20px; font:11px tahoma; color:#0a3e80; font-weight:bold; letter-spacing:-1px; line-height:20px; border:#940000 solid 1px; padding-left:8px; background:#ffffff; margin-top:-4px;}
.ui-login-skin010 .login_form .submitArea { float:left; margin-left:3px; margin-top:6px;}
.ui-login-skin010 .login_controler {clear:both; float:none; padding-top:11px; padding-left:8px; }
.ui-login-skin010 .login_controler ol {list-style:none;}
.ui-login-skin010 .login_controler ol li { float:left; }


.ui-login-skin010 .infoBox {clear:both; float:none; background:#be2323; width:193px; height:114px; }
.ui-login-skin010 .infoBox .titleImg {padding-left:9px; padding-top:9px; width:180px;float: left; padding-bottom:9px;}
.ui-login-skin010 .infoBox .nameInfo {height:10px; font:11px dotum; color:#ffabab;  padding-left: 14px; width:55px; letter-spacing:-1px; }
.ui-login-skin010 .infoBox .nameInfo strong { font:11px dotum; color:#fff; font-weight:bold; }
.ui-login-skin010 .infoBox .userInfo { padding-left:9px; padding-top: 13px; width:100px; overflow:auto; clear:both; float:left}
.ui-login-skin010 .infoBox .userInfo ol { float:left}
.ui-login-skin010 .infoBox .userInfo ol li {float:left; font:11px dotum; color:#ffffff; line-height:13px;}
.ui-login-skin010 .infoBox .userInfo ol li.title { padding:2px 0 0 5px; background:url(img/dot_01.gif) 0 7px no-repeat; padding-right:5px; }
.ui-login-skin010 .infoBox .userInfo ol li.num_red { font:12px tahoma; color:#ffffff; font-weight:bold;}
.ui-login-skin010 .infoBox .userInfo ol li.num_red a {color:#ffe400; text-decoration:underline}
.ui-login-skin010 .infoBox .userInfo ol li.num_red a:hover {color:#ffffff; text-decoration:underline}
.ui-login-skin010 .infoBox .userInfo ol li.num_org { font:12px tahoma; color:#ffffff; font-weight:bold;}
.ui-login-skin010 .infoBox .userInfo ol li.num_org a {color:#FF0; text-decoration:underline}
.ui-login-skin010 .infoBox .userInfo ol li.num_org a:hover {color:#ffffff; text-decoration:underline}
.ui-login-skin010 .infoBox .mypage { float:right; padding-right:7px; margin-top: -2px;}

.ui-login-skin010 .login_controler1 {clear:both; float:left; padding-left: 9px; padding-top: 7px; }
.ui-login-skin010 .login_controler1 ol {list-style:none;}
.ui-login-skin010 .login_controler1 ol li {float:left; }

/* ===== 2026-11 login widget alignment fix (Windows / Mac) ===== */
/* base: hide list numbers, 12px text, content-box sizing, input height = button height */
:where(.ui-login-skin010) { font-size: 12px; line-height: normal; }
:where(.ui-login-skin010) :where(ol, ul, li) { list-style: none; }
:where(.ui-login-skin010) :where(input) { vertical-align: top; }
:where(.ui-login-skin010), :where(.ui-login-skin010) :where(*) { box-sizing: content-box; }
:where(.ui-login-skin010) :where(input[type=text], input[type=password]) { padding-top: 0; padding-bottom: 0; }
/* input height 20px like original */
.ui-login-skin010 .inputArea input[type=text], .ui-login-skin010 .inputArea input[type=password] { height: 18px !important; line-height: 18px !important; }
/* ===== end of fix ===== */