@charset "UTF-8";
/* en */
.flatBoard .btBasic:lang(en), .flatBoard .btAdmin:lang(en) {
  letter-spacing: 0;
}
.flatBoard .btBasic {
  display: inline-block;
  margin: 0;
  padding: 5px 7px;
  font-size: 0.85em;
  letter-spacing: -1px;
  line-height: 1;
  letter-spacing: -1px;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.flatBoard .btAdmin {
  display: inline-block;
  margin: 0;
  padding: 5px 7px;
  font-size: 0.85em;
  letter-spacing: -1px;
  line-height: 1;
  letter-spacing: -1px;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* font */
.flatBoard, .flatBoard button, .flatBoard select, .flatBoard table, .flatBoard input {
  font-family: "Exo 2", sans-serif;
}
/* basic */
.flatBoard {
  line-height: 1.2;
  font-size: 1em;
  -webkit-text-size-adjust: none;
  min-height: 0px !important;
}
.flatBoard a {
  text-decoration: none;
}
.flatBoard h1, .flatBoard h2, .flatBoard h3, .flatBoard h4, .flatBoard h5, .flatBoard p, .flatBoard ol, .flatBoard ul, .flatBoard dl, .flatBoard dd, .flatBoard dt, .flatBoard input {
  margin: 0;
  padding: 0;
}
.flatBoard ol, .flatBoard ul {
  list-style: none;
}
.flatBoard input, .flatBoard textarea, .flatBoard button {
  outline: none;
  margin: 0;
  font-size: 1em;
}
.flatBoard select {
  outline: none;
}
.flatBoard button {
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.bg-dummy {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 50;
}
.flatBoard .bt-wrap {
  text-align: center;
}
.flatBoard .profile-image {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.flatBoard .profile-image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.flatBoard .btCancel {
  display: block;
  float: left;
  width: 49%;
  border: none;
  line-height: 36px;
  text-align: center;
  font-size: 0.85em;
}
.flatBoard .btSubmit {
  display: block;
  float: right;
  width: 50%;
  border: none;
  line-height: 36px;
  text-align: center;
  font-size: 0.85em;
}
/* paging */
.paging, .paging2 {
  clear: both;
  text-align: center;
}
.paging a, .flatBoard .paging span {
  display: inline-block;
  padding: 6px 8px;
  margin-right: 1px;
}
.paging a.direction {
  display: inline-block;
  padding: 6px 0;
  width: 28px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}
.paging .prev {
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}
.paging .next {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
}
.paging2 .prev {
  margin-right: 5px;
}
.paging2 .next {
  margin-left: 5px;
}
/* list */
.flatBoard .left-part {
  float: left;
}
.flatBoard .right-part {
  float: right;
}
header.list-header .left-part {
  padding: 10px 0 10px 10px;
}
header.list-header .right-part {
  padding: 10px;
}
footer.list-footer .left-part {
  padding: 10px 0 10px 10px;
}
footer.list-footer .right-part {
  padding: 10px;
}
footer.list-footer .btSearch {
  width: 26px;
  padding: 5px 0;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}
footer.list-footer select {
  padding: 0 15px 0 0;
  margin: 0;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  letter-spacing: -1px;
  line-height: 1;
  letter-spacing: -1px;
  font-size: 0.85em;
}
footer.list-footer .search-area {
  clear: both;
  display: none;
  padding: 10px;
  text-align: right;
  border-bottom: 1px solid #DDD;
  background: #f1f1f1;
}
header.list-header .category-area {
  clear: both;
  display: none;
  padding: 10px;
  text-align: left;
  overflow-x: auto;
  background-color: #F1F1F1;
  border-top: 1px solid #DDD;
}
footer.list-footer .search-area input {
  padding: 0 6px;
  width: 150px;
  line-height: 24px;
  -webkit-appearance: none;
}
footer.list-footer .paging {
  padding: 30px 0;
}
footer.list-footer .paging2 {
  padding: 15px 0;
}
/* read */
.nName img {
  vertical-align: text-bottom !important;
}
.title-wrap {
  position: relative;
  padding: 10px 10px 10px 60px;
}
.title-wrap h3 {
  font-size: 1em;
}
.title-wrap.editable {
  padding-right: 55px;
}
.title-wrap .profile-image {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}
.title-wrap .btDel {
  position: absolute;
  top: 10px;
  right: 10px;
}
.title-wrap .btEdit {
  position: absolute;
  top: 30px;
  right: 10px;
}
.read-edit {
  padding: 10px 10px 0;
  margin-bottom: -20px;
  text-align: right;
}
.under-title {
  padding-top: 3px;
}
.under-title .el {
  font-size: 0.8em;
}
.under-title .l {
  font-size: 0.75em;
  letter-spacing: -1px;
  padding: 0 3px;
}
.short_url {
  padding-top: 5px;
  font-size: 0.8em;
}
.short_url a {
  color: #666;
  word-break: break-all;
}
.read-body {
  margin: 30px 15px;
  line-height: 1.4;
  overflow: hidden;
}
.read-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px 0 !important;
}
.read-body .xe_content p img {
  margin: 0 !important;
}
.read-body .xe_content {
  font-size: 1em;
  word-break: break-all;
}
.read-body .xe_content ol, .read-body .xe_content ul {
  margin-top: 15px;
  margin-bottom: 15px;
}
.read-secret .bt-wrap {
  padding-top: 10px;
}
.xv {
  border-collapse: collapse;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 30px;
}
.xv th {
  white-space: nowrap;
  text-align: left;
}
.xv th, .xv td {
  padding: 8px 10px;
  font-size: 0.85em;
}
.xv td {
  word-break: break-all;
}
.read-file {
  display: none;
  margin-top: 15px;
  padding: 15px;
}
.read-file h3 {
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1;
}
.read-file li {
  padding-left: 20px;
  word-break: break-all;
  font-size: 0.85em;
  letter-spacing: -1px;
  margin-top: 3px;
  background-repeat: no-repeat;
  background-position: left 2px;
}
.read-control {
  position: relative;
  height: 40px;
  font-size: 0.85em;
}
.read-control li.comment-num {
  float: left;
  padding-left: 10px;
  line-height: 40px;
}
.read-control li.comment-num .num {
  font-weight: bold;
}
.read-control li:not(.comment-num) {
  float: right;
}
.read-control li:not(.comment-num) button, .read-control li:not(.comment-num) a {
  display: inline-block;
  position: relative;
  height: 40px;
  width: 36px;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.read-control .num2 {
  display: block;
  position: absolute;
  top: -9px;
  left: 0;
  width: 36px;
  text-align: center;
  text-indent: 0;
  z-index: 2;
}
.read-control .num2 span {
  display: inline-block;
  padding: 0 5px;
  height: 17px;
  line-height: 17px;
  font-size: 0.75em;
  letter-spacing: -1px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}
.read-control .share {
  display: none;
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 5;
}
.read-control .share a {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.read-control .share a img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.read-sign {
  margin-top: 30px;
  padding: 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.read-sign img.pf {
  height: 40px;
  width: auto;
  float: left;
}
.read-sign p {
  margin: 0;
  padding: 0 0 0 55px;
  font-size: 0.85em;
  line-height: 1.4;
}
.declare {
  display: none;
  padding: 8px 15px;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 0.75em;
}
.declare p {
  float: left;
  line-height: 24px;
}
.declare .bt-wrap {
  float: right;
}
.declare button {
  padding: 0 8px;
  line-height: 24px;
}
/* comment */
.comment {
  clear: both;
}
.comment-el {
  position: relative;
  padding: 10px;
  z-index: 10;
}
.comment-el .profile-image {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
}
.best-text {
  padding: 2px 5px;
  margin-right: 3px;
  font-size: 0.75em;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
}
.blind-comment {
  display: none;
}
.blind-text {
  display: inline-block;
  position: relative;
  padding: 5px 0;
  z-index: 30;
  cursor: pointer;
  font-style: italic;
}
.comment-el .name, .comment-body {
  font-size: 0.85em;
}
.comment-body {
  margin-top: 5px;
  line-height: 1.4;
}
.comment-body img {
  max-width: 100%;
  height: auto;
}
.comment-body .xe_content a, .comment-el .name a {
  position: relative;
  z-index: 30;
}
.comment-body .xe_content {
  font-size: 1em;
}
.secret-comment {
  position: relative;
  margin-top: 10px;
  z-index: 30;
}
.secret-comment .btCancel {
  display: inline-block;
  float: none;
  line-height: 33px;
}
.comment-el .date {
  font-size: 0.75em;
}
.comment li.indent {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
}
.comment li.indent2 {
  padding-left: 40px;
  background-position: 30px 10px;
}
.comment li.indent3 {
  padding-left: 60px;
  background-position: 50px 10px;
}
.comment li.indent4 {
  padding-left: 80px;
  background-position: 70px 10px;
}
.comment li.indent5 {
  padding-left: 100px;
  background-position: 90px 10px;
}
.comment li.indent6 {
  padding-left: 120px;
  background-position: 110px 10px;
}
.comment li.indent7 {
  padding-left: 140px;
  background-position: 130px 10px;
}
.comment li.indent8 {
  padding-left: 160px;
  background-position: 150px 10px;
}
.comment li.indent9 {
  padding-left: 180px;
  background-position: 170px 10px;
}
.comment li.indent10 {
  padding-left: 200px;
  background-position: 190px 10px;
}
.flatBoard .comment .paging {
  padding: 15px 0 15px 12px;
  text-align: left;
}
.comment-vote button {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  -moz-box-shadow: 0 2px 5px #333;
  -webkit-box-shadow: 0 2px 5px #333;
  box-shadow: 0 2px 5px #333;
}
.comment-view-vote {
  position: absolute;
  right: 10px;
  top: 6px;
  margin: 5px 0 0 50px;
  font-size: 0.75em;
}
.comment-view-vote span {
  display: inline-block;
}
button.thumbText {
  padding: 4px 8px;
}
.thumbText {
  padding: 2px 4px;
  margin-left: -1px !important;
}
.thumbUpNum, .thumbDownNum {
  padding-left: 5px;
}
.comment-write {
  padding: 15px;
}
.cWrite-body {
  display: none;
}
.cWrite-body.cWrite {
  display: block;
}
.cWrite-body li {
  margin-bottom: 10px;
}
.flatBoard .input100, .comment-write .btOpenWrite, .comment-write textarea {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 10px;
  margin: 0;
  width: 100%;
  font-size: 0.85em;
}
.comment-write .btOpenWrite {
  padding: 8px 10px 8px 35px;
  width: 80%;
  background-repeat: no-repeat;
  background-position: 10px center;
  text-align: left;
  float: left;
}
.comment-write textarea {
  font-size: 14px;
  height: 100px;
}
.comment-write .btDark, .comment-write .btLight {
  width: 18%;
  float: right;
}
/* write */
.write-form h3 {
  padding: 10px 0;
  text-align: center;
  font-size: 1em;
}
.write-form em {
  font: normal 1.2em/1 "verdana";
}
.write-form input, .write-form textarea, .write-form label {
  display: inline-block;
  vertical-align: top;
}
.write-form input[type="checkbox"] + label, .write-form input[type="radio"] + label {
  padding: 0 10px 0 3px;
  width: auto;
}
.write-form .exvar ul, .write-form .exvar li {
  display: inline-block;
  padding: 0;
  border: none;
}
.exvar.option {
  padding: 10px;
  background-color: transparent;
}
.exvar p {
  padding: 10px 10px 10px 23px;
  margin: 10px 0 -12px;
  font-size: 0.75em;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.write-form .dash {
  display: inline-block;
  padding: 0 5px;
}
.write-form .rx_simpleeditor {
  padding: 0;
}
.write-form .disc {
  padding-left: 63px;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-position: 21px center;
  font-size: 0.75em;
  line-height: 1.4em;
}
.comment-write .disc {
  padding: 10px 10px 10px 63px;
  margin-bottom: 15px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 21px center;
  font-size: 0.75em;
  line-height: 1.4em;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.write-form .write_limit {
  text-align: center;
  font-size: 0.8em;
}
.write-form .write_limit a {
  color: #666;
}
.write-form .write_limit_button_wrap {
  text-align: center;
}
.write-form .write_limit_button {
  justify-content: center;
  display: inline-block;
  margin: 10px;
  padding: 10px 20px;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
}
/* message & delete */
.login-wrap {
  padding: 30px 0 50px;
}
.origin-body, .flatBoard .message-body {
  width: 84%;
  max-width: 320px;
}
.origin-body {
  margin: 0 auto 15px;
  text-align: left;
}
.origin-body .title-wrap {
  border-bottom: none;
}
.message-body {
  margin: 0 auto;
  text-align: center;
}
.message-body .ff {
  padding: 20px;
}
.message-body input {
  margin-bottom: 20px;
}
.message-body h3 {
  padding: 30px 0 10px;
  font-size: 1em;
}
.login-wrap input[type="text"], .login-wrap input[type="password"], .login-wrap input[type="email"], .login-wrap input[type="url"], .login-wrap input[type="file"] {
  width: 92%;
  padding: 10px 4%;
  -webkit-appearance: none;
  font-size: 0.85em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* category */
.message-body.list-category h3 {
  padding: 10px 0;
}
.category-list {
  text-align: left;
}
.category-list a {
  display: block;
  padding: 12px 0 12px 34px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.category-list em {
  font-style: normal;
  font-size: 0.85em;
}
.category-list li:last-child {
  border-bottom: none;
}
.category-list li ul a {
  background-repeat: no-repeat;
  background-position: 18px center;
}
.category-list li ul li ul a {
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position: 35px center;
}
/* list */
/* m-list reply style */
.m-list-reply {
  display: block;
  position: absolute;
  top: 13px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 0.75em;
  letter-spacing: -1px;
  line-height: 30px;
  z-index: 20;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* list basic set */
.m-element nav a {
  display: block;
  padding: 12px 10px;
  font-size: 0.85em;
  letter-spacing: -1px;
}
.m-element nav li {
  display: inline-block;
}
.m-element section h3 {
  font-size: 0.85em;
  letter-spacing: -1px;
  font-weight: normal;
}
.m-element section h3 span {
  display: block;
  float: left;
  padding: 12px;
}
.m-element .list-link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.m-element .list li {
  position: relative;
  clear: both;
}
.m-element .list .no-list {
  padding-left: 10px;
}
.m-element .category {
  letter-spacing: -1px;
}
.m-element .notice-list {
  display: none;
}
.m-element .notice-list.on {
  display: block;
}
.m-element .notice-text {
  position: absolute;
  left: 10px;
  top: 11px;
  margin-right: 3px;
  padding: 2px 5px 4px;
  font-size: 0.75em;
  letter-spacing: -1px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.m-element .notice-el {
  display: inline-block;
  font-size: 0.8em;
}
.m-element .notice-list .reply.m-list-reply {
  top: 7px;
  height: 22px;
  line-height: 22px;
}
.m-element .notice-list .comment-image {
  position: absolute;
  top: 3px;
  right: 33px;
  z-index: 21;
}
.m-element .thumb-image.no-image {
  background-position: center center;
  background-repeat: no-repeat;
}
.thumb-container {
  display: block;
  position: relative;
}
.thumb-container .thumb-image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center center;
  background-size: cover;
}
/* list style - list */
.m-list input[type="checkbox"] {
  display: inline;
}
.m-list .list li {
  padding: 10px 0;
}
.m-list .list li.has-comment {
  padding-right: 45px;
}
.m-list .list li.has-thumb {
  padding-left: 58px;
  min-height: 48px;
}
.m-list .dummy {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 46px;
  height: 46px;
  border: 1px solid #000;
  opacity: 0.3;
  z-index: 10;
}
.m-list .thumb-image {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
}
.m-list .list-element {
  padding: 0 10px;
}
.m-list .list li .list-element li {
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
  border-bottom: none;
}
.m-list .list-element li:first-child, .m-list .list-element li:last-child {
  border-right: none !important;
}
.m-list .list-element li.el {
  display: inline-block;
  padding: 0 6px;
  font-size: 0.75em;
  line-height: 0.75em;
}
.m-list .list-element li:nth-child(2) {
  padding-left: 0;
}
.m-list .comment-image {
  position: absolute;
  top: 9px;
  right: 33px;
  z-index: 21;
}
/* list style - basic webzine */
.webzine-style .el {
  margin: 12px;
}
.webzine-style .summary {
  font-size: 0.85em;
  line-height: 1.4;
  word-break: break-all;
}
.webzine-style .info {
  margin-top: 14px;
  font-size: 0.75em;
}
.webzine-style .date {
  margin-right: 10px;
  padding-left: 18px;
}
.webzine-style .list .reply {
  padding-left: 18px;
}
.webzine-style .author {
  margin-right: 10px;
  padding-left: 18px;
}
.webzine-style .date, .webzine-style .list .reply, .webzine-style .author {
  background-repeat: no-repeat;
  background-position: left center;
}
/* list bubble style */
.bubble {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.bubble .thumb-container {
  width: 100%;
}
.bubble .thumb-container .dummy {
  padding-top: 50%;
}
/* list style - gallery */
.m-gallery .list {
  padding-bottom: 12px;
  text-align: center;
}
.m-gallery .list li {
  display: inline-block;
  padding: 0 1.5%;
  padding-top: 12px;
  width: 28%;
  max-width: 220px;
  letter-spacing: -1px;
  text-align: left;
  vertical-align: top;
}
.m-gallery .title, .m-gallery .category {
  font-size: 0.8em;
}
.m-gallery .category {
  margin-bottom: 3px;
}
.m-gallery .thumb-image {
  display: block;
  position: relative;
  margin-bottom: 7px;
  height: 80px;
  background-position: center center;
  background-size: cover;
}
.m-gallery .info {
  padding-top: 5px;
  font-size: 0.75em;
}
.m-gallery .name {
  margin-right: 5px;
}
.gr {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 4px 3px;
  background-color: #000;
  color: #FFF;
  opacity: 0.6;
  font-size: 0.75em;
  line-height: 1em;
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  -ms-border-radius: 0 0 0 3px;
  -o-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}
/* list style - news */
.m-news .list li {
  padding: 11px 10px;
}
.m-news .list li.has-comment {
  padding-right: 45px;
}
.m-element.m-news .reply.m-list-reply {
  top: 8px;
  height: 22px;
  line-height: 22px;
}
.m-news .comment-image {
  position: absolute;
  top: 4px;
  right: 33px;
  z-index: 21;
}
.m-news .info {
  display: none;
}
.m-news.webzine-style .info {
  display: block;
  margin-top: 10px;
}
/* list style - ranking */
.m-ranking .list {
  counter-reset: item;
}
.m-ranking .list li {
  padding-left: 40px;
}
.m-ranking .list li:before {
  content: counter(item) "  ";
  counter-increment: item;
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 0;
  width: 22px;
  font-size: 0.75em;
  color: #FFF;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/* list style - image news */
.m-imagenews .list li {
  height: 150px;
  background-position: center center;
  background-size: cover;
}
.m-imagenews .info {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 50;
}
.m-imagenews .info span {
  display: block;
  float: left;
  padding: 2px 5px 4px;
  color: #FFF;
}
.m-imagenews .info span.category, .m-imagenews .info span.name {
  font-size: 0.75em;
  letter-spacing: -1px;
}
.m-imagenews .info span.title {
  clear: left;
  margin-right: 12px;
  background-color: #000;
  opacity: 0.7;
  font-size: 1em;
}
/* list style - webzine */
.m-webzine .thumb-image {
  float: left;
  margin-left: 4%;
  margin-top: 12px;
  margin-bottom: 12px;
  width: 28%;
  height: 80px;
  background-position: center center;
  background-size: cover;
}
.m-webzine .webzine-container {
  float: right;
  width: 68%;
}
.m-webzine .webzine-container .title {
  margin-bottom: 6px;
}
.m-webzine .summary {
  margin: 6px 12px;
  word-break: break-all;
}
/* list style - talk box */
.m-talkbox .list {
  padding-top: 12px;
}
.m-talkbox .list li {
  position: relative;
  padding: 0 12px 12px 0;
}
.m-talkbox .name {
  position: absolute;
  top: 0;
  left: 10px;
  width: 50px;
  text-align: center;
}
.m-talkbox .bubble {
  float: right;
  position: relative;
}
.m-talkbox .bubble:after {
  content: "";
  position: absolute;
  top: 10px;
  left: -10px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  display: block;
  width: 0;
  z-index: 1;
}
.m-talkbox .profile-image {
  margin: 0 auto;
  width: 40px;
  height: 40px;
}
.m-talkbox .name-text {
  margin-top: 5px;
  font-size: 0.75em;
  letter-spacing: -1px;
}
/* list style - blog */
.m-blogbox .list {
  padding-top: 12px;
}
.m-blogbox .list li {
  padding: 0 12px 12px;
}
.m-blogbox .bubble {
  position: relative;
}
.m-blogbox .thumb-image {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
/* Micro ClearFix Mixin */
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* phone style */
@media screen and (max-width: 767px) {
  /* board */
  .comment-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
  }
  .comment-control {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 170;
  }
  .comment-control td {
    vertical-align: middle;
    text-align: center;
  }
  .comment-control ul {
    margin: auto;
    width: 60%;
    background-color: #FFF;
    text-align: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 10px #333;
    -moz-box-shadow: 0 1px 10px #333;
    -webkit-box-shadow: 0 1px 10px #333;
  }
  .comment-control li {
    height: 38px;
    clear: both;
  }
  .comment-control li span {
    float: left;
    display: block;
    margin-right: 10px;
    width: 40px;
    height: 38px;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;
  }
  .bt-cc-reply {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/wiReply@2x.png");
    background-size: 14px 12px;
  }
  .bt-cc-edit {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/wiEdit@2x.png");
    background-size: 14px 14px;
  }
  .bt-cc-del {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/wiDel@2x.png");
    background-size: 13px 14px;
  }
  .bt-cc-memberInfo {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/wiMemberInfo@2x.png");
    background-size: 12px 14px;
  }
  .bt-cc-document {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/wiDocument2@2x.png");
    background-size: 14px 14px;
  }
  .bt-cc-email {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/wiEmail@2x.png");
    background-size: 16px 10px;
  }
  .bt-cc-declare {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/wiWarn2@2x.png");
    background-size: 14px 13px;
  }
  .comment-control li a {
    display: block;
    height: 38px;
    line-height: 38px;
  }
  .bt-cc-cancel {
    text-align: center;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
  }
  .comment-control li:first-child span {
    -webkit-border-radius: 7px 0 0 0;
    -moz-border-radius: 7px 0 0 0;
    -ms-border-radius: 7px 0 0 0;
    -o-border-radius: 7px 0 0 0;
    border-radius: 7px 0 0 0;
  }
  .comment-control li:first-child a.bt-cc-cancel {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  .comment-control li:last-child {
    border-bottom: none;
  }
  .comment-control-dummy {
    z-index: 160 !important;
  }
  .comment-vote {
    padding-top: 20px;
  }
  .comment-vote button {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }
  .comment-vote button.thumbUp {
    margin-right: 10px;
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/biThumbUp@2x.png");
    background-size: 29px 32px;
  }
  .comment-vote button.thumbDown {
    background-image: url("../../../../modules/board/m.skins/flatBoard/images/biThumbDown@2x.png");
    background-size: 29px 32px;
  }
  .flatBoard .pad {
    display: none;
  }
  .secret-comment .input100 {
    width: 75%;
  }
  .secret-comment .btCancel {
    width: 23%;
  }
  .write-form li {
    padding: 12px 0;
  }
  .write-form select {
    display: inline-block;
    padding: 2px 13px 0 0;
    margin: 0;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    background: url("../../../../modules/board/m.skins/flatBoard/images/biArrowDown.png") no-repeat right center;
    line-height: 1;
    font-size: 0.9em;
    vertical-align: top;
  }
  .flatBoard .write-form input, .flatBoard .write-form textarea {
    padding: 0 10px 0 0;
    background: none;
    border: none;
    font-size: 0.85em;
  }
  .flatBoard .write-form input:focus, .flatBoard .write-form textarea:focus {
    border: none;
    background: transparent;
  }
  .write-form label {
    padding: 1px 10px 0;
    font-size: 0.85em;
  }
  .write-form .bt-wrap {
    padding: 12px;
  }
}
/* phone-wide size */
@media screen and (min-width: 568px) {
  /* board */
  .flatBoard .m-webzine .thumb-image {
    margin-left: 12px;
    width: 130px;
  }
  .flatBoard .m-gallery .thumb-image {
    height: 120px;
  }
  .flatBoard .tbtc {
    float: right;
    width: 50%;
  }
  .flatBoard .dummy.tbd {
    padding-top: 0;
    height: 150px;
  }
  .has-thumbnail .left-side {
    clear: left;
    float: left;
    width: 48%;
  }
  .left-side.title {
    margin-bottom: 0;
    width: 45%;
  }
  .thumb-image.tbi {
    -webkit-border-radius: 8 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
  }
}
/* pad style */
@media screen and (min-width: 768px) {
  /* baord */
  .m-blogbox .thumb-container {
    width: 320px;
  }
  .m-talkbox .thumb-container {
    width: 320px;
  }
  .flatBoard .bt-wrap-full .btCancel, .flatBoard .bt-wrap-full .btSubmit {
    float: none;
    display: inline-block;
    padding: 0 15px;
    width: auto;
  }
  .read-secret {
    text-align: center;
  }
  .read-secret .input100 {
    width: 20%;
    min-width: 250px;
  }
  .read-secret .bt-wrap {
    padding-top: 30px;
  }
  .comment-list li {
    position: relative;
  }
  .comment-el .name, .comment-body {
    margin-left: 50px;
  }
  .comment-control table {
    border-collapse: collapse;
  }
  .comment-control td {
    padding: 0 0 10px 55px;
  }
  .comment-control li {
    float: right;
    margin-right: 5px;
    border-bottom: none;
  }
  .comment-control li:last-child {
    display: none;
  }
  .comment-control a {
    display: inline-block;
    margin: 0;
    padding: 5px 7px;
    font-size: 0.85em;
    letter-spacing: -1px;
    line-height: 1;
    letter-spacing: -1px;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  .comment-control .btClose {
    display: none;
  }
  .cWrite-body li {
    display: inline-block;
    width: 20%;
  }
  .cWrite-body li.textarea-wrap {
    width: 100%;
  }
  .cWrite-body .bt-wrap {
    padding: 15px 0;
  }
  .secret-comment .input100 {
    width: 180px;
  }
  .secret-comment .btCancel {
    width: 50px;
  }
  .flatBoard .phone {
    display: none;
  }
  .write-form li {
    padding: 10px 0;
  }
  .write-form label {
    padding: 8px 10px 0;
    width: 100px;
  }
  .write-form input, .write-form textarea {
    padding: 8px 10px;
    margin: 0;
    font-size: 0.85em;
  }
  .write-form .dash {
    padding: 8px 5px;
  }
  .write-form .bt-wrap {
    padding: 20px 0 30px;
  }
}
/* phone-wide size < pad */
@media screen and (min-width: 568px) and (max-width: 767px) {
  /* main list & board list */
  .m-imagenews ul li .info {
    bottom: 24px;
    left: 24px;
  }
  .m-imagenews ul li .info span {
    margin-right: 24px;
  }
  .m-imagenews ul li .info span.category {
    font-size: 1em;
  }
  .m-imagenews ul li .info span.title {
    font-size: 1.4em;
  }
}
/*file upload*/
#files a {
  text-decoration: none;
}
#files {
  list-style: none;
  padding: 0;
  margin: 0;
}
#files li {
  position: relative;
  padding-left: 10px;
}
#files li img {
  float: left;
  width: 80px;
  height: auto;
}
#files li .filename {
  padding-left: 100px;
  padding-right: 10px;
  word-break: break-all;
  font-size: 0.85em;
}
#files li .bt {
  display: inline-block;
  margin-top: 5px;
}
.fileup fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.fileup-input-wrap {
  position: relative;
  padding: 12px;
}
.fileup-input-wrap .btSubmit {
  width: 20%;
}
.fileup-input {
  position: absolute;
  top: 18px;
  width: 60%;
}
/*LI-NA Edit*/
.write-form textarea[name=content], .write-form input[name=title] {
  width: 75%;
}
.comment .show_more {
  padding: 10px;
  text-align: center;
  border: 1px solid #e1e1e1;
  border-left: none;
  border-right: none;
  background: #f1f1f1;
  margin-top: 10px;
  cursor: pointer;
  display: none;
}
/*
.xe_content img {
	display:none;
}

.xe_content .img_hidden_for_datasave {
	border:1px dotted #2d4d6e;
	padding:5px;
	font-size:12px; 
}
*/
#container ul.list-element li.title a.preface {
  color: #375472;
}
ul.document_filter {
  width: 100%;
  display: table;
}
ul.document_filter li {
  display: table-cell;
  text-align: center;
  background: #2d4d6e;
  color: #fff;
  font-size: 13px;
}
ul.document_filter li.active {
  background: #fff;
  color: #000;
}
ul.document_filter li a {
  display: block;
  padding: 10px;
  color: #fff;
}
ul.document_filter li.active a {
  color: #000;
}
.hide_notice li {
  display: none;
}
.hide_notice li.nofn {
  display: block;
}
.hide_notice li.nofnhide {
  display: none;
}
.notice_expand {
  display: none;
  cursor: pointer;
  text-align: center;
  padding: 10px !important;
  background: #fafafa;
  font-size: 12px;
}
.hide_notice .notice_expand {
  display: block;
}
.m-list .reply.reply_count:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQTM3OEU5NDM3QkMxMUUzQjBEOUNERkE5NTExRTQxOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQTM3OEU5NTM3QkMxMUUzQjBEOUNERkE5NTExRTQxOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNBMzc4RTkyMzdCQzExRTNCMEQ5Q0RGQTk1MTFFNDE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNBMzc4RTkzMzdCQzExRTNCMEQ5Q0RGQTk1MTFFNDE5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cdLSygAAAY9JREFUeNrMljFPwkAUx1+B0Q6EoZQmZWNzw6Gb7oofRXGVUVfxs6i7WxnwEzSxsTVpIIQwFJIuEN+f3JHGoBC5Q17yb66vzf/Xd72+q+H7Pom4YLVZJ6wjUhNTVp/14HneCxIFceGO9cQ6Uwgj4QXP516vBwYZXOE5Ejip1+tkWRYVi0UltPl8ToPBgOI4lqlWiQ83GLmuS7VajVQGHtxxHDIMg6IoQqqNKW1iVK1WSVdg1kQ0ATTl0+iKnLdZoD3HYQF5KS+1a/5fKyz9dpG7g5L84b5DXcBUtiFdkfOeAviG0XA41AbMefcB7GKEXpckidJK4QVP0UcRXUPsh9g6bvM3m6ZJtm1TpVJZa7ZYLCgMQ0rTlLIs24Z/z6u4IxdNh3XJemXNkIBREAQ0Ho/XwnBtNBptgs2EZwswuR/+dPO1nO5Go7GqVMImkwlOP7HBstm7is/iUfxyrCrdFbax0wjo8mUDVC6XJSwWvw6hjg9/VamAYcmd/gW2TYXfK70SlX3so7UBerwLDPElwADb1KwA4QExhQAAAABJRU5ErkJggg==");
  width: 14px;
  height: 12px;
  background-size: 14px 12px;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
}
.m-list ul.notice-list li {
  padding: 10px;
  position: relative;
  font-weight: bold;
}
.m-list ul.notice-list li.image_notice {
  padding: 0px;
  font-size: 0px;
}
.m-list ul.notice-list li.image_notice img {
  width: auto;
  max-width: 100%;
}
.m-list ul.notice-list li.notice_expand {
  border-left: none;
  font-size: 0.8em;
}
.m-list ul.notice-list li span.reply_count {
  font-weight: bold;
  color: #dc3545;
  font-size: 0.8em;
}
.m-list ul.notice-list .event_notice {
  background: #fff8c7;
}
.m-list .list li.has-comment {
  padding-right: 45px;
}
.m-list .list li.selected {
  background: #f1f1f1;
}
.m-list .list li .list-element li.title {
  font-size: 0.95em;
}
.m-list .list li .list-element li.title .svg-inline--fa {
  font-size: 0.8em;
  color: #666;
}
.m-list .list li .list-element li.title span.reply_count {
  font-weight: bold;
  color: #dc3545;
  font-size: 0.8em;
}
.hot_checkbox {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.hot_checkbox .checkbox {
  position: absolute;
  margin: 8px 0 0 24px;
}
.hot_checkbox .checkbox + label {
  position: relative;
  padding: 5px 0 0 50px;
  line-height: 2em;
}
.hot_checkbox .checkbox + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 48px;
  /* x*5 */
  height: 25px;
  /* x*3 */
  border-radius: 0px;
  /* x*2 */
  background: #f1f1f1;
  border: 0px solid #f1f1f1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hot_checkbox .checkbox + label:after {
  content: "HOT";
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 32px;
  /* x*3 */
  height: 23px;
  /* x*3 */
  border-radius: 0px;
  /* x*2 */
  background: #fff;
  color: #999;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hot_checkbox .checkbox:checked + label:after {
  margin-left: 16px;
  color: #333;
}
.hot_checkbox .checkbox:checked + label:before {
  background: #2d4d6e;
}
.footer_bar {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 45;
}
.footer_bar > div {
  padding: 0px 5px;
  position: relative;
  height: 46px;
  background: #f8f8f8;
  line-height: 46px;
  z-index: 123456;
  border-top: 1px solid #dddddd;
  font-size: 0.8em;
  letter-spacing: -1px;
}
.footer_bar > div div.button {
  position: relative;
  padding: 0px 10px;
}
.footer_bar > div div.button a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
}
.footer_bar > div div.button .svg-inline--fa {
  margin-right: 7px;
}
.footer_bar > div div.button.active {
  color: #375472;
  text-shadow: 1px 0 0 currentColor;
}
.footer_bar > div .fr {
  float: right;
}
.footer_bar > div .fl {
  float: left;
}
.footer_bar > div.list .search_bar {
  display: none;
  height: 41px;
  line-height: 41px;
  top: -43px;
  background: #f3f3f3;
  position: absolute;
  left: 0px;
  right: 0px;
  border-top: 1px solid #dddddd;
  padding-left: 80px;
  padding-right: 55px;
}
.footer_bar > div.list .search_bar select {
  position: absolute;
  left: 10px;
  right: 0px;
  letter-spacing: -1px;
  width: 66px;
  height: 41px;
  line-height: 41px;
  border: none;
  background: transparent;
}
.footer_bar > div.list .search_bar input[type=search] {
  width: 100%;
  height: 41px;
  line-height: 41px;
  padding: 0px;
  border: none;
  background: transparent;
}
.footer_bar > div.list .search_bar button {
  position: absolute;
  right: 0px;
  width: 50px;
  height: 41px;
  top: 0px;
  line-height: 41px;
  text-align: center;
  border: none;
  background: #375472;
  color: #fff;
}
.footer_bar > div.read div.share {
  display: none;
  position: absolute;
  height: 40px;
  line-height: 40px;
  top: -50px;
  z-index: 12345;
}
.footer_bar > div.read #comment_write {
  transform: translate3d(0, 0, 0);
  display: none;
  bottom: 0px;
  background: #fafafa;
  position: absolute;
  left: 0px;
  right: 0px;
  border-top: 1px solid #dddddd;
  line-height: 1.2;
  padding-left: 30px;
  padding-right: 40px;
}
.footer_bar > div.read #comment_write button {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 40px;
  right: 0px;
  line-height: 40px;
  background: #375472;
  color: #fff;
  padding: 0;
  border: none;
  text-align: center;
}
.footer_bar > div.read #comment_write textarea {
  border: none;
  background: transparent;
  padding: 5px 5px;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.6;
  resize: none;
}
.footer_bar > div.read #comment_write div.tqu-container {
  display: none;
}
.footer_bar > div.read #comment_write i.upload_icon {
  display: block;
  position: absolute;
  top: 10px;
  left: 9px;
  font-size: 1.5em;
  color: #2d4d6e;
}
.footer_bar > div.read.replyMode {
  height: 0px;
}
.footer_bar > div.read.replyMode > div {
  display: none;
}
.footer_bar > div.read.replyMode > div#comment_write {
  display: block;
}
#container.iphonex .footer_bar {
  padding-bottom: calc(env(safe-area-inset-bottom) + 15px);
  background: #f8f8f8;
}
.theqoo_pagination {
  clear: both;
  text-align: center;
  margin-bottom: 10px;
}
.theqoo_pagination ul {
  font-size: 0px;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.theqoo_pagination ul li {
  font-size: 12px;
  display: inline-block;
  border: none;
  background: none;
  margin: 0;
  text-decoration: none !important;
}
.theqoo_pagination ul li.hover {
  text-decoration: none !important;
}
.theqoo_pagination ul li.hover a {
  text-decoration: none !important;
}
.theqoo_pagination ul li.bubble a {
  border: none;
}
.theqoo_pagination ul li.bubble.hover a {
  background: transparent;
  color: #375472;
  text-decoration: none !important;
}
.theqoo_pagination ul li.next a, .theqoo_pagination ul li.prev a {
  border: none;
  cursor: pointer;
}
.theqoo_pagination ul li.next a.disable, .theqoo_pagination ul li.prev a.disable {
  color: #ccc;
  cursor: initial;
}
.theqoo_pagination ul li.next:hover a, .theqoo_pagination ul li.prev:hover a {
  background: transparent;
  color: #375472;
}
.theqoo_pagination ul li.next:hover a.disable, .theqoo_pagination ul li.prev:hover a.disable {
  color: #ccc;
}
.theqoo_pagination ul li a {
  float: none;
  min-width: 32px;
  min-height: 32px;
  line-height: 32px;
  display: block;
  padding: 0;
  margin: 0;
  border-color: transparent;
  color: #666;
  text-decoration: none !important;
  text-align: center;
}
.theqoo_pagination ul li a:hover {
  text-decoration: none !important;
  background: #e2e2e2;
}
.theqoo_pagination ul li.active a {
  background: #375472;
  border-color: #375472;
  color: #fff;
}
.theqoo-category-area {
  padding-right: 30px;
  position: relative;
}
.theqoo-category-area .scroll {
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  height: 35px;
  margin-bottom: -2px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.theqoo-category-area .scroll::-webkit-scrollbar {
  display: none;
}
.theqoo-category-area .scroll a {
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  line-height: 25px;
}
.theqoo-category-area .scroll a.active {
  border-bottom: 2px solid #2d4d6e;
  padding-bottom: 3px;
  color: #2d4d6e;
}
.theqoo-category-area > .fa-ellipsis-h {
  position: absolute;
  bottom: 9px;
  right: 5px;
  color: #cccccc;
}
.theqoo-category-area > .fa-ellipsis-h:hover {
  color: #666666;
}
.theqoo-category-area.category-expand {
  padding-right: 0px;
}
.theqoo-category-area.category-expand .scroll {
  overflow: auto;
  background: #fff;
  white-space: normal;
  width: 100%;
  height: auto;
  border-bottom: 2px solid #e1e1e1;
  z-index: 12345;
}
.theqoo-category-area.category-expand > .fa-ellipsis-h {
  right: 10px;
  bottom: 10px;
  color: #666666;
}
.read-more li {
  font-size: 0.75em;
}
.read-more li a {
  display: block;
  padding: 8px 10px;
}
.read-more li a .svg-inline--fa {
  margin-right: 10px;
  color: #2d4d6e;
}
#comment .read-control {
  background: #fff;
  border-bottom: 2px solid #e9e9e9;
}
div.write-form form.ff > ul li {
  padding: 12px 10px;
}
div.write-form form.ff > ul li textarea, div.write-form form.ff > ul li input[name=title] {
  width: 100%;
  padding: 0px;
}
.button_area {
  padding: 10px;
}
.button_area a {
  display: block;
}
.button_area .fl {
  float: left;
}
.button_area .fr {
  float: right;
}
.button_area:after {
  clear: both;
  content: "";
  display: block;
}
.legacy_search_bar {
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 41px;
  line-height: 41px;
  background: #f3f3f3;
  border-top: 1px solid #dddddd;
  padding-left: 80px;
  padding-right: 55px;
  font-size: 0.9em;
}
.legacy_search_bar select {
  position: absolute;
  left: 10px;
  right: 0px;
  letter-spacing: -1px;
  width: 66px;
  height: 41px;
  line-height: 41px;
  border: none;
  background: transparent;
}
.legacy_search_bar input[type=search] {
  width: 100%;
  height: 41px;
  line-height: 41px;
  padding: 0px;
  border: none;
  background: transparent;
}
.legacy_search_bar button {
  position: absolute;
  right: 0px;
  width: 50px;
  height: 41px;
  top: 0px;
  line-height: 41px;
  text-align: center;
  border: none;
  background: #375472;
  color: #fff;
}
.refresh_new_comment {
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  background: #f2f2f2;
  cursor: pointer;
  font-size: 0.8em;
}
.no_find_reply {
  color: #A70C00;
  margin-bottom: -5px;
  margin-top: 5px;
  text-align: center;
}
.read-control {
  position: relative;
}
.read-control .buttons {
  position: absolute;
  right: 0px;
  top: 0px;
}
.read-control .buttons .button {
  position: relative;
  padding: 0px 10px;
  line-height: 40px;
  font-size: 0.9em;
  letter-spacing: -1px;
}
.read-control .buttons .button a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
}
.read-control .buttons .button .svg-inline--fa {
  margin-right: 7px;
}
.read-control .buttons .button.fr {
  float: right;
}
.read-control .buttons .button.notext .svg-inline--fa {
  margin-right: 0px;
}
.read-control .buttons .share {
  z-index: 12345;
  width: 176px;
  top: 40px;
}
.comment-list li.mine {
  background: #E7F1F7;
}
/* 공유하기 */
#share_theqoo {
  display: inline-block;
  height: 40px !important;
}
#share_container {
  display: none;
  width: 93px;
}
#share_container a {
  display: inline-block !important;
  position: relative !important;
  float: left;
  width: 25px !important;
  padding: 6px 3px 3px 3px;
}
#share_container a img {
  width: 25px;
}
/* 바텀바 */
footer.main-footer {
  margin-bottom: 50px;
}
footer.main-footer.none_margin_bottom {
  margin-bottom: 0;
}
#BOTTOM_BAR {
  background: #fff;
  border-top: 1px solid #e1e1e1;
  height: 50px;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 45;
}
#BOTTOM_BAR .bar_container {
  padding: 0 10px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
