
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div[data-role=input][data-type=select] > button > span {width:calc(100% - 45px); font-size:14px;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div[data-role=input][data-type=select] > button span::before {content:''; display:inline-block; width:23px; height:16px; margin-right:10px; background:url(../images/ico_login.png)no-repeat center; vertical-align:middle; }
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div[data-role=input][data-type=select] > button > i {position:relative; width:45px; font-size:14px; box-sizing:border-box;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div.join  {display:flex; align-items:center; justify-content:center;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div.join > a {display:inline-block; margin-right:8px; color:#000; font-size:14px; text-align:center; text-decoration:underline; text-underline-position:under;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div.join > a:last-child {margin-right:0;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div[data-role=input][data-type=input] > input {font-size: 14px;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div[data-role=input][data-type=select] > ul > li {font-size: 14px;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div[data-role=input][data-type=select] div[data-role=input][data-type=input] > input {font-size: 14px;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] > div.join > a {display:block; color:#000; font-size:14px; text-align:center; text-decoration:underline; text-underline-position:under;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] > div.button > button {margin:15px 0; background:var(--thema_color); color:#fff; font-size:18px; border:0; width:100%; height:48px; line-height:48px; cursor:pointer; border-radius:5px;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] .errorBox {display:none; margin:5px 0 10px 0; font-size:12px; color:red;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] div[data-role=input][data-type=select] > select[name=university] option {font-size: 14px;}
div[data-role=input][data-type=select] > ul > li:focus {background-color: var(--thema_color);}


section.errorbox:has(div[data-name=university]) ul.tab.unified {display: flex; align-items: flex-end;}
section.errorbox:has(li[data-tab=common].active) div[data-role=input][data-name=university] {display: none;}
ul[data-name=program].unified { display: flex; align-items: center; text-align: center; margin-bottom: 10px; font-size: 15px; height: auto;}
ul[data-name=program].unified {position: absolute; bottom: 100%; margin-bottom: 0; left: 50%; transform: translateX(-50%); width: 100%;}
ul[data-name=program].unified > li {display: flex; align-items: center; justify-content: center; width: 50%; height: 28px; background: #ddd; color: #999; transition: all 0.3s; list-style: none; border-radius: 5px 5px 0 0; font-weight: 500; cursor: pointer; border: 1px solid #d1d1d1;}
ul[data-name=program].unified > li:first-child {border-right: none;}
ul[data-name=program].unified > li:last-child {border-left: none;}
ul[data-name=program].unified > li.active { height: 50px; color: #fff;  background-color: var(--thema_color); }
div.popup_layer.login div.popup > div.program_list[data-role=tab] > form > div[data-role=tab] > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > ul[data-name=program] {display: none;}
/* div[data-widget=coursemos-unifiedloginbar][data-templet=share] > div.login_box.default > button[type=button] { border: 1px solid #d1d1d1; background: #fff; box-sizing: border-box; width: 100%; height: 40px; line-height: 1; cursor: pointer; color: #666; }
div[data-widget=coursemos-unifiedloginbar][data-templet=share] > div.login_box.default > button[type=button] > i {display: inline-block; height: 38px; line-height: 38px; background: transparent;}
div[data-widget=coursemos-unifiedloginbar][data-templet=share] > div.login_box.default > button[type=button] > i::before {    content: "\e906";} */


/* 기존 스타일 */
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > h1 {font-size:22px; height:34px; line-height:34px; font-weight:400; margin-bottom:20px; letter-spacing:-1px;}
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > h1 > i {float:left; width:25px; height:34px; line-height:34px; font-size:28px; margin-right:10px; color:#769931;}
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > h1 > i::before {color: var(--thema_color);}
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > h2 {font-weight:400; font-size:14px; color:#666; line-height:1.6; display:block; text-align:justify;}
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > p {margin-top:10px; margin-bottom:10px; font-weight:200; font-size:13px; color:#666; line-height:1.6; display:block; text-align:left; word-break:break-all;}
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > a, section.errorbox > div > div > button {display:block; width:100%; height:40px; line-height:40px; margin-top:10px; background:#f44336; color:#fff; font-size:14px; text-align:center; text-decoration:none; border:0; cursor:pointer;}
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > h2 + a, section.errorbox > div > div > h2 + button {margin-top:20px;}
section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar][data-templet=share] > button[type=submit] { display: block; width: 100%; height: 40px; line-height: 40px; margin-top: 10px; background: var(--thema_color); color: #fff; font-size: 14px; text-align: center; text-decoration: none; border: 0; cursor: pointer; }


/* 수강신청용 스타일 */
/* main.subpage > div.context > section:has(div[data-widget=coursemos-unifiedloginbar]) > div[data-context=sugang_list] {padding: 140px 0;} */
main.subpage > div.context > section:has(div[data-widget=coursemos-unifiedloginbar]) {position: relative; height: calc(100vh - 270px);}
main.subpage > div.context > section:has(div[data-widget=coursemos-unifiedloginbar]) > div[data-role=context] {position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
main.subpage > div.context > section:has(div[data-widget=coursemos-unifiedloginbar]) > div[data-role=context] > form#iModuleErrorForm > section.errorbox > div > div {margin-bottom: 0;}
main.subpage > div.context > section:has(div[data-widget=coursemos-unifiedloginbar]) > div[data-role=context] > form#iModuleErrorForm > section.errorbox > div > div > ul[data-name=program] {}
main.subpage > div.context > section:has(div[data-widget=coursemos-unifiedloginbar]) > div[data-role=context] > form#iModuleErrorForm > section.errorbox > div > div > div[data-widget=coursemos-unifiedloginbar] {}