.ui-login-skin007{ width:228px; height:121px; overflow:hidden; background:#fff; padding:4px;}
.ui-login-skin007 .loginBox {height:96px;  background:#a0cbec; overflow:auto;}
.ui-login-skin007 .loginBox .area_titleLogin { padding:10px 6px 10px 6px;}
.ui-login-skin007 .loginBox .area_input {padding:0 6px; float:left; width:140px;}
.ui-login-skin007 .loginBox .area_input ol {}
.ui-login-skin007 .loginBox .area_input ol li {}
.ui-login-skin007 .loginBox .area_input ol li .input_login07_id { width:128px; height:24px; border:1px solid #548db8; font:12px dotum; color:#818181; line-height:24px; padding:0 10px}
.ui-login-skin007 .loginBox .area_input ol li .input_login07_pw  { width:128px; height:24px; border:1px solid #548db8; border-top:0px; font:12px dotum; color:#818181; line-height:24px; padding:0 10px}
.ui-login-skin007 .loginBox .area_info{ background:#294b6d; height:30px;}
.ui-login-skin007 .loginBox .area_info .login_name{ float:left;height:30px; font:12px dotum; font-weight:bold; color:#fff; line-height:30px; padding:0 0 0 10px;}
.ui-login-skin007 .loginBox .area_info .login_outBtn{ float:right;height:30px; line-height:30px; padding:0 10px 0 0;}
.ui-login-skin007 .loginBox .area_info .login_outBtn a{ font:11px dotum; letter-spacing:-1px; color:#bfc9d3; text-decoration:underline; line-height:30px;}
.ui-login-skin007 .loginBox .area_info .login_outBtn a:hover{ color:#fff; text-decoration:underline;}
.ui-login-skin007 .loginBox .area_shortCut {float:left; padding:10px 0 0 10px; width:110px;}
.ui-login-skin007 .loginBox .area_shortCut ol { margin:0; list-style:none; }
.ui-login-skin007 .loginBox .area_shortCut ol li{ float:none; padding:3px 0 5px 0; font:11px dotum; color:#fff; color:#254769;line-height:14px;}
.ui-login-skin007 .loginBox .area_shortCut ol li a{font:14px tahoma; color:#fff; color:#000; font-weight:bold; line-height:14px;}
.ui-login-skin007 .loginBox .area_logButton { float:right;padding:0 10px 10px 0;}
.ui-login-skin007 .loginBox .area_mypageButton { float:right;padding:10px 10px 10px 0;}
.ui-login-skin007 .area_control {text-align:center; overflow:auto; padding:6px 0 0 0;}
.ui-login-skin007 .area_control .select_lectureList { font:12px dotum; color:#666; width:224px;}
.ui-login-skin007 .area_control ol { padding:0 10px;}
.ui-login-skin007 .area_control ol li { float:left; font:11px dotum; letter-spacing:-1px; color:#666; line-height:16px; }
.ui-login-skin007 .area_control ol li.bold a{ font-weight:bold; color:#26a4cf;}
.ui-login-skin007 .area_control ol li.bar { color:#CCC; padding:0 8px; font:11px dotum; line-height:16px;}
.ui-login-skin007 .area_control ol li a { text-decoration:none; color:#868686;}
.ui-login-skin007 .area_control ol li a:hover{ text-decoration:none; color:#26a4cf; 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-skin007) { font-size: 12px; line-height: normal; }
:where(.ui-login-skin007) :where(ol, ul, li) { list-style: none; }
:where(.ui-login-skin007) :where(input) { vertical-align: top; }
:where(.ui-login-skin007), :where(.ui-login-skin007) :where(*) { box-sizing: content-box; }
:where(.ui-login-skin007) :where(input[type=text], input[type=password]) { padding-top: 0; padding-bottom: 0; }
/* logged-in: no scrollbar, list and mypage button below name row */
.ui-login-skin007 .loginBox { overflow: hidden !important; }
.ui-login-skin007 .area_info .clear { clear: both; }
.ui-login-skin007 .area_shortCut { clear: left; }
.ui-login-skin007 .area_mypageButton { clear: right; }
/* logged-in: dropdown same look on Mac/Windows, full panel width */
.ui-login-skin007 .select_lectureList { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; box-sizing: border-box !important; height: 16px; margin: 0; padding: 0 16px 0 3px; border: 1px solid #767676; border-radius: 0; background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5'%3E%3Cpath d='M0 0l4.5 5L9 0z' fill='%23555'/%3E%3C/svg%3E") no-repeat right 4px center; font-size: 12px; line-height: 14px; color: #333; }
.ui-login-skin007 .select_lectureList { width: 228px !important; height: 18px; line-height: 16px; }
/* ===== end of fix ===== */