#BOTTOM_BAR .bar_container li {
  list-style: none;
  display: inline-block;
}
#BOTTOM_BAR .bar_container li.fr {
  float: right;
}
#BOTTOM_BAR .bar_container li a {
  display: inline-block;
  padding: 0 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #666;
  font-size: 0.8em;
}
#BOTTOM_BAR .bar_container li a:hover {
  color: #375472;
}
#BOTTOM_BAR .bar_container li a .icon {
  display: inline-block;
}
#BOTTOM_COMMENT_BAR {
  display: none;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  height: 80px;
  position: fixed;
  bottom: 50px;
  z-index: 45;
  width: 100%;
}
#BOTTOM_COMMENT_BAR .bar_container {
  padding: 20px;
  height: 150px;
  overflow: hidden;
}
#BOTTOM_COMMENT_BAR .bar_container .textarea-wrap {
  display: inline-block;
  width: 100%;
}
#BOTTOM_COMMENT_BAR .bar_container .textarea-wrap .comment_input {
  display: inline-block;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  width: 77%;
  height: 40px;
  padding: 8px 10px;
  font-size: 14px;
  box-sizing: border-box;
}
#BOTTOM_COMMENT_BAR .bar_container .textarea-wrap button.btSubmit {
  background: #2d4d6e;
  color: #fff;
  top: 0;
  z-index: 46;
  display: inline-block;
  float: right;
  width: 20%;
  border: none;
  line-height: 40px;
  height: 40px;
  text-align: center;
  font-size: 0.85em;
}
#BOTTOM_SHARE_BAR {
  display: none;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  height: 50px;
  position: fixed;
  bottom: 50px;
  z-index: 45;
  width: 100%;
}
#BOTTOM_SHARE_BAR ul {
  position: relative;
  display: flex;
}
#BOTTOM_SHARE_BAR ul li {
  list-style: none;
  display: inline-block;
  width: 50px;
  line-height: 50px;
  height: 50px;
  text-align: center;
}
#BOTTOM_SHARE_BAR ul li a {
  display: block;
  padding: 10px 0;
}
#BOTTOM_SHARE_BAR ul li a img {
  display: inline-block;
  width: 30px;
}
#BOTTOM_SEARCH_BAR {
  display: none;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  height: 80px;
  position: fixed;
  bottom: 50px;
  z-index: 45;
  width: 100%;
}
#BOTTOM_SEARCH_BAR .bar_container {
  padding: 20px;
  height: 150px;
  overflow: hidden;
}
#BOTTOM_SEARCH_BAR .bar_container .textarea-wrap {
  display: inline-block;
  width: 100%;
}
#BOTTOM_SEARCH_BAR .bar_container .textarea-wrap .search_target {
  display: inline-block;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  width: 20%;
  height: 40px;
  padding: 8px 10px;
  font-size: 14px;
  box-sizing: border-box;
}
#BOTTOM_SEARCH_BAR .bar_container .textarea-wrap .comment_input {
  display: inline-block;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  width: 55%;
  height: 40px;
  padding: 8px 10px;
  font-size: 14px;
  box-sizing: border-box;
}
#BOTTOM_SEARCH_BAR .bar_container .textarea-wrap button.btSubmit {
  background: #2d4d6e;
  color: #fff;
  top: 0;
  z-index: 46;
  display: inline-block;
  float: right;
  width: 20%;
  border: none;
  line-height: 40px;
  height: 40px;
  text-align: center;
  font-size: 0.85em;
}
.margin_left_5 {
  margin-left: 5px;
}
/*# sourceMappingURL=ff0006648efa5e6869da22094cd07ba5394aa22e.board.scss.map */