.ui-login-skin012{ width:229px; height:65px; overflow:hidden; }
.ui-login-skin012 .loginBox {overflow:auto; }
.ui-login-skin012 .loginBox .area_titleLogin { padding-bottom:13px;}

.ui-login-skin012 .loginBox .area_input {float:left; width:172px;}
.ui-login-skin012 .loginBox .area_input .input_login12_id { width:76px; height:22px; border:1px solid #d3d3d3; font:12px dotum; color:#818181; line-height:22px; background-color:#f9f9f9;}
.ui-login-skin012 .loginBox .area_input .input_login12_pw { width:76px; height:22px; border:1px solid #d3d3d3; font:12px dotum; color:#818181; line-height:22px; background-color:#f9f9f9;}

.ui-login-skin012 .loginBox .area_logButton { float:right; width:57px; }

.ui-login-skin012 .area_control { float:left; overflow:auto; padding-top:6px; }
.ui-login-skin012 .area_control ol {}
.ui-login-skin012 .area_control ol li { float:left; font:11px dotum; letter-spacing:-1px; color:#666; line-height:16px; }
.ui-login-skin012 .area_control ol li.bold a{ font-weight:bold; color:#3152bc;}
.ui-login-skin012 .area_control ol li.bar { color:#CCC; font:11px dotum; line-height:16px;}
.ui-login-skin012 .area_control ol li a { text-decoration:none; color:#868686;}
.ui-login-skin012 .area_control ol li a:hover{ text-decoration:none; color:#3152bc; text-decoration:underline}
.ui-login-skin012 .area_control .select_lectureList { font:12px dotum; color:#666; width:210px;}






.ui-login-skin012 .loginBox .area_info{ background:#06C;}
.ui-login-skin012 .loginBox .area_info .login_name{ float:left; height:10px; font:12px dotum; font-weight:bold; color:#4a4a4a; line-height:20px; }
.ui-login-skin012 .loginBox .area_info .login_outBtn{ float:right; height:20px; line-height:20px; padding:0 8px 0 0}
.ui-login-skin012 .loginBox .area_info .login_outBtn a{ font:11px dotum; letter-spacing:-1px; color:#bfc9d3; text-decoration:underline; line-height:20px;}
.ui-login-skin012 .loginBox .area_info .login_outBtn a:hover{ color:#090; text-decoration:underline;}


.ui-login-skin012 .loginBox .area_shortCut {float:left; padding:1px 0 0 0px; width:110px; }
.ui-login-skin012 .loginBox .area_shortCut ol { list-style:none; }
.ui-login-skin012 .loginBox .area_shortCut ol li { float:none; padding:5px 0 5px 0; font:11px dotum; color:#fff; color:#254769;line-height:6px;}
.ui-login-skin012 .loginBox .area_shortCut ol li .icon{ padding-right:5px;}
.ui-login-skin012 .loginBox .area_shortCut ol li a {font:14px tahoma; color:#fff; color:#000; font-weight:bold; line-height:6px;}
.ui-login-skin012 .loginBox .area_mypageButton { float:right; padding: 1px 0 0 0}

/* ===== 2026-11 login widget alignment fix (Windows / Mac) ===== */
/* base: hide list numbers, 12px text, content-box sizing, input height = button height */
:where(.ui-login-skin012) { font-size: 12px; line-height: normal; }
:where(.ui-login-skin012) :where(ol, ul, li) { list-style: none; }
:where(.ui-login-skin012) :where(input) { vertical-align: top; }
:where(.ui-login-skin012), :where(.ui-login-skin012) :where(*) { box-sizing: content-box; }
:where(.ui-login-skin012) :where(input[type=text], input[type=password]) { padding-top: 0; padding-bottom: 0; }
/* logged-out: bottom text not clipped */
.ui-login-skin012 { height: 72px !important; }
.ui-login-skin012 .area_control li { letter-spacing: 0 !important; }
/* logged-in: no scrollbar, auto height, list below name, dropdown to mypage right edge */
.ui-login-skin012 .loginBox { overflow: hidden !important; }
.ui-login-skin012 .area_info .clear { clear: both; }
.ui-login-skin012:has(.area_info) { height: auto !important; }
.ui-login-skin012:has(.area_info) .loginBox { height: auto !important; }
.ui-login-skin012 .area_info .login_name { height: 20px !important; line-height: 20px; }
.ui-login-skin012 .area_shortCut { clear: left; }
.ui-login-skin012:has(.area_info) .area_control { width: 229px !important; }
.ui-login-skin012 .select_lectureList { box-sizing: border-box !important; width: 229px !important; }
/* logged-in: dropdown same look on Mac/Windows */
.ui-login-skin012 .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; }
/* ===== end of fix ===== */