@import url(./font.css);
html, body {font-size:12px; color:#333; font-family: "Noto Sans KR", sans-serif !important;}

div[data-role=wrapper] button.slide { display: none; position: absolute; right: 10px; top:13px; width:35px; height:35px; border: none; font-size:35px; background: none; }



footer {position:absolute; bottom:0; left:0; right:0; padding:35px 0; background:#f0f0f5;}
footer div.info a {display:inline-block; position:relative; color:#333; font-weight:bold; font-size:14px; }
footer div.info a:first-child {padding-right:20px; }
footer div.info a+a {padding:0 20px; }
footer div.info a+a::before {content:''; position:absolute; left:0; display:inline-block; height:16px; width:1px; background-color:#d8d8dc;}
footer p {margin-top:10px; color:rgba(0,0,0,0.6); word-break:keep-all; line-height:19px;}

footer.subpage {margin-left:80px;}
footer.subpage div.wrap {overflow:hidden; }


div[data-role=modal] > form > div[data-role=context] div[data-role=input][data-type=select] > button > span {width:calc(100% - 45px);}
div[data-role=modal] > form > div[data-role=context] 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-role=modal] > form > div[data-role=context] div[data-role=input][data-type=select] > button > i {position:relative; width:45px; box-sizing:border-box;}
div[data-role=modal] > form > div[data-role=context] > div.join > a {display:block; color:#000; font-size:14px; text-align:center; text-decoration:underline; text-underline-position:under;}
div[data-role=modal] > form > div[data-role=context] > div.button > button {margin:15px 0; background:#2A2C7F; color:#fff; font-size:18px; border:0; width:100%; height:48px; line-height:48px; cursor:pointer; border-radius:5px;}
div[data-role=modal] > form > div[data-role=context] .errorBox {display:none; margin:5px 0 10px 0; font-size:12px; color:red;}


@media (max-width:991px) {
	div[data-role=wrapper] button.slide { display:block}
	div.context	div.header div[data-widget=coursemos-userbar][data-templet=default] {display:none; }

	footer.subpage {margin-left:0 }
}