/** * 이 파일은 코스모스연동모듈의 일부입니다. (http://www.coursemos.kr) * * 코스모스 사이드바 스타일시트 * * @file /modules/coursemos/widgets/sidebar/styles/style.css.php * @version 3.2.0 * @modified 2019. 4. 18. */ div[data-widget=pusan-coursemos_sidebarVer2] aside {position:fixed; top:0; right:0; width:80%; height:100%; background:#fff; z-index:20000; display:none; overflow-y:auto;} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.header {height:50px; line-height:50px; font-size:14px; font-weight:bold; background:#0555ac; color:#fff; color:#fff;} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.header > div.photo {margin:10px 0px; width:40px; height:40px; border:1px solid #ccc; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; box-sizing:border-box; float:left; margin-right:10px; border-radius:50%;} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.header > button.close {float:right; width:50px; height:50px; cursor:pointer; background:transparent; border:0;} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.header > button.close > i {width:50px; height:50px; line-height:50px; text-align:center; font-size:22px; color:rgba(255,255,255,0.7);} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.header > button.home {float:left; width:50px; height:50px; cursor:pointer; background:transparent; border:0;} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.header > button.home > i {width:50px; height:50px; line-height:50px; text-align:center; font-size:22px; color:rgba(255,255,255,0.7);} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=input] {margin:0px; min-height:0px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=input] > input {box-sizing:border-box; border:1px solid #c2c2c2; border-right:0px; width:100%; height:32px; padding:5px; line-height:20px; border-radius:0; font-size:12px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=input] > input[type=password] {height:31px; border-top:0px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=help] {display:none;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].login {box-sizing:border-box; position:relative; font-size:12px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].login .paddingBox {padding:15px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fff;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].login .paddingBox p {width:100%; display:inline-block; font-size:13px; color:#999; line-height:20px; } div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].login .paddingBox p > strong {color:#000; } div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].login .paddingBox p button.login {float:right; color:#999; font-size:12px; height:20px; line-height:20px; padding:0px 5px; cursor:pointer; vertical-align:middle; margin-left:5px; background:rgba(255,255,255,0.2); border:1px solid rgba(0,0,0,0.1); border-radius:5px; box-sizing:border-box;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].login .paddingBox a {float:right; color:#999; font-size:20px; line-height:20px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .errorBox {display:none; position:absolute; top:100%; left:10px; width:calc(100% - 20px); background:#c20000; line-height:25px; padding:5px 10px; line-height:1.6; font-size:12px; color:#ffff7f; margin-top:0px !important; box-sizing:border-box; z-index:10;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .errorBox:after {bottom:100%; left:20px; border:solid 0px transparent; content:" "; height:0; width:0; position:absolute; border-bottom-color:#c20000; border-width:5px; margin-top:-5px;} // 로그인 후 div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged {box-sizing:border-box; position:relative; font-size:12px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged .paddingBox {padding:15px 10px 15px 15px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fff;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged .paddingBox p {display:inline-block; width:100%; font-size:13px; color:#999; line-height:20px; } div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged .paddingBox p > strong {color:#000; } div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged .paddingBox div.box_btn {float:right;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged .paddingBox div.box_btn button { padding:0 5px; color:#999; font-size:24px; line-height:20px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged .paddingBox div.box_btn a { padding:0 5px; color:#999; font-size:20px; line-height:20px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged button.logout {float:right; color:#999; font-size:12px; height:20px; line-height:20px; padding:0px 5px; cursor:pointer; vertical-align:middle; margin-left:5px; background:rgba(255,255,255,0.2); border:1px solid rgba(0,0,0,0.1); border-radius:5px; box-sizing:border-box;} div[data-widget=pusan-coursemos_sidebarVer2] aside ul.menu_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; display:flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding:20px; background:#fff; } div[data-widget=pusan-coursemos_sidebarVer2] aside ul.menu_list li.dot {box-sizing:border-box; position:relative; width:calc(50% - 10px); display:inline-block; font-size:11px; color:#000;} div[data-widget=pusan-coursemos_sidebarVer2] aside ul.menu_list li.dot:nth-child(-n+8) > a { border-bottom:1px solid #ccc;} div[data-widget=pusan-coursemos_sidebarVer2] aside ul.menu_list li.dot::before {content:''; position:absolute; top:16px; left:0; display:inline-block; width:3px; height:3px; background:#0555ac; font-size:12px; color:#000; border-radius:50%; } div[data-widget=pusan-coursemos_sidebarVer2] aside ul.menu_list li.dot > a {display:block; padding:12px 0 12px 7px; } div[data-widget=pusan-coursemos_sidebarVer2] aside ul.menu_list li.dot div.content {display:none; margin-top:10px; margin-bottom:5px; } div[data-widget=pusan-coursemos_sidebarVer2] aside ul.menu_list li.dot div.content a {display:block; padding:3px; cursor:pointer; } // div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .help {height:16px; padding-bottom:15px;} // div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .help > button {display:inline-block; height:18px; line-height:19px; text-decoration:none; color:#808080; font-size:12px; vertical-align:top; background:transparent; border:0px; cursor:pointer; padding-right:23px; background:url(../templets/default/images/icon_help.png) no-repeat 100% 0;} // div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .helpBox {position:absolute; top:47px; left:15px; z-index:1; width:calc(100% - 30px); display:none;} // div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .helpBox > div {position:relative; background:#fff; border:1px solid #919599; padding:12px; height:37px; line-height:18px; color:#666; cursor:pointer;} // div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .helpBox > div:after, div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .helpBox > div:before {bottom:100%; left:68px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} // div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .helpBox > div:after {border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:8px; margin-left:-8px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .helpBox > div:before {border-color:rgba(145, 149, 153, 0); border-bottom-color:#919599; border-width:9px; margin-left:-9px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .loginForm {display:none; margin-top:15px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .loginForm.on {display:block; } div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .loginForm:after {content:" "; clear:both; display:block; padding-bottom:15px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .loginForm > .input {float:left; width:calc(100% - 65px);} /* 144px */ div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .loginForm > button {border:1px solid #c2c2c2; width:65px; height:63px; float:left; cursor:pointer; background:#fff; color:#333;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] .loginForm > a {float:right; width:73px; height:63px; border:1px solid #8ab4db; display:block; color:#1c9ac0; text-align:center; text-decoration:none; font-size:12px; box-sizing:border-box; padding-top:13px; line-height:1.6; background:#fbfbfb;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div.link {color:#d5d7d8;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div.link > a {font-size:12px; text-decoration:none; color:#808080; vertical-align:middle;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div.link > button {font-size:12px; display:inline-block; background:transparent; padding:0; margin:0; border:0; vertical-align:middle; color:#808080; cursor:pointer;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons {display:table; width:100%; border:0px; table-layout:fixed; list-style:none; border-top:1px solid #e0e0e0;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li {display:table-cell; height:72px; border-left:1px solid #e0e0e0; background:#f7f7f7; position:relative; font-size:0px; vertical-align:top;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > a, div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > button {display:block; text-decoration:none; box-sizing:border-box; width:100%; height:72px; cursor:pointer; color:#626a73; text-align:center; font-size:12px; font-weight:bold; border:0; background:transparent; vertical-align:top;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > a > i, div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > button > i {display:block; color:#c3cad0; text-align:center; width:100%; height:48px; line-height:48px; font-size:24px; font-weight:normal;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > a > span, div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > button > span {display:block; height:24px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li:first-child {border-left:0px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > label {display:inline-block; position:absolute; top:8px; right:12px; font-size:12px; font-family:Roboto; height:18px; line-height:18px; padding:0px 5px; min-width:18px; box-sizing:border-box; text-align:center; border-radius:9px; background:#159A54; color:#fff;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li > label:empty {display:none;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li.opened:before {position:absolute; bottom:0px; left:50%; border-bottom:6px solid #e0e0e0; border-left:6px solid transparent; border-right:6px solid transparent; content:" "; margin-left:-6px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] ul.buttons > li.opened:after {position:absolute; bottom:-1px; left:50%; border-bottom:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; content:" "; margin-left:-6px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] {display:none; position:absolute; top:134px; left:0; background:#fff; box-sizing:border-box; z-index:5; width:100%; height:calc(100% - 134px)} div[data-widget=pusan-coursemos_loginbar] > ul > li.opened > div[data-role=popup] {display:block;} div[data-widget=pusan-coursemos_loginbar][data-thema=light] > ul > li > div[data-role=popup] {border-color:#ccc;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] {text-align:left; height:100%;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > h6 {font-size:0; height:30px; padding:0px 8px; margin:0; border-bottom:1px solid #dddfe2;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > h6 > div {display:inline-block; height:30px; line-height:30px; font-size:12px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > h6 > div.button {float:right; font-size:0; line-height:1;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > h6 > div.button > button {border:0; background:transparent; height:20px; line-height:20px; margin:5px; color:#2196F3; font-size:12px; position:relative; cursor:pointer;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > h6 > div.button > button:after {width:2px; height:2px; background:#ccc; position:absolute; top:9px; right:-6px; content:" ";} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > h6 > div.button > button:last-child {margin-right:0;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > h6 > div.button > button:last-child:after {display:none;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul {display:block; list-style:none; width:100%; height:calc(100% - 61px); overflow-y:auto;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li {border-top:1px solid #dddfe2; font-size:0;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li:first-child {border-top:0;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li.title {background:#f5f6f7; padding-left:8px; height:24px; line-height:24px; color:#666; font-size:12px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li.loading {height:100px; line-height:100px; text-align:center; color:#999; font-size:16px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li.message {height:100px; line-height:100px; text-align:center; color:#999; font-size:12px;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li > button {display:block; width:100%; border:0; padding:6px 8px; background:transparent; cursor:pointer; font-size:0; box-sizing:border-box; text-align:left;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li > button > i.icon {width:42px; height:42px; border-radius:50%; display:inline-block; border:1px solid #ccc; background-color:#fff; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; box-sizing:border-box; margin-right:10px; vertical-align:top;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li > button > div.text {width:calc(100% - 52px); display:inline-block; line-height:20px; padding:1px 0px; font-size:12px; color:#222; vertical-align:top;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li > button > div.text > time {display:block; height:20px; line-height:20px; color:#666;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > ul > li > button.unread {background:#edf2fa;} div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login] div[data-role=popup] > section[data-role=push] > *[data-action] {width:100%; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#2196F3; font-size:12px; display:block; cursor:pointer; border:0; background:transparent; border-top:1px solid #dddfe2;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=push] > div[data-role=popup] > section[data-role=push] {border-top:0;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] {width:360px;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section {text-align:left;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > h6 {height:30px; line-height:30px; font-size:12px; padding:0px 8px; margin:0; border-bottom:1px solid #dddfe2;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul {display:block; float:none; list-style:none; min-height:100px; max-height:300px; overflow-y:scroll;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li {display:block; border-top:1px solid #dddfe2;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li:first-child {border-top:0;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li.loading {height:100px; line-height:100px; text-align:center; color:#999; font-size:16px;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a {display:block; text-decoration:none; font-size:14px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:15px;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a:hover {background:#f5f5f5;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label {display:inline-block; width:45px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:20px; padding:0px 4px; color:#fff; margin-right:8px; line-height:20px; font-size:12px; font-style:normal; text-align:center; vertical-align:middle;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_E {background:#94ba43;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_O {background:#a875ae;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_IR {background:#7685b3;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.CMS_ON {background:#bdbfbf;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > ul > li > a > i.label.R {background:#00afb3;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=course] > div[data-role=popup] > section > a {width:100%; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#2196F3; font-size:12px; display:block; cursor:pointer; border:0; background:transparent; border-top:1px solid #dddfe2;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] {width:360px;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section {text-align:left;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > h6 {height:30px; line-height:30px; font-size:12px; padding:0px 8px; margin:0; border-bottom:1px solid #dddfe2;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul {display:block; float:none; list-style:none; min-height:100px; max-height:300px; overflow-y:scroll;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li {padding:0px; border-top:1px solid #dddfe2;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li:first-child {border-top:0;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li.loading {height:100px; line-height:100px; text-align:center; color:#999; font-size:16px;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a {display:block; text-decoration:none; font-size:14px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:10px;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a:hover {background:#f5f5f5;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > i.photo {width:38px; height:38px; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; display:inline-block; float:left; margin-right:8px; vertical-align:middle; border-radius:50%;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div {padding:5px 0px; display:inline-block; width:calc(100% - 50px); vertical-align:middle;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span {display:inline-block; height:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div.message > span {text-overflow:clip; white-space:normal; overflow:auto;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span.course {display:block; color:#0370a6;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span.from {display:block; overflow:visible; font-size:12px; color:#333; font-weight:bold; line-height:1.2} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span.detail {color:#666;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div.message > span.detail {font-size:12px; padding-top:3px; line-height:1.4; white-space:normal !important; height:auto;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > ul > li > a > div > span > span.time {float:right; overflow:hidden; color:#333; font-weight:normal;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=message] > div[data-role=popup] > section > a {width:100%; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#2196F3; font-size:12px; display:block; cursor:pointer; border:0; background:transparent; border-top:1px solid #dddfe2;} div[data-widget=pusan-coursemos_loginbar] > ul > li[data-action=service] > div[data-role=popup] {width:240px; min-height:100px; max-height:none;} div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; j -webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding:15px; width:100%; border-bottom:1px solid #e0e0e0; list-style:none; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box; background:#fafafa;} div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li {box-sizing:border-box; position:relative; width:33.333%; height:78px; text-align:center; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li a {box-sizing:border-box; display:block; padding:13px 0; height:100%; color:#1a1a1a; font-size:12px; word-break:keep-all; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li a i.icon { display:block; height:25px; margin-bottom:13px; background:url(../templets/default/images/ico_notice.png)no-repeat center; background-size:contain;} div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(2) a > i.icon {background-image:url(../templets/default/images/ico_support.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(3) a > i.icon {background-image:url(../templets/default/images/ico_map.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(4) a > i.icon {background-image:url(../templets/default/images/ico_meals.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(5) a > i.icon {background-image:url(../templets/default/images/ico_seat.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(6) a > i.icon {background-image:url(../templets/default/images/ico_number.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(7) a > i.icon {background-image:url(../templets/default/images/ico_intro.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(8) a > i.icon {background-image:url(../templets/default/images/ico_promote.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(9) a > i.icon {background-image:url(../templets/default/images/ico_edu.png); } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li:nth-child(10) a > i.icon {background-image:url(../templets/default/images/ico_intro.png); } // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu.login {height:calc(100% - 214px);} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu.logged {height:calc(100% - 133px);} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li {height:50px; overflow:hidden;} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > a {display:block; width:100%; height:50px; line-height:50px; font-size:14px; padding:0px 20px; text-decoration:none; border:0; background:#fff; color:#333; box-sizing:border-box; border-bottom:1px solid #e0e0e0; text-align:left; cursor:pointer;} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > a > i.icon {float:left; width:30px; height:50px; line-height:50px; font-size:20px; color:#666;} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > a > i[data-role=toggle] {float:right; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#666; margin-right:0px; cursor:pointer; margin-right:-20px; transform:rotate(0deg);} div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > div.wrap_submenu {box-sizing:border-box; display:none; position:absolute; /*top:78px;*/ bottom:0; left:0; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li.opened > div.wrap_submenu {display:block; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > div.wrap_submenu > div.submenu {box-sizing:border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding:10px 20px 10px 20px; width:100%; background:#00a651; border-bottom:1px solid #e0e0e0; color:#fff; font-size:0; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > div.wrap_submenu > div.submenu a {position:relative; display:inline-block; width:calc(50% - 10px); text-align:left; border-bottom:1px solid rgba(255,255,255,0.4); font-size:12px; color:#fff; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > div.wrap_submenu > div.submenu a.line {border-bottom:none; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li.opened a.submenu {position:relative; height:auto; } div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li.opened a.submenu:after {content:''; position:absolute; left:50%; bottom:-10px; width:18px; height:18px; transform:rotate(-45deg) translateX(-50%); background:#00a651; } // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > div.submenu > a {display:block; width:100%; height:36px; line-height:36px; padding:0px 20px; box-sizing:border-box; text-decoration:none; color:#000; font-size:13px;} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li > div.submenu > a.selected {color:#005BAA; font-weight:bold;} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li.opened > a > i[data-role=toggle] {transform:rotate(180deg);} // div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li.selected > a {color:#159A54; font-weight:bold;} div[data-widget=pusan-coursemos_sidebarVer2] aside > ul.menu > li.selected > a > i {color:#159A54;} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.login {padding:0 15px 10px; background:#f7f7f7;} div[data-widget=pusan-coursemos_sidebarVer2] aside > div.login > button {width:100%; height:32px; background:#ddd; border:0 none; cursor:pointer;} // // div[data-widget=pusan-coursemos_sidebarVer2] aside section[data-role=login].logged .paddingBox p button.logout {}