/** * 이 파일은 워크숍모듈의 일부입니다. (http://www.coursemos.kr) * * 워크숍모듈 기본템플릿 스타일시트 * * @file /modules/workshop/templets/default/styles/style.css * @author Arzz (arzz@arzz.com) * @license MIT License * @version 3.2.0 * @modified 2020. 1. 5. */ div[data-role=modal] ul[data-role=table].topics > li > span.title {width:100%;} div[data-role=modal] ul[data-role=table].topics > li > span.status {width:120px;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.title {padding:10px 10px 10px 5px;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.title > b {display:block; height:20px; line-height:20px; font-size:1rem;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.title > p {height:20px; line-height:20px; color:#666; font-size:0.86rem;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status {position:relative; text-align:center;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status > p {height:20px; line-height:20px; font-size:1rem;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status > p.awaiter {font-size:0.86rem; color:#666;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status > div {position:absolute; width:100%; height:80px; top:0; left:0; background:rgba(0,0,0,0.2); color:#fff; text-shadow:-1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status > div.applicant {background:rgba(33,150,243,0.4); text-shadow:-1px -1px 0 #0D47A1, 1px -1px 0 #0D47A1, -1px 1px 0 #0D47A1, 1px 1px 0 #0D47A1;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status > div > b {position:absolute; top:calc(50% - 10px); left:0; width:100%; height:20px; line-height:20px;} @media (max-width:767px) { div[data-role=modal] ul[data-role=table].topics > li.thead > span.title {border-right:0;} div[data-role=modal] ul[data-role=table].topics > li.thead > span.status {display:none;} div[data-role=modal] ul[data-role=table].topics > li.tbody {display:block;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.title {display:block; border-right:0; height:auto;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status {display:block; width:100%; padding:10px 0px; height:auto; border-top:1px dotted #e3e4e5;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status > p {display:inline; font-size:0.86rem;} div[data-role=modal] ul[data-role=table].topics > li.tbody > span.status > div {height:40px;} } div[data-module=workshop] div[data-role=toolbar] {margin-bottom:10px; text-align:right; font-size:0;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=input] {width:160px; font-size:1rem; float:left;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=input][data-name=tidx] {width:200px;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=input][data-name=team] {width:200px;} div[data-module=workshop] div[data-role=toolbar]:has(.type02) > div[data-role=input] + div[data-role=input] {margin-top: 0; margin-left: 10px;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=search] {width:50%; max-width:300px; display:inline-block; font-size:0; vertical-align:middle;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=search] > div[data-role=input] {display:inline-block; width:calc(100% - 45px); vertical-align:middle; font-size:1rem;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=search] > button {width:40px; height:40px; background:#b5b7c0; border:0px; cursor:pointer; vertical-align:middle; margin-left:5px;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=search] > button > i {font-size:1rem; color:#fff;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=search] > button:hover {background:#828595;} div[data-module=workshop] div[data-role=toolbar] > a {display:inline-block; height:40px; line-height:40px; padding:0px; box-sizing:border-box; vertical-align:middle; margin-left:5px; text-decoration:none; cursor:pointer; background:#2196f3; color:#fff; font-size:0;} div[data-module=workshop] div[data-role=toolbar] > a > i {width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; font-size:1rem;} div[data-module=workshop] div[data-role=toolbar] > a > span {height:40px; line-height:40px; display:inline-block; vertical-align:middle; padding-right:15px; font-size:1rem;} div[data-module=workshop] div[data-role=toolbar] > a:hover {background:#1e88e5;} div[data-module=workshop] div[data-role=toolbar] > button {display:inline-block; height:40px; line-height:40px; padding:0px; box-sizing:border-box; vertical-align:middle; margin-left:10px; text-decoration:none; cursor:pointer; float:left;} div[data-module=workshop] div[data-role=toolbar] > button > i {width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; font-size:1rem;} div[data-module=workshop] div[data-role=toolbar] > button > span {height:40px; line-height:40px; display:inline-block; vertical-align:middle; padding-right:15px; font-size:1rem;} div[data-module=workshop] div[data-role=toolbar] > button {background:#2196f3; color:#fff; font-size:0; border:0;} div[data-module=workshop] div[data-role=toolbar] > button:hover {background:#1e88e5;} div[data-module=workshop] div[data-role=toolbar]:after {clear:both; content:" "; display:block;} div[data-module=workshop] div[data-role=tabbar] + div[data-role=subtab] {margin-top:-20px;} div[data-module=workshop] div[data-role=subtab].step {margin-top:-20px;} div[data-module=workshop] div[data-role=button].bottom {margin-top:20px; border-top:2px solid #222; padding-top:10px; text-align:right;} div[data-module=workshop] div[data-role=button].bottom > a, div[data-module=workshop] div[data-role=button].bottom > button {margin-right:0;} div[data-module=workshop] ul[data-role=table] + div[data-role=toolbar] {text-align:left; margin-top:10px;} div[data-module=workshop] ul[data-role=table] + div[data-role=toolbar] > button {height:40px; border:0; cursor:pointer; background:transparent; background:#2196f3; color:#fff; padding:0px 16px; float:right; font-size:1rem;} div[data-module=workshop] ul[data-role=table] + div[data-role=toolbar] > button:hover {background:#1e88e5; color:#fff;} div[data-module=workshop] ul[data-role=table] + div[data-role=toolbar] > button[disabled] {background:#f4f4f4 !important; color:#222 !important; opacity:0.5; cursor:not-allowed;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li {} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.loopnum {width:60px; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.category {width:120px; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.title {width:100%;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.date {width:175px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.lms {width:110px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.term {width:180px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.applicant {width:90px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.status {width:110px; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.progress {width:220px; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.complete {width:300px; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > a > p.category {color:#999; min-height:20px; -webkit-line-clamp: 1;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > a > p.title {color:#000; min-height:20px; font-weight:500; font-size:1.07rem;; -webkit-line-clamp: 1;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span {font-size:0.93rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span > p {display:block; width:100%; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span > p.bold {font-weight:bold;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span > button {border:1px solid #e5e5e5; width:100%; height:40px; line-height:40px; box-sizing:border-box; cursor:pointer; background:#fff; color:#222; padding:0px 10px; line-height:38px; position:relative;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span > button:hover {background:#f4f4f4;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span > button[disabled] {background:#f4f4f4; opacity:0.5; cursor:not-allowed;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span > button > label {position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; display:block; background:#f44336;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.progress > button {border:1px solid #e5e5e5; width:45%; height:40px; line-height:40px; box-sizing:border-box; cursor:pointer; background:#fff; color:#222; padding:0px 10px; line-height:38px; position:relative;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title {padding:10px; font-size:0; } div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > div.wrap {width:100%; font-size:0.93rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > div.wrap.inline {width:calc(100% - 90px); display:inline-block; vertical-align:middle; } div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > div.wrap p {white-space:normal;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title div.wrap span.date {display:inline-block; margin-top:6px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title div.wrap span.date p + p {margin-top:3px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > div > a {box-sizing:border-box; display:block; width:100%; padding-right:10px; white-space:normal; color:#222; text-decoration:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > a {display:block; color:#222; white-space:normal;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > a > p {display:-webkit-box; white-space:normal; -webkit-line-clamp:3; line-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; width:100%; min-height:40px; max-height:60px; font-size:0.93rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > a > small {display:block; padding-top:5px; height:20px; line-height:20px; color:#666; font-size:0.86rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > a > small > i {width:16px; height:20px; float:left; line-height:18px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms {padding:10px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms {display:inline-block; width:100%; font-size:0.93rem; vertical-align:middle;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms.hide {display:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms button {display:block; width:100%; height:40px; border:none; font-size:0.93rem; cursor:pointer; background:transparent; position:relative; line-height:38px; border:1px solid rgba(0,0,0,0.1); color:#222; background:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms button[disabled] {opacity:0.5; cursor:not-allowed;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms button[disabled] {background:#fff; color:#222;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms button.submit {padding-left:6px; padding-right:6px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms button.submit:hover {background:#1e88e5; color:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms button.submit[disabled] {background:#1e88e5; color:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.btn_lms button.submit > label {background:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.process_lms {position:relative; width:100%; height:16px; margin-top:4px; background: rgba(0,0,0,0.1);} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.process_lms > span {position:absolute; left: 0; top: 0; width: 100%; height: 100%; font-size:0.71rem; text-align: center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.lms > div.process_lms > span.percent {opacity:40%;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.date {font-size:0.93rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.date > p > i {width:20px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.term {font-size:0.93rem; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.applicant {font-size:0.93rem; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete {text-align:center; font-size:0; padding-left:5px; padding-right:5px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul {list-style:none; display:flex; flex-wrap:wrap; width:100%; justify-content:flex-start;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li {height:40px; padding:5px; width:calc((100% - 30px) / 3); vertical-align:middle; flex-grow:1;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul.inline li {width:calc((100% - 20px) / 2);} /* 4개 노출일경우 */ div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button {display:block; width:100%; height:40px; border:none; font-size:0.93rem; cursor:pointer; background:transparent; position:relative; line-height:38px; border:1px solid rgba(0,0,0,0.1); color:#222; background:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > a {display:block; width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; position:relative; line-height:40px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > * > label {position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; display:block; background:#f44336;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button[disabled] {opacity:0.5; cursor:not-allowed;} /* div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button:hover {background:#f4f4f4; color: #222;} */ div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button[disabled] {background:#fff; color:#222;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit {background:#2196fe; color:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit:hover {background:#1e88e5; color:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit[disabled] {background:#1e88e5; color:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit > label {background:#fff;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > div.note {padding:5px 0 8px; font-size:0.93rem; box-sizing:border-box;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete > div.note > span {white-space:normal;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] {display:table; width:100%; table-layout:fixed; background:#e8f6ff; border:1px solid #cee0eb; position:relative; margin-bottom:20px; box-sizing:border-box;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.title {display:table-cell; width:180px; height:81px; vertical-align:middle; font-size:0; color:#333;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.title > i {display:inline-block; width:35px; height:81px; padding-left:30px; line-height:81px; font-size:1.71rem; vertical-align:middle;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.title > span {display:inline-block; height:81px; line-height:81px; vertical-align:middle; font-size:1.43rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content {display:table-cell; width:100%; height:81px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div {padding:18px 60px 18px 0px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div a.text {display:block; height:45px; text-decoration:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div a.text > small {display:block; width:calc(100% - 80px); height:20px; line-height:20px; font-size:1rem; color:#00688f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div a.text > b {display:block; width:calc(100% - 80px); height:25px; line-height:25px; color:#000; font-size:1.14rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; text-decoration:none; font-weight:normal;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div a.text > time {float:right; width:80px; height:45px; font-size:1rem; color:#999; line-height:46px; text-align:right;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > button {position:absolute; top:1px; right:0; width:40px; height:40px; border:0; border-left:1px solid #cee0eb; background:transparent; cursor:pointer; color:#7c848a;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > button[data-action=down] {top:auto; bottom:1px; border-top:1px solid #cee0eb; height:41px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > button:hover {color:#393d40;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span{font-size: 1rem;} div[data-role=tabbar] > div > ul > li > a{font-size: 1rem;} ul[data-role=table].black > li.thead > span {font-size:1rem;} @media (max-width:1200px) { div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li > span.loopnum {display:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.category {display:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.title {border-right:0;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.date {display:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.term {display:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.applicant {display:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.status {display:none;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title {display:table-caption; width:auto; height:auto; border-bottom:1px dotted #e3e4e5; border-right:0;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.date {width:100%;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title {padding:0px 10px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > div {padding:12px 0px; height:auto; } div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span {border-right:1px dotted #e3e4e5; color:#666;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.status {border-right:0;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.topic {border-right:0; padding:5px 0px 5px 5px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.category {display:none;} } @media (max-width:767px) { div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.complete {width:180px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] {display:block;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.title {display:block; height:auto; padding:5px 0px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.title > i {width:20px; height:30px; line-height:30px; padding-left:10px; font-size:1rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.title > span {height:30px; line-height:30px; font-size:1rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content {display:block; height:auto;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div {padding:5px 10px 10px 30px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div a.text > small {font-size:0.86rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > div.content > div a.text > b {font-size:1rem;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > button {border-bottom:1px solid #cee0eb;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > button[data-action=up] {top:0; right:40px;} div[data-module=workshop] form[id=ModuleWorkshopListForm] div[data-role=notice] > button[data-action=down] {top:0; right:0; border-top:0; height:40px;} } @media (max-width:500px) { div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.title {width:100px; } div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.thead > span.complete {width:100%;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title {white-space:normal;} div[data-module=workshop] form[id=ModuleWorkshopListForm] ul[data-role=table] > li.tbody > span.title > div.wrap.inline {width:100%;} } div[data-module=workshop] div[id=ModuleWorkshopView] h4 {font-size:1.29rem; min-height:24px; line-height:24px; padding:10px 0px;} div[data-module=workshop] div[id=ModuleWorkshopView] h4 + ul[data-role=form] > li > label {width:100px;} div[data-module=workshop] div[id=ModuleWorkshopView] div[data-role=tabbar] {margin:20px 0px;} div[data-module=workshop] div[id=ModuleWorkshopView] div[data-role=tabbar] > div > ul > li {position:relative;} div[data-module=workshop] div[id=ModuleWorkshopView] div[data-role=tabbar] > div > ul > li > a > label {background:#BDBDBD; display:block; font-size:0.86rem; min-width:20px; height:20px; border-radius:10px; line-height:20px; position:absolute; top:5px; right:5px; padding:0px 5px; box-sizing:border-box; color:#fff;} div[data-module=workshop] div[id=ModuleWorkshopView] div[data-role=tabbar] > div > ul > li > a > label.new {background:#F44336;} div[data-module=workshop] div[id=ModuleWorkshopView] h5 {font-size:1.14rem; height:40px; line-height:40px; margin-top:20px;} div[data-module=workshop] div[id=ModuleWorkshopView] h5 + div[data-role=tabbar] {margin-top:0px;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description {border:1px solid #e3e4e5; border-top:2px solid #222; margin-bottom:20px;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-role=wysiwyg-content] {padding:20px; line-height:1.6; font-size:1rem;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] {padding:20px;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > b {display:block; font-size:1.14rem; height:36px; line-height:36px; border-bottom:1px solid #e5e5e5; margin-bottom:5px;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > ul {list-style:none;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > ul > li {font-size:0;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin:5px 8px 5px 0px; vertical-align:middle; background-size:contain;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > ul > li > a {display:inline-block; height:20px; margin:5px 0px; line-height:20px; color:inherit; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > ul > li > a > span.size {color:#666; float:right; margin-left:10px;} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > ul > li > a > span.size:before {content:"(";} div[data-module=workshop] div[id=ModuleWorkshopView] div.description > div[data-module=attachment] > ul > li > a > span.size:after {content:")";} /* 활동노트 탭 변경 셀렉박스 영역 & container */ #ModuleWorkshopView h4 {font-size:1.29rem; min-height:24px; line-height:24px; padding:10px 0px;} #ModuleWorkshopView h5 {font-size:1.14rem; height:40px; line-height:40px; margin-top:20px;} #ModuleWorkshopView[data-tab=note] div[data-role=button] {padding-top:20px;} #ModuleWorkshopNoteView div[data-role=subtab_combo], #ModuleWorkshopNoteForm div[data-role=subtab_combo] {padding-bottom:10px; border-bottom:1px solid #d9dadb;} div[data-module=workshop] #ModuleWorkshopNoteView div[data-role=subtab_combo], div[data-module=workshop] #ModuleWorkshopNoteForm div[data-role=subtab_combo] {margin-top:-20px;} @media (max-width:767px) { div[data-module=workshop] div[id=ModuleWorkshopView] ul[data-role=form].visible-xs > li {display:table; height:auto; min-height:0;} div[data-module=workshop] div[id=ModuleWorkshopView] ul[data-role=form].visible-xs > li > label {display:table-cell; width:100px; background:#f4f4f4; font-size:0.93rem; padding:10px; vertical-align:middle; height:30px; line-height:30px;} div[data-module=workshop] div[id=ModuleWorkshopView] ul[data-role=form].visible-xs > li > label:after {content:"";} div[data-module=workshop] div[id=ModuleWorkshopView] ul[data-role=form].visible-xs > li > div {display:table-cell; width:100%; font-size:0.93rem; line-height:1.6; vertical-align:middle; min-height:30px; height:30px; padding:10px;} } div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li > span.title {width:100%;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li > span.date {width:200px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li > span.status {width:120px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li > span.date + span.status {width:140px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li > span.button {width:220px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody {height:auto;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.title {padding:10px 5px; white-space:normal; height:auto;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.title > div[data-role=input] {height:auto; padding:0 0 0 30px; box-sizing:border-box;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label {height:auto; padding:0;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label > button {margin:0px 0px 0px -30px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.title b {display:block; min-height:24px; line-height:24px; font-size: 1rem;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.title p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.date {font-size:1rem; line-height:20px; text-align:center;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status {text-align:center; position:relative;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > p {height:20px; line-height:20px; font-size: 1rem;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > p.awaiter {color:#666; font-size:0.86rem;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div {width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; vertical-align:middle;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div.applicated {background:rgba(33,150,243,0.4); color:#fff; text-shadow:-1px -1px 0 #0D47A1, 1px -1px 0 #0D47A1, -1px 1px 0 #0D47A1, 1px 1px 0 #0D47A1;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div.closed {background:rgba(0,0,0,0.2); color:#fff; text-shadow:-1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222; font-size: 1rem;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div > b {display:block; position:absolute; top:calc(50% - 10px); left:0; width:100%; height:20px; line-height:20px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button {text-align:center; font-size:0; padding-left:5px; padding-right:5px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul {list-style:none; display:table; table-layout:fixed; width:100%;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li {height:40px; display:table-cell; padding:0px 5px;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button {width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; position:relative;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button > label {position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; display:block; background:#f44336;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button[disabled] {opacity:0.5; cursor:not-allowed;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.default {border:1px solid rgba(0,0,0,0.1); color:#fff; background:#2196f3;} /* div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.default:hover {background:#f4f4f4;} */ div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.default[disabled] {background:#2196f3; color:#222;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit {background:#2196fe; color:#fff;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit:hover {background:#1e88e5; color:#fff;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit[disabled] {background:#1e88e5; color:#fff;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit > label {background:#fff;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.danger {background:#f44336; color:#fff;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.danger:hover {background:#e53935; color:#fff;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.danger[disabled] {background:#f44336; color:#fff;} @media (max-width:767px) { div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.thead > span.title {border-right:0;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.thead > span.date {display:none;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.thead > span.status {display:none;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.thead > span.button {display:none;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.title {display:table-caption; border-bottom:1px dotted #e3e4e5; border-right:0;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.date {width:100%; border-right:1px dotted #e3e4e5; font-size:0.86rem;} div[data-module=workshop] form[data-role=topic] ul[data-role=table] > li.tbody > span.status {width:80px;} } div[data-module=workshop] form[data-role=team] ul[data-role=table] > li > span.title {width:100%;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li > span.status {width:120px;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li > span.owner {width:180px;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li > span.button {width:110px;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody {height:auto;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.title {padding:10px 5px; white-space:normal; height:auto;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.title > div[data-role=input] {height:auto; padding:0 0 0 30px; box-sizing:border-box;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label {height:auto; padding:0;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label > button {margin:0px 0px 0px -30px;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.title b {display:block; min-height:24px; line-height:24px;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.title b > button{margin-left:15px; color:#1e88e5; background:transparent; border:0; cursor:pointer;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.title p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.owner {text-align:center; height:100%; position:relative;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.owner > p {font-size:0.86rem; height:20px; line-height:20px;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.owner > p.member {color:#666; font-size:0.86rem;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.owner > p.member > button{background:transparent; border:0; cursor:pointer;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.status {text-align:center; height:100%; position:relative;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.status > p {height:20px; line-height:20px;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.status > p.awaiter {color:#666; font-size:0.86rem;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.button > button {width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; background:#2196f3; color:#fff;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.button > button:hover {background:#1e88e5; color:#fff;} div[data-module=workshop] form[data-role=team] ul[data-role=table] > li.tbody > span.button > button[disabled] {background:#f4f4f4 !important; color:#222 !important; opacity:0.5; cursor:not-allowed;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] div[data-role=subtab] {margin-top:-20px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series {display:block;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > label {display:block; width:100%; height:60px; line-height:60px; background:#f4f4f4; text-align:center; padding:0;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li.thead {border-top:0;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span {padding:10px; overflow:visible;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span.loopnum {width:60px; text-align:center;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span.date {width:160px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span.date > div[data-role=text] {text-align:center;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span.content {width:100%;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span.etc {width:150px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li.tbody > span.etc {padding-right:0;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span > div[data-role=input] > textarea {min-height:85px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li > span > div[data-role=text] {line-height:1.6;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] ul[data-role=form] > li.series > ul[data-role=table] > li:last-child {border-bottom:0;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=note] div[data-role=button] {padding-top:20px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] {min-height:400px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li {min-width:680px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.date {width:160px; text-align:center;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.title {width:100%;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.cost {width:150px; padding:0px 10px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.tbody > span.cost {text-align:right;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.button {width:100px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.input > span {vertical-align:top; padding:10px; overflow:visible;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.input > span:first-child {padding-left:0;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.input > span > div[data-module] {padding-top:5px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.input > span > div[data-module] button + span {display:none;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.cost > ul {list-style:none; display:block; padding-top:5px; font-weight:normal;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.cost > ul > li {height:20px; line-height:20px; display:block; font-size:0.86rem; text-align:right;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.cost > ul > li > label {float:left; padding:0px 8px; height:16px; margin:2px; background:#F44336; line-height:16px; text-align:center; border-radius:8px; color:#fff;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span.cost > ul > li:last-child > label {background:#9E9E9E;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.thead > span.cost > ul > li > label {background:#2196F3;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span:last-child {padding-right:0;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span > button {width:100%; height:40px; cursor:pointer; border:0; color:#fff; background:#f44336;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li > span > button:hover {background:#e53935;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.input > span > button {background:#2196f3;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.input > span > button:hover {background:#1e88e5;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] ul[data-role=table] > li.tbody > span.title {padding:10px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] {padding-top:3px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] > ul {list-style:none; margin-bottom:-8px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] > ul > li {font-size:0;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin:5px 8px 5px 0px; vertical-align:middle; background-size:contain;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] > ul > li > a {display:inline-block; height:20px; margin:5px 0px; line-height:20px; color:inherit; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] > ul > li > a > span.size {color:#666; float:right; margin-left:10px;} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] > ul > li > a > span.size:before {content:"(";} div[data-module=workshop] div[id=ModuleWorkshopView][data-tab=budget] div[data-module=attachment] > ul > li > a > span.size:after {content:")";} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] h4 {font-size:1.29rem; min-height:24px; line-height:24px; padding:10px 0px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] h4 + ul[data-role=form] > li > label {width:100px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] h5 {font-size:1.14rem; height:40px; line-height:40px; margin-top:20px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] h5[data-role=toggle] {cursor:pointer; user-select:none; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] h5[data-role=toggle][data-toggle=FALSE] i.fa-angle-down:before {content:"\f106";} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description {border:1px solid #e3e4e5; border-top:2px solid #222;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-role=wysiwyg-content] {padding:20px; line-height:1.6; font-size:1rem;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] {padding:20px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > b {display:block; font-size:1.14rem; height:36px; line-height:36px; border-bottom:1px solid #e5e5e5; margin-bottom:5px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > ul {list-style:none;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > ul > li {font-size:0;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin:5px 8px 5px 0px; vertical-align:middle; background-size:contain;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > ul > li > a {display:inline-block; height:20px; margin:5px 0px; line-height:20px; color:inherit; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > ul > li > a > span.size {color:#666; float:right; margin-left:10px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > ul > li > a > span.size:before {content:"(";} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description > div[data-module=attachment] > ul > li > a > span.size:after {content:")";} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div.description[data-toggle=TRUE] {height:0; overflow:hidden; border:0; border-top:2px solid #222;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li > span.title {width:100%;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li > span.date {width:180px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li > span.status {width:120px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody {height:auto;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.title {padding:10px 5px; white-space:normal; height:auto; line-height:20px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.title > b {display:block; min-height:24px; line-height:24px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.title > p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.date {font-size:0.86rem; line-height:20px; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.status {text-align:center; height:100%; position:relative;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.status > div {width:100%; height:100%; background:rgba(244,67,54,0.65); color:#fff; text-align:center; position:absolute; top:0; left:0; vertical-align:middle;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.status > div > b {display:block; position:absolute; top:calc(50% - 10px); left:0; width:100%; height:20px; line-height:20px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] div[data-role=button] {padding-top:20px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] button[data-action=help] {height:20px; width:20px; border:1px solid #ccc; line-height:18px; text-align:center; cursor:help; background:#fff; font-size:0.86rem; color:#666; border-radius:50%; margin-left:10px; vertical-align:middle;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap strong.label_title {display:block; padding:10px 0;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table {width:100%; table-layout:fixed; border-collapse:collapse;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table th, div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table td {padding:10px; border:1px solid #e3e4e5; text-align:center;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table th {padding:20px 10px; background:#f4f4f4;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table th:last-child, div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table td:last-child {border-right:none;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table th:first-child, div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table td:first-child {border-left:none;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table tr:last-child th, div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table tr:last-child td {border-bottom:none;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form] div.table_wrap table .row_title {padding:20px 10px; background:#f4f4f4; font-size:1rem; font-weight:bold;} @media (max-width:767px) { div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form].visible-xs > li {display:table; height:auto; min-height:0;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form].visible-xs > li > label {display:table-cell; width:100px; background:#f4f4f4; font-size:0.93rem; padding:10px; vertical-align:middle; height:30px; line-height:30px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form].visible-xs > li > label:after {content:"";} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=form].visible-xs > li > div {display:table-cell; width:100%; font-size:0.93rem; line-height:1.6; vertical-align:middle; min-height:30px; height:30px; padding:10px;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.thead > span.title {border-right:0;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.thead > span.date {display:none;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.thead > span.status {display:none;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.title {display:table-caption; border-right:0; border-bottom:1px dotted #e3e4e5;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.date {width:100%; border-right:1px dotted #e3e4e5;} div[data-module=workshop] form[id=ModuleWorkshopApplicationForm] ul[data-role=table] > li.tbody > span.status {border-right:0;} } div[data-module=workshop] div.pagination {margin-top:20px; text-align:center;} /** * 나의 신청내역 */ div[data-module=workshop][data-context=mypage] > div > div[data-role] {margin-bottom:20px;} div[data-module=workshop][data-context=mypage] > div > div[data-role=toolbar] > div[data-role=input] {display:inline-block; width:200px;} div[data-module=workshop][data-context=mypage] > div > div[data-role=toolbar] > button {display:inline-block; width:auto; height:40px; padding:0 10px; border:0; font-size:0.93rem; cursor:pointer; position:relative; line-height:38px; border:1px solid rgba(0,0,0,0.1);} /** * 설문조사 */ div[data-module=workshop][data-context=poll] h3 {font-size:1.14rem; background:#f7f9fa; padding:0px 15px; height:64px; line-height:60px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;} div[data-module=workshop][data-context=poll] .block {padding:10px 0px 20px 0px;} div[data-module=workshop][data-context=poll] h4 {font-size:1.14rem; font-weight:bold; min-height:40px; line-height:24px;} /* div[data-module=workshop][data-context=poll] h4 {font-size:1.14rem; font-weight:bold; height:40px; line-height:40px;} */ div[data-module=workshop][data-context=poll] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;} div[data-module=workshop][data-context=poll] div.question + div.question {margin-top:20px; padding-top:12px; border-top:1px dashed #ccc;} div[data-module=workshop][data-context=poll] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;} div[data-module=workshop][data-context=poll] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;} div[data-module=workshop][data-context=poll] div.question > label.numeric {padding-left:50px;} div[data-module=workshop][data-context=poll] div.question > label.numeric > i {font-size:1rem; width:30px; text-align:center;} div[data-module=workshop][data-context=poll] div.question > label.answer > i { background:#F44336;} div[data-module=workshop][data-context=poll] div.question > label.required:after {content:"*"; color:red;} div[data-module=workshop][data-context=poll] div.question > label.numeric + label {padding-left:50px;} div[data-module=workshop][data-context=poll] div.question > label.numeric + label > i {width:30px; font-size:1rem; text-align:center;} div[data-module=workshop][data-context=poll] div.question div[data-role=input] {font-size:1rem;} div[data-module=workshop][data-context=poll] div.question div[data-role=input] > label.etc {width:100%;} div[data-module=workshop][data-context=poll] div.question div[data-role=input] > label > div[data-role=input] {width:calc(100% - 32px); margin:-5px 0px; height:30px;} div[data-module=workshop][data-context=poll] div.question div[data-role=input] > label > div[data-role=input] input[type=text] {height:30px; padding:5px; line-height:18px;} div[data-module=workshop][data-context=poll] div.question div.etc > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;} div[data-module=workshop][data-context=poll] div.question div.etc > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#F44336;} div[data-module=workshop][data-context=poll] div.status {border:1px solid #e5e5e5; height:60px; padding:20px; font-size:0;} div[data-module=workshop][data-context=poll] div.status > label {display:inline-block; height:60px; line-height:60px; letter-spacing:-1px; font-size:2.28rem;} div[data-module=workshop][data-context=poll] div.status > i {display:inline-block; height:60px; float:right; font-style:normal; font-size:2.86rem; letter-spacing:-2px; line-height:60px;} div[data-module=workshop][data-context=poll] div.status > i > b {color:#2196F3;} div[data-module=workshop][data-context=poll] div.talkbox {padding:0px 10px; background:#f4f4f4;} div[data-module=workshop][data-context=poll] div.talkbox > div.even {margin-right:20px;} div[data-module=workshop][data-context=poll] div.talkbox > div.odd {margin-left:20px;} div[data-module=workshop][data-context=poll] div.talkbox > div > div {position:relative; padding:12px; line-height:1.6; font-size:0.93rem; margin:15px 0px; border-radius:3px; min-height:20px;} div[data-module=workshop][data-context=poll] div.talkbox > div > div:after, div[data-module=workshop][data-context=poll] div.talkbox > div > div:before {top:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} div[data-module=workshop][data-context=poll] div.talkbox > div > div:after {border-width:10px; margin-top:-10px; border-color:rgba(0,0,0,0); border-width:10px;} div[data-module=workshop][data-context=poll] div.talkbox > div > div:before {border-width:11px; margin-top:-11px; border-color:rgba(0,0,0,0); border-width:11px;} div[data-module=workshop][data-context=poll] div.talkbox > div.even {padding-left:60px; background:url(../images/icon_woman.png) no-repeat 0px 15px; margin-right:80px;} div[data-module=workshop][data-context=poll] div.talkbox > div.even > div {background:#f0f2f5; border:1px solid #d4d5d6; display:inline-block;} div[data-module=workshop][data-context=poll] div.talkbox > div.even > div:after, div[data-module=workshop][data-context=poll] div.talkbox > div.even > div:before {right:100%;} div[data-module=workshop][data-context=poll] div.talkbox > div.even > div:after {border-right-color:#f0f2f5;} div[data-module=workshop][data-context=poll] div.talkbox > div.even > div:before {border-right-color:#d4d5d6;} div[data-module=workshop][data-context=poll] div.talkbox > div.odd {padding-right:60px; background:url(../images/icon_man.png) no-repeat 100% 15px; margin-left:80px; text-align:right;} div[data-module=workshop][data-context=poll] div.talkbox > div.odd > div {background:#fcf0ca; border:1px solid #d4d5d6; display:inline-block;} div[data-module=workshop][data-context=poll] div.talkbox > div.odd > div:after, div[data-module=workshop][data-context=poll] div.talkbox > div.odd > div:before {left:100%;} div[data-module=workshop][data-context=poll] div.talkbox > div.odd > div:after {border-left-color:#fcf0ca;} div[data-module=workshop][data-context=poll] div.talkbox > div.odd > div:before {border-left-color:#d4d5d6;} @media (max-width:767px) { div[data-module=workshop][data-context=poll] div.question > div[data-role=inputset] {display:block;} div[data-module=workshop][data-context=poll] div.question > div[data-role=inputset] > div[data-role=input] {display:block; border-left:0px;} div[data-module=workshop][data-context=poll] div.question > div[data-role=inputset] > div[data-role=input].grow4 {display:none;} } /** * 이수증 */ div[data-module=workshop][data-context=certificate] h3 {display:flex; align-items:center; word-break:keep-all; justify-content:flex-start; line-height:1.4; min-height:64px; font-size:1.14rem; background:#f7f9fa; padding:18px 15px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;} div[data-module=workshop][data-context=certificate] .block {padding:10px 0px 20px 0px;} div[data-module=workshop][data-context=certificate] h4 {font-size:1.14rem; font-weight:bold; height:40px; line-height:40px;} div[data-module=workshop][data-context=certificate] ul[data-role] + h4 {margin-top:20px;} div[data-module=workshop][data-context=certificate] ul[data-role=table].topic > li > span.title {width:100%;} div[data-module=workshop][data-context=certificate] ul[data-role=table].topic > li > span.attendance {width:100px; text-align:center;} div[data-module=workshop][data-context=certificate] ul[data-role=table].topic > li > span.complete {width:100px; text-align:center;} div[data-module=workshop][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title {padding-top:8px; padding-bottom:8px;} div[data-module=workshop][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > b {display:block; min-height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis;} div[data-module=workshop][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;} div[data-module=workshop][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > small {display:block; margin-top:10px; padding-top:10px; border-top:1px dashed #ddd; font-size:0.86rem; line-height:1.4;} div[data-module=workshop][data-context=certificate] div.contact {padding:10px 0px; text-align:right; color:#666;} div[data-module=workshop][data-context=certificate] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;} div[data-module=workshop][data-context=certificate] div.question + div.question {margin-top:20px; padding-top:12px; border-top:1px dashed #ccc;} div[data-module=workshop][data-context=certificate] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;} div[data-module=workshop][data-context=certificate] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;} div[data-module=workshop][data-context=certificate] div.question > label.numeric {padding-left:50px;} div[data-module=workshop][data-context=certificate] div.question > label.numeric > i {font-size:1rem; width:30px; text-align:center;} div[data-module=workshop][data-context=certificate] div.question > label.answer > i { background:#F44336;} div[data-module=workshop][data-context=certificate] div.question > label.required:after {content:"*"; color:red;} div[data-module=workshop][data-context=certificate] div.question > label.numeric + label {padding-left:50px;} div[data-module=workshop][data-context=certificate] div.question > label.numeric + label > i {width:30px; font-size:1rem; text-align:center;} div[data-module=workshop][data-context=certificate] div.question div[data-role=input] {font-size:1rem;} div[data-module=workshop][data-context=certificate] div.question div[data-role=input] > label.etc {width:100%;} div[data-module=workshop][data-context=certificate] div.question div[data-role=input] > label > div[data-role=input] {width:calc(100% - 32px); margin:-5px 0px; height:30px;} div[data-module=workshop][data-context=certificate] div.question div[data-role=input] > label > div[data-role=input] input[type=text] {height:30px; padding:5px; line-height:18px;} @media (max-width:767px) { div[data-module=workshop][data-context=certificate] div.question > div[data-role=inputset] {display:block;} div[data-module=workshop][data-context=certificate] div.question > div[data-role=inputset] > div[data-role=input] {display:block; border-left:0px;} div[data-module=workshop][data-context=certificate] div.question > div[data-role=inputset] > div[data-role=input].grow4 {display:none;} } @media print { div[data-module=workshop][data-context=certificate] header {display:none;} div[data-module=workshop][data-context=certificate] div[data-role=button] {display:none;} } div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice {background:#FFFDE7;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.loopnum {width:65px; text-align:center;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.loopnum > i.fa-caret-right {color:#f44336;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.loopnum {text-align:center; font-weight:bold; color:#F44336;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title {width:100%;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > small {display:block; color:#666; font-size:0.86rem; height:20px; line-height:20px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a {text-decoration:none; color:#222; display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a:hover {color:#0370a6;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > span.category {color:#666;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > i.xi {margin-right:3px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > i.xi-lock {color:#F44336;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > i.fa-floppy-o {float:right; margin-left:5px; color:#F44336;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > i.fa-picture-o {float:right; margin-left:5px; color:#2196F3;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > span.ment {display:inline-block; float:right; margin:2px 0px 0px 5px; color:#FF9800; font-size:0.86rem; vertical-align:middle;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > span.ment:before {content:"[";} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.title > a > span.ment:after {content:"]";} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.name {width:140px; text-align:center;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.name {text-align:left;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.name > i[data-role=photo] {width:24px; height:24px; margin-right:5px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.name > span[data-role=name] {width:calc(100% - 30px); height:24px; line-height:24px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.reg_date {width:110px; text-align:center; padding:0px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.reg_date > i.xi {display:none;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.hit {width:60px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li > span.hit > i.xi {display:none;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.hit {text-align:right;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] {margin-top:10px; font-size:0;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > div[data-role=search] {display:inline-block; width:300px; vertical-align:middle; font-size:0;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > div[data-role=input] {width:calc(100% - 45px); vertical-align:middle; display:inline-block; font-size:1rem; margin-right:5px;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > button {width:40px; height:40px; background:#b5b7c0; border:0px; cursor:pointer; vertical-align:middle;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > button > i {font-size:1rem; color:#fff;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > button:hover {background:#828595;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > a {display:inline-block; height:40px; line-height:40px; padding:0px; box-sizing:border-box; vertical-align:middle; margin-left:5px; text-decoration:none; cursor:pointer; background:#2196f3; color:#fff; font-size:0; float:right;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > a > i {width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; font-size:1rem;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > a > span {height:40px; line-height:40px; display:inline-block; vertical-align:middle; padding-right:15px; font-size:1rem;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > a:hover {background:#1e88e5;} div[data-module=workshop] div[data-component=board] div.pagination {margin-top:20px; text-align:center;} div[data-module=workshop] div[data-component=board] article[data-role=post] {border-bottom:2px solid #222;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header {display:block; margin:0; padding:15px; background:#f4f4f4; border-top:2px solid #222; line-height:1.6; border-bottom:1px solid #e3e4e5; margin-bottom:20px; font-size:0;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > h5 {font-size:1.14rem; line-height:1.6; padding:5px 0px 15px 0px; margin:0; border-bottom:1px solid #e3e4e5; height:auto;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > h5 > small {display:block; line-height:22px; font-size:1rem; color:#666; font-weight:normal;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > i[data-role=photo] {width:48px; height:48px; margin-top:15px; margin-right:10px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul {list-style:none; width:calc(100% - 58px); display:inline-block; margin-top:15px; font-size:0; vertical-align:middle;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li {font-size:1rem; color:#666;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li > b {display:inline-block; width:65px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li > i.xi {display:none; height:24px; line-height:24px; margin-right:8px; vertical-align:middle;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li.name {display:block; height:24px; line-height:24px; font-size:1rem;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li.date {display:inline-block; width:70%; height:24px; line-height:24px; vertical-align:middle;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li.hit {display:inline-block; width:30%; height:24px; line-height:24px; vertical-align:middle; text-align:right;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li.hit > b {margin-right:10px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.content {padding-bottom:20px; font-size:1rem;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] {text-align:right; padding-right:0; position:relative; margin-bottom:20px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author {display:inline-block; width:160px; height:30px; padding:4px; background:#E3F2FD; vertical-align:middle; border:1px solid #BBDEFB; text-align:left;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author > i[data-role=photo] {width:30px; height:30px; border:1px solid #ccc; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; float:left; margin-right:8px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author > span[data-role=name] {display:block; width:calc(100% - 40px); height:18px; font-size:0.86rem; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author > small {display:inline-block; width:calc(100% - 40px); height:12px; font-size:0.86rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#666;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > button[data-action=action] {background:#b5b7c0; color:#fff; border:0; font-size:1.14rem; width:40px; height:40px; margin-left:5px; margin-right:0; display:none;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] {list-style:none; display:inline-block; vertical-align:middle; white-space:nowrap;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li {display:inline-block; margin-left:5px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button {display:inline-block; height:40px; line-height:38px; padding:0px 15px; box-sizing:border-box; border:1px solid rgba(0,0,0,0.1); color:#666; background:#fff; vertical-align:middle; text-decoration:none; cursor:pointer; font-size:1rem;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button:hover {background:#f4f4f4; color:#333;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=delete] {background:#f44336; color:#fff;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=delete]:hover {background:#e53935; color:#fff;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=adopt] {background:#2196f3; color:#fff;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=adopt]:hover {background:#1e88e5; color:#fff;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] {padding:20px 0px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] > h5 {font-size:1rem; height:30px; line-height:30px; border-bottom:1px solid #e3e4e5; margin-bottom:5px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] > h5 > i {font-size:0.86rem; width:20px; height:30px; float:left; line-height:30px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul {list-style:none;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li {height:20px; padding:5px 0px;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin-right:5px; float:left; vertical-align:middle; background-size:contain; background-position:0 50%; vertical-align:middle;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li > a {display:inline-block; max-width:calc(100% - 25px); height:20px; line-height:20px; color:#333; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li > a > span.size {color:#999; font-size:0.86rem; float:right; display:inline-block; vertical-align:middle; margin-left:5px; line-height:22px; height:20px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] {background:#f4f4f4; margin-top:20px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] {background:url(../images/ment_line_bg.png);} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] {background:#f4f4f4; padding:16px; border-top:1px solid #e5e5e5; position:relative;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item]:first-child {border-top:0px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > i.xi-reply-all {font-size:0.86rem; color:#F44336; position:absolute; top:22px; left:-10px; width:20px; text-align:center;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-depth="0"] > i.xi-reply-all {display:none;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar {height:30px; font-size:0; text-align:right; position:relative;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > i[data-role=photo] {width:28px; height:28px; border:1px solid #ccc; margin-right:8px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; display:inline-block; vertical-align:middle; float:left;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > span[data-role=name] {font-size:1rem; height:28px; line-height:28px; display:inline-block; vertical-align:middle; float:left;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action] {width:30px; height:30px; background:#b5b7c0; color:#fff; border:0; font-size:1.14rem; cursor:pointer; display:none;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action] > i {width:30px; height:30px; line-height:30px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action]:hover {background:#828595;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] {list-style:none; position:relative; float:right; font-size:0;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li {display:inline-block;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button {background:#fff; padding:0px 8px 0px 0px; height:24px; line-height:24px; cursor:pointer; vertical-align:middle; border:0; font-size:0.86rem; margin-left:2px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button > i {width:24px; height:24px; text-align:center; float:left;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=reply] {background:#b5b7c0; color:#fff;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=reply]:hover {background:#828595;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=reply] > div.topbar > ul > li > button[data-action=reply] {background:#828595;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=reply] > div.topbar > ul > li > button[data-action=reply] > i:before {content:"\e616";} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=modify] {background:#2196f3; color:#fff;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=modify]:hover {background:#1e88e5;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.topbar > ul > li > button[data-action=modify] {background:#1e88e5;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.topbar > ul > li > button[data-action=modify] > i:before {content:"\e616";} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.content > div[data-role=wysiwyg-content] {display:none;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.content > div[data-module=attachment] {display:none;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=reply] form {margin-top:10px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=delete] {background:#F44336; color:#fff;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=delete]:hover {background:#E53935;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content {padding:10px 0px 10px 38px; position:relative; font-size:1rem;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > i.mi-lock {position:absolute; top:10px; left:20px; color:#F44336; height:22px; line-height:22px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] div[data-secret=TRUE] {font-size:1rem; text-align:center; width:100%; padding:10px 0px; line-height:1.6; background:#FFEBEE; color:#F44336;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] div[data-delete=TRUE] {font-size:1rem; text-align:center; width:calc(100% + 30px); padding:10px 0px; line-height:1.6; background:#FFECB3; color:#FF8F00; margin:-15px -15px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] {padding:20px 0px 10px 0px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > h5 {font-size:1rem; height:30px; line-height:30px; border-bottom:1px solid #e3e4e5; margin-bottom:5px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > h5 > i {font-size:0.86rem; width:20px; height:30px; float:left; line-height:30px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul {list-style:none;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li {height:20px; padding:5px 0px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin-right:5px; float:left; vertical-align:middle; background-size:contain; background-position:0 50%; vertical-align:middle;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li > a {display:inline-block; max-width:calc(100% - 25px); height:20px; line-height:20px; color:#333; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li > a > span.size {color:#999; font-size:0.86rem; float:right; display:inline-block; vertical-align:middle; margin-left:5px; line-height:22px; height:20px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.footbar {padding-left:38px; font-size:0;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.footbar > time {display:inline-block; height:20px; line-height:20px; font-size:0.86rem; color:#666; display:inline-block; vertical-align:middle;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.footbar {display:none;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div.empty {height:100px; line-height:100px; text-align:center; background:#f4f4f4;} div[data-module=workshop] div[data-component=board] div[data-role=ment] form {background:#fff; padding-bottom:20px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] div[data-role=item] form {padding:10px; border:1px solid #e5e5e5;} div[data-module=workshop] div[data-component=board] div[data-role=ment] div[data-role=pagination] {padding:10px 0px; display:block; text-align:center;} div[data-module=workshop] div[data-component=board] div[data-role=ment] div[data-role=pagination]:empty {display:none;} div[data-module=workshop] div[data-component=board] ul[data-role=form] div[data-role=input][data-name=prefix] {width:180px;} div[data-module=workshop] div[data-component=board] div[data-role=button] {margin-top:10px;} div[data-module=workshop] div[data-component=board] ul.buttons {list-style:none; padding-bottom:20px; display:table; width:100%; table-layout:fixed;} div[data-module=workshop] div[data-component=board] ul.buttons > li {display:table-cell; width:100%; vertical-align:middle;} div[data-module=workshop] div[data-component=board] ul.buttons > li:first-child {width:100px;} div[data-module=workshop] div[data-component=board] ul.buttons > li:first-child > div[data-role=button] {text-align:left; padding-left:0px;} div[data-module=workshop] div[data-component=board] ul.buttons > li:first-child > div[data-role=button] > button, div[data-module=workshop] div[data-component=board] ul.buttons > li:first-child > div[data-role=button] > a {margin-left:0px; margin-right:5px;} div[data-module=workshop] div[data-component=board] ul.buttons > li:last-child {width:100%;} div[data-module=workshop] div[data-component=board] ul.buttons > li:last-child > div[data-role=button] {text-align:right; padding-right:0px;} div[data-module=workshop] div[data-component=board] ul.buttons > li:last-child > div[data-role=button] > button, div[data-module=workshop] div[data-component=board] ul.buttons > li:last-child > div[data-role=button] > a {margin-left:5px; margin-right:0px;} @media (max-width:767px) { div[data-module=workshop] div[data-role=toolbar] > div[data-role=input] {display:block; width:100%; float:none;} div[data-module=workshop] div[data-role=toolbar] > div[data-role=search] {display:block; margin-top: 6px; margin-bottom: 12px;width:100%; max-width:100%;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.thead > span {display:none;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.loopnum {display:none;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody {font-size:0; display:block; padding:10px 0px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span {display:inline-block; font-size:1rem; box-sizing:border-box; vertical-align:middle; padding:0;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.title {width:100%; padding:0px 5px 6px 5px; height:auto;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a {display:block; height:24px; line-height:24px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a > span.ment {background:#FFA726; min-width:24px; height:24px; line-height:24px; color:#fff; padding:0px 8px; border-radius:12px; margin:0px 0px 0px 5px; position:relative; box-sizing:border-box;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a > span.ment:before {content:"";} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a > span.ment:after {content:"";} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.name {width:calc(100% - 200px); padding:0px 0px 0px 5px; height:24px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.reg_date {width:120px; height:24px; line-height:24px; color:#666;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.reg_date > i.xi {margin:0px 5px 0px 10px; display:inline-block;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.hit {width:80px; height:24px; line-height:24px; color:#666; text-align:right;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.tbody > span.hit > i.xi {display:inline-block; margin:0px 5px 0px 10px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.loopnum {display:inline-block; height:30px; line-height:30px; vertical-align:middle;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.title {width:calc(100% - 60px); padding:0px 5px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.title > a {height:30px; line-height:30px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.title > a > span.ment {margin:3px 0px 3px 5px;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.name {display:none;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.reg_date {display:none;} div[data-module=workshop] div[data-component=board] ul[data-role=table] > li.notice > span.hit {display:none;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > div[data-role=search] {width:calc(100% - 45px); max-width:100%;} div[data-module=workshop] div[data-component=board] div[data-role=searchbar] > a > span {display:none;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li > b {display:none;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div.header > ul > li > i.xi {display:inline-block;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > button[data-action=action] {display:inline-block;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > button[data-action=action].opened > i:before {content:"\f0d8";} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] {position:absolute; top:40px; right:0px; z-index:10; background:#fff; border:1px solid #ccc; box-shadow:1px 1px 2px rgba(0,0,0,0.1); display:none;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action].opened {display:block;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li {display:block; text-align:left; font-size:0; margin-left:0; border-bottom:1px solid #ddd;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li:hover {background:#f4f4f4;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li:last-child {border-bottom:0;} div[data-module=workshop] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button {width:100%; margin-left:0; margin-right:0; background:transparent !important; color:#222 !important; text-align:left; border:0; padding:0px 16px; display:block;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action] {display:inline-block;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] {position:absolute; top:30px; right:0; border:1px solid #e5e5e5; background:#fff; width:auto; z-index:10; display:none;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li {display:block; height:30px; border-bottom:1px solid #e5e5e5;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button {height:30px; line-height:30px; background:#fff !important; color:#666 !important;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li:last-child {border-bottom:0px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button:hover {background:#f4f4f4;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button > i {width:30px; height:30px; line-height:30px;} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action].opened > i:before {content:"\f0d8";} div[data-module=workshop] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action].opened {display:block;} div[data-module=workshop] div[data-component=board] ul[data-role=form] div[data-role=inputset].flex {display:block;} div[data-module=workshop] div[data-component=board] ul[data-role=form] div[data-role=inputset].flex > div {display:block; margin:5px 0px 0px 0px; border-left:0px;} div[data-module=workshop] div[data-component=board] ul[data-role=form] div[data-role=inputset].flex > div:first-child {margin-top:0px;} div[data-module=workshop] div[data-component=board] ul[data-role=form] div[data-role=input][data-name=prefix] {width:100%;} } .highcharts-credits {display:none !important;} ul[data-role=table] > li.empty { font-size: 1rem;}