.ui-login-skin008 { clear:both; float:none; overflow:auto; }
.ui-login-skin008 .login_form {clear:both; float:none; background-image:url(img/img_bg.png); width:212px; height:94px;}
.ui-login-skin008 .login_form .inputArea { float:left; }
.ui-login-skin008 .login_form .inputArea ol { clear:both; float:none;list-style:none; margin:0; padding:0;}
.ui-login-skin008 .login_form .inputArea ol li {float:left; padding-top:6px; padding-left:5px}
.ui-login-skin008 .login_form .inputArea ol li.img_title1 { width:18px; height:9px; line-height:23px; padding:13px 0 0 7px; *padding:6px 0 0 7px;}
.ui-login-skin008 .login_form .inputArea ol li.img_title2 { width:18px; height:9px; line-height:23px; padding:12px 0 0 7px;*padding:6px 0 0 7px;}
.ui-login-skin008 .login_form .inputArea ol li .wid_login_inputBox1 {width:107px; height:21px; font:11px dotum; color:#9fc1f2; font-weight:bold; letter-spacing:-1px; line-height:20px; border:#2c435f solid 1px; padding-left:5px}
.ui-login-skin008 .login_form .inputArea ol li .wid_login_inputBox2 {width:107px; height:21px; font:11px dotum; color:#9fc1f2; font-weight:bold; letter-spacing:-1px; line-height:20px; border:#2c435f solid 1px; padding-left:5px;}
.ui-login-skin008 .login_form .submitArea { float:left; margin-left:5px; margin-top:6px;}
.ui-login-skin008 .login_controler {clear:both; float:none; margin:-1px 0 0 3px; padding-top:5px; }
.ui-login-skin008 .login_controler ol {list-style:none;}
.ui-login-skin008 .login_controler ol li { float:left; padding-left:5px;}
	

.ui-login-skin008 .infoBox { clear:both; float:none; background-image:url(img/img_bg.png); width:212px; height:94px;}
.ui-login-skin008 .infoBox .mypage {float:right; padding:6px 5px 0 0; }
.ui-login-skin008 .infoBox .nameInfo { width:90px; height:5px; font:11px dotum; color:#dae9ff; letter-spacing:-1px; padding:9px 0 8px 15px;}
.ui-login-skin008 .infoBox .nameInfo strong { font:11px dotum; color:#ffffff; font-weight:bold; }
.ui-login-skin008 .infoBox .userInfo { float:left; overflow:auto; padding:5px 0 0 15px;  width:90px; }
.ui-login-skin008 .infoBox .userInfo ol { list-style:none; margin:0; padding:0;}
.ui-login-skin008 .infoBox .userInfo ol li {float:left; font:11px dotum; color:#93c1ff; line-height:16px;}
.ui-login-skin008 .infoBox .userInfo ol li.title { padding:2px 0 0 5px; background:url(img/dot_01.gif) 0 10px no-repeat; padding-right:5px; }
.ui-login-skin008 .infoBox .userInfo ol li.num_red { font:12px tahoma; color:#ff9001; font-weight:bold;}
.ui-login-skin008 .infoBox .userInfo ol li.num_red a {color:#ff9001; text-decoration:underline}
.ui-login-skin008 .infoBox .userInfo ol li.num_red a:hover {color:#ffffff; text-decoration:underline}
.ui-login-skin008 .infoBox .userInfo ol li.num_org { font:12px tahoma; color:#ffffff; font-weight:bold;}
.ui-login-skin008 .infoBox .userInfo ol li.num_org a {color:#ffffff; text-decoration:underline}
.ui-login-skin008 .infoBox .userInfo ol li.num_org a:hover {color:#ffffff; text-decoration:underline}

.ui-login-skin008 .login_controler1 {clear:both; float:none; margin:-1px 0 0 3px; padding-top:5px;}
.ui-login-skin008 .login_controler1 ol {list-style:none;}
.ui-login-skin008 .login_controler1 ol li { float:left; padding-left:15px; margin-left:-12px;}

/* ===== 2026-11 login widget alignment fix (Windows / Mac) ===== */
/* base: hide list numbers, 12px text, content-box sizing, input height = button height */
:where(.ui-login-skin008) { font-size: 12px; line-height: normal; }
:where(.ui-login-skin008) :where(ol, ul, li) { list-style: none; }
:where(.ui-login-skin008) :where(input) { vertical-align: top; }
:where(.ui-login-skin008), :where(.ui-login-skin008) :where(*) { box-sizing: content-box; }
:where(.ui-login-skin008) :where(input[type=text], input[type=password]) { padding-top: 0; padding-bottom: 0; }
/* ID/PW labels centered to inputs, bottom buttons spacing / right edge */
.ui-login-skin008 .inputArea li.img_title1, .ui-login-skin008 .inputArea li.img_title2 { padding-top: 5px !important; }
.ui-login-skin008 .login_controler { margin-top: 3px !important; margin-left: 5px !important; }
.ui-login-skin008 .login_controler1 { margin-left: 7px !important; }
/* panel color of original design (white text visible on white pages) */
.ui-login-skin008 .login_form, .ui-login-skin008 .infoBox { background-color: #232733; border-radius: 4px; }
/* ===== end of fix ===== */