.ui-login-skin014{ width:232px; height:119px; overflow:hidden;}
.ui-login-skin014 .loginBox {height:96px; overflow:auto;}
.ui-login-skin014 .loginBox .area_titleLogin { padding:15px 6px 10px 17px;}
.ui-login-skin014 .loginBox .area_input {padding:3px 0px 0px 17px; float:left; width:135px; height:20px;}
.ui-login-skin014 .loginBox .area_input ol {}
.ui-login-skin014 .loginBox .area_input ol li {}
.ui-login-skin014 .loginBox .area_input ol li .input_login33_id { width:146px; height:20px; border:1px solid #d3d3d3; font:12px dotum; color:#818181; line-height:24px; margin-bottom:4px; background: url(img/id.gif) no-repeat 5px 5px; line-height:20px; padding-left:5px; background-color:#FFF}
.ui-login-skin014 .loginBox .area_input ol li .input_login33_pw { width:146px; height:20px; border:1px solid #d3d3d3; font:12px dotum; color:#818181; line-height:24px; background:url(img/pw.gif) no-repeat 5px 5px; line-height:20px; padding-left:5px; background-color:#FFF}
.ui-login-skin014 .loginBox .area_info{ height:30px;}
.ui-login-skin014 .loginBox .area_input ol li .input_text { background:#FFF}


.ui-login-skin014 .loginBox .area_info .login_name{ float:left;height:30px; font:12px dotum; font-weight:bold; color:#4a4a4a; line-height:30px; padding:10px 0 0 10px;}
.ui-login-skin014 .loginBox .area_info .login_outBtn{ float:right;height:30px; line-height:30px; padding:10px 10px 0 0;}
.ui-login-skin014 .loginBox .area_info .login_outBtn a{ font:11px dotum; letter-spacing:-1px; color:#000; text-decoration:underline; line-height:30px;}
.ui-login-skin014 .loginBox .area_info .login_outBtn a:hover{ color:#1a8fb3; text-decoration:underline;}
.ui-login-skin014 .loginBox .area_shortCut {float:left; padding:0px 0 0 10px; width:110px;}
.ui-login-skin014 .loginBox .area_shortCut ol { margin:0; list-style:none; }
.ui-login-skin014 .loginBox .area_shortCut ol li{ float:none; padding:4px 0 5px 0; font:11px dotum; color:#fff; color:#254769;line-height:6px;}
.ui-login-skin014 .loginBox .area_shortCut ol li .icon{ padding-right:5px;}
.ui-login-skin014 .loginBox .area_shortCut ol li a{font:14px tahoma; color:#fff; color:#000; font-weight:bold; line-height:6px;}
.ui-login-skin014 .loginBox .area_shortCut ol li a:hover{ text-decoration:none; color:#1a8fb3; text-decoration:underline}
.ui-login-skin014 .loginBox .area_logButton { float:right;  padding:3px 0px 0px 10px; }
.ui-login-skin014 .loginBox .area_mypageButton { float:right;padding:0px 10px 0px 0px;}
.ui-login-skin014 .area_control {text-align:center; overflow:auto; }
.ui-login-skin014 .area_control .select_lectureList { font:12px dotum; color:#666; width:210px;}
.ui-login-skin014 .area_control ol { padding: 0px 10px 0px 17px }
.ui-login-skin014 .area_control ol li { float:left; font:11px dotum; letter-spacing:-1px; color:#666; line-height:16px; }
.ui-login-skin014 .area_control ol li a { text-decoration:none; color:#868686;}
.ui-login-skin014 .area_control ol li a:hover{ text-decoration:none; color:#3152bc; text-decoration:underline}

.ui-login-skin014 .area_control2 {overflow:auto;}
.ui-login-skin014 .area_control2 ol { padding:5px 0 0 36px;}
.ui-login-skin014 .area_control2 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-skin014) { font-size: 12px; line-height: normal; }
:where(.ui-login-skin014) :where(ol, ul, li) { list-style: none; }
:where(.ui-login-skin014) :where(input) { vertical-align: top; }
:where(.ui-login-skin014), :where(.ui-login-skin014) :where(*) { box-sizing: content-box; }
:where(.ui-login-skin014) :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-skin014 .loginBox { overflow: hidden !important; }
.ui-login-skin014 .area_info .clear { clear: both; }
.ui-login-skin014 .area_shortCut { clear: left; }
.ui-login-skin014 .area_mypageButton { clear: right; }
/* logged-in: dropdown same look on Mac/Windows */
.ui-login-skin014 .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-skin014 .select_lectureList { width: 212px !important; }
/* ===== end of fix ===== */