@import url(https://fonts.googleapis.com/css?family=Roboto);
/*@import url(/fonts/font-awesome/css/font-awesome.css)*/
@charset "
utf-8"
;
.board img {
    border:0
}
.board,.board button,.board input,.board label,.board select,.board table,.board textarea {
    font-size:12px;
    font-family:'Roboto','Kopub Dotum',돋움,Dotum,Tahoma,Geneva,sans-serif
}
.board select {
    margin:0
}
.board .iCheck {
    width:13px;
    height:13px;
    margin:0;
    vertical-align:middle
}
.board .iCheck+label {
    vertical-align:middle
}
.board .iText {
    position:relative;
    padding:3px 4px;
    height:17px;
    line-height:17px;
    border:1px solid #a6a6a6;
    border-right-color:#d8d8d8;
    border-bottom-color:#d8d8d8;
    background:0 0;
}
.board textarea {
    margin:0;
    padding:3px 4px;
    border:1px solid #a6a6a6;
    border-right-color:#d8d8d8;
    border-bottom-color:#d8d8d8
}
.board label {
    display:inline-block;
    margin:0
}
.board_header {
    position:relative;
    zoom:1;
    margin:0 0 22px
}
.board_header:after {
    content:"
    "
    ;
    display:block;
    clear:both
}
.board_header h2 {
    margin:0;
    float:left
}
.board_header .setup {
    float:right;
    width:16px;
    height:0;
    padding:16px 0 0;
    overflow:hidden;
    background:url(icoSet.gif) no-repeat 1px -239px;
}
.cTab {
    position:relative;
    margin:0 0 35px;
    padding:0;
    font-family: 'Quicksand',sans-serif;
    font-size: 16px;
    list-style:none;
    zoom:1;
}
.cTab:after {
    content:"
    "
    ;
    display:block;
    clear:both
}
.cTab li {
    float:left;
    margin:0 2px 0 0;
    border:1px solid #ccc;
    border-top:0;
    border-bottom:0;
    transition: 0.7s;
    font-size:16px;
       font-family:'NotosansKrbold',helvetica,sans-serif;
}

.cTab li:hover{
    background:#444;
    color:#fff;
}

.cTab li.on {
    border-top:0;
    margin-bottom:0px;
    background:#444;
}
.cTab li a {
    position:relative;
    top:-1px;
    border-top:1px solid #ccc;
    float:left;
    height:25px;
    line-height:25px;
    padding:5px 20px;
    font-size:12px;
    text-decoration:none;
    color:#444;
    font-weight:700;
    margin-left:-1px;
    font-size:14px;
    font-family: 'Quicksand',sans-serif;
    text-transform: uppercase;
}

.cTab li em {
    
    color:#767676;
    padding:0 0 0 2px;
}
.cTab li.on a {
    background: #444;
    color:#fff;
    top:-1px;
    border-top:1px solid #999
}

.cTab li a:hover{
    color:#fff;
}
.cTab ul {
    display:none;
    position:absolute;
    top:30px;
    left:0;
    margin:0;
    padding:0
}
.cTab li.on ul {
    display:block;
    overflow:hidden;
    white-space:nowrap
}
.cTab li.on ul li {
    position:relative;
    left:1px;
    float:none;
    display:inline;
    margin:0;
    padding:0 15px;
    list-style:none;
    border:0;
    border-right:1px solid #ddd
}
.cTab li.on ul li a {
    border:0;
    top:0;
    float:none;
    line-height:none;
    padding:0;
    font-family:돋움,Dotum;

    font-weight:400
}
.cTab li.on ul li.on_ a {
    font-weight:700;
    /*color:#3912b3*/
}
.board_list {

}
.board_list table {
    border:0;
    border-bottom:1px solid #cdcdcd;
    color:#4a4a4a;
 
}
.board_list a {
    text-decoration:none;
    color:#222;
}
.board_list a:active,.board_list a:focus,.board_list a:hover {
    opacity:0.6;
}
.board_list thead > tr:first-of-type{
    background:#444;
}
.board_list th {
    border:0;
    padding:8px 0 9px;
    height:20px;
    color:#fff;
    white-space:nowrap;
}
.board_list th:first-child span {
    border:0
}
.board_list th span {
    display:block;
    border-left:1px solid #c7c7c7;
    padding:0 15px;
    height:14px
}
.board_list tr.notice {
    background:#f6f6f6;
}
.board_list tr.notice td.title a {
    font-weight:700
}
.board_list td {
    border:0;
    border-bottom:1px solid #e6e6e6;
    padding:8px 10px;
    white-space:nowrap;
    vertical-align:top
}
.board_list tr:last-child td {
    border:0
}
.board_list td.notice {
    text-align:center
}
.board_list td.no {
    text-align:center;
    font:11px Tahoma,Geneva,sans-serif
}
.board_list td.title {
    white-space:normal;
    line-height:1.4;
    width:100%
}
.board_list td.author img {
    position:relative;
    top:-1px
}
.board_list td.lastReply a,.board_list td.readNum,.board_list td.time,.board_list td.voteNum {
    text-align:center;
    font:11px Tahoma,Geneva,sans-serif
}
.board_list td.lastReply sub {
    font:9px Tahoma,Geneva,sans-serif
}
.board_list td.check {
    text-align:center
}
.list_footer {
    position:relative;
    margin:15px 0;
    zoom:1
}
.list_footer:after {
    content:"
    "
    ;
    display:block;
    clear:both
}
.list_footer .btnArea {
    float:right;
    margin:0;
	font-size:1.5em;
}
.list_footer .bsToggle {
    float:right
    cursor:pointer;
    padding:25px 0 0;
    margin:0 4px 0 0;
    width:25px;
    height:25px;
    overflow:hidden;
    border:0;
    background:url(btnSearch.gif) no-repeat
}
.list_footer .board_search_btn {
    float:right
    position:relative;
    margin:0 4px 0 0;
	 float:right
    cursor:pointer;
    padding:25px 0 0;
    margin:0 4px 0 0;
    width:25px;
    height:25px;
    overflow:hidden;
    border:0;
    background:url(btnSearch.gif) no-repeat
}
.list_footer .board_search * {
    vertical-align:top;
	width:100px;
	outline:none;
}
.list_footer .board_search .iText {
	outline:none;
	height:16px;
    line-height:15px;
    padding:4px 4px 4px 4px;
    width:150px;
    border:1px solid #999;
	background:#fff;
}
.list_footer .board_search> input {
outline:none !important
}
.list_footer .board_search select {
    position:relative;
    height:26px;
    width:80px;
    padding:0;
	outline:none;
border:1px solid #999;
}
.list_footer .search_taret{
float:right;

}
.list_footer .tagSearch {
    display:inline-block;
    width:25px;
    height:0;
    padding:25px 0 0;
    overflow:hidden;
    background:url(btnSearch.gif) no-repeat 0 -25px
}
.board_write {
}
.write_header {
    margin-top:2em;
    display: block;
    padding: 0.5em 0px;
    position: relative;
}
.write_header * {
    vertical-align:middle
}
.write_header select {
    height:30px;
    width:140px;
    padding:0;
    vertical-align: middle;
}
.write_header .iText {
    width:360px;
    height: 22px;
    margin:0 10px 0 0;
    font-size:14px;
    background:#fff;
    vertical-align: middle;
    outline:none;
    border: 1px solid #a6a6a6;
}

.write_editor .xd {
    margin-top:-3px
}
.write_footer {
    overflow:hidden;
    margin:1em 0
}
.write_footer:after {
    content:"
    "
    ;
    display:block;
    clear:both
}
.write_footer .btnArea {
    float:right;
    margin:0
}
.write_option {
    margin:0 0 1em
}
.write_option label {
    margin:0 10px 0 0
}
.exForm {
    background:#fff;
    padding:10px 0
}
.exForm table {
    border:0;
    width:100%
}
.exForm caption {
    text-align:right;
    font-size:11px;
    padding:0 0 2px
}
.exForm td,.exForm th {
    border:0;
    vertical-align:top;
    border-top:1px solid #ddd
}
.exForm th {
    color:#333;
    text-align:left;
    padding:10px 5px 15px;
    white-space:nowrap
}
.exForm th label {
    cursor:default
}
.exForm td {
    color:#666;
    padding:8px 10px
}
.exForm em {
    font-style:normal;
    color:#f60
}
.exForm .address,.exForm .date,.exForm .email_address,.exForm .homepage,.exForm .tel,.exForm .text {
    padding:3px 4px;
    margin:0 4px 0 0;
    height:14px;
    line-height:14px;
    vertical-align:top;
    border:1px solid #A6A6A6;
    border-right-color:#D8D8D8;
    border-bottom-color:#D8D8D8
}
.exForm .address,.exForm .email_address,.exForm .homepage,.exForm .text {
    width:300px
}
.exForm .tel {
    width:40px
}
.exForm .date {
    width:120px
}
.exForm textarea {
    width:90%;
    padding:3px 4px;
    margin:0 4px 0 0;
    vertical-align:top;
    border:1px solid #A6A6A6;
    border-right-color:#D8D8D8;
    border-bottom-color:#D8D8D8
}
.exForm p {
    margin:5px 0 0;
    font-size:11px
}
.exForm ul {
    margin:0;
    padding:0;
    list-style:none
}
.exForm li {
    display:inline
}
.exForm li input {
    width:13px;
    height:13px;
    margin:0 4px 0 0;
    vertical-align:middle
}
.exForm li label {
    margin:0 15px 0 0
}
.exOut {
    background:#fff;
    padding:10px 0
}
.exOut table {
    border:0;
    width:100%
}
.exOut td,.exOut th {
    border:0;
    vertical-align:top;
    border-bottom:1px solid #ddd;
    padding:8px 15px
}
.exOut th {
    color:#333;
    text-align:left;
    white-space:nowrap
}
.exOut td {
    color:#666;
    width:100%
}
.board_read {
    width:100%;
	display:inline-block;
    zoom:1;
}
.read_header {
    display: block;
    position:relative;
    height:40px;
	clear:both
}
.read_header h1 {
    display: block;
    clear:both;
    width:inherit;
    height:40px;
    margin:0 0 0 0px;
    padding:10px;
    line-height:36px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    background: #444;
    color:#ddd;
}
.read_header h1 a {
    text-decoration:none;
    font-size:18px;
    color:#fff;
}
.read_header h1 .category {
    font-weight:400;
    font-size:14px;
    padding:5px;
    margin:0 5px 0 0;
    color:#ddd;
    background: rgba(255,255,255,0.1);
    border:1px solid #777;
}
.read_header h1 .time {
    float:right;
    margin:4px 10px;
    color:#bfbfbf;
    font-family: 'Roboto';
    font-size:14px;
}
.read_header .meta {
    display: block;
    height:10px;
    clear:both;
    margin:0;
    padding:8px 12px 15px 15px;
    background:rgba(9,9,9,0.1);
    zoom:1;
    white-space:nowrap;
}
.read_header .meta:after {
    content:"
    "
    ;
    display:block;
    clear:both
}
.read_header .meta .author {
    float:left;
    text-decoration:none;
    color:#666;
    font-weight:700;
    font-size:14px;
    line-height: 15px;
}
.read_header .meta .author img {
    margin-top:-1px
}
.read_header .meta .sum {
    font-weight:700;
    font-size:14px;
    line-height: 15px;
    float:right;
    color:#666;
}
.read_header .meta .sum .vote {
    border-left:1px solid #ccc;
    padding:0 0 0 10px;
    margin:0 0 0 6px
}
.read_body {
    max-width:900px;
    margin-top:70px;
    padding:15px;
    overflow-x:hidden;
	clear:both;
    word-wrap: break-word;
    word-break: break-all;
}
.read_body pre{
    white-space: pre-wrap;
    width: auto !important;
}

.read_body img{
    margin:0 auto;
    max-width:870px;
    height:auto;
}
.read_body .xe_content {
    color:#333
}
.read_footer {
    overflow:hidden;
    padding:10px;
}
.read_footer .fileList {
    margin:15px 0;
    display:inline;
    float:left
}
.read_footer .toggleFile {
    border:0;
    background:url(icoSet.gif) no-repeat 0 2px;
    cursor:pointer;
    overflow:visible;
    padding:0 0 0 15px;
    color:#4b4b4b
}
.read_footer .files {
    display:none;
    list-style:none;
    margin:15px 0;
    padding:0;
    line-height:16px;
}
.read_footer .files li {
    background:url(icoSet.gif) no-repeat 0 -28px;
    padding:0 0 0 15px
}
.read_footer .files a {
    color:#4b4b4b;
    position:relative;
    text-decoration:none
}
.read_footer .files a .fileSize {
    visibility:hidden;
    position:absolute;
    padding:1px 4px;
    left:100%;
    top:-4px;
    border:1px solid #ddd;
    font:11px Tahoma,Geneva,sans-serif;
    background:#fff;
    white-space:nowrap
}
.read_footer .files a:active .fileSize,.read_footer .files a:focus .fileSize,.read_footer .files a:hover .fileSize {
    visibility:visible
}
.read_footer .tns {
    float:right;
    margin:15px 0
}
.read_footer .tns a:active,.read_footer .tns a:focus,.read_footer .tns a:hover {
    text-decoration:underline
}
.read_footer .tags {
    display:inline-block;
    height:16px;
    font-size:11px;
    color:#666;
    vertical-align:top;
    padding:0 15px 0 32px;
    line-height:16px;
    background:url(icoSet.gif) no-repeat 0 -58px
}
.read_footer .tags a {
    text-decoration:none;
    color:#666
}
.read_footer .action {
    color:#333;
    line-height:14px;
    font-size:14px;
    padding:3px 5px;
    border:1px solid #333;
    margin:-5px 10px 0 0;
    display:inline-block;
}
.read_footer .sns {
    display:inline;
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:top
}
.read_footer .sns li {
    display:inline;
    vertical-align:top
}
.read_footer .sns a {
    display:inline-block;
    height:30px;
    line-height:28px;
    vertical-align: middle;
}
.read_footer .sns .link a:before {
    display: inline-block;
    width:28px;
    height:auto;
    display: inline-block;
    font-size:28px;
    font-family:'FontAwesome';
/*    background:url(icoSet.gif) no-repeat*/
}

.read_footer .sns .link a:hover:before{
    opacity:0.6;
}
.read_footer .sns .twitter a:before{
    content:'\f081';
    color:#1da1f2;
}
.read_footer .sns .facebook a:before {
    content: "\f082";
    color:#3b5998;
}
.read_footer .sns .delicious a:before {
    content:"\f1a5";
    color:#444;
}
.read_footer .sign {
    clear:both;
    margin:0 10px -1px 10px;
    overflow:hidden;
    zoom:1
}
.read_footer .sign >img{
    border:1px solid #ddd;
}
.read_footer .sign .pf {
    float:left;
    margin:0 15px 0 0;
    width:80px;
    height:80px
}
.read_footer .sign .tx {
    overflow:hidden;
    line-height:1.3;
    font-size:11px;
    border-left:1px dotted #ddd;
    padding:0 0 0 15px;
    color:#333
}
.read_footer .sign .tx * {
    margin:0
}
.read_footer .btnArea {
    clear:both;
    text-align:right;
    padding:1em 0;
    margin-top:1.2em;
}
.feedback {
    position:relative;
    border-top:2px dotted #bbb;
    color:#4b4b4b;
    margin:0 0 40px;
    word-wrap: break-word;
}
.feedback pre{
    white-space: pre-wrap;
    width: auto !important;
}
.feedback .fbHeader {
    position:relative;
    height:30px;
    padding:0 0 0 0px;
    line-height:30px;
/*    background:#f5f5f5 url(icoSet.gif) no-repeat;*/
    margin:10px;
}
#trackback .fbHeader {
}
#comment .fbHeader {
}
#comment .fbHeader:before{
    content:"\f075";
    font-family: 'FontAwesome'; 
    font-size:18px;
    color:#444;
}
#comment .fbHeader .wComment {
    position:absolute;
    top:10px;
    right:15px;
    padding:0 0 0 18px;
    text-decoration:none;
    color:#666;
    line-height:1;
    background:url(icoSet.gif) no-repeat 0 -150px
}
.feedback .fbHeader h2 {
    margin:0;
    font-size:16px;
    display:inline
}
.feedback .fbHeader h2 em {
    font-style:normal;
    color:#a6a6a6;
}
.feedback .fbHeader .trackbackURL {
    position:absolute;
    top:8px;
    right:10px;
    margin:0;
    line-height:1;
    color:#666;
    font:11px Tahoma,Geneva,sans-serif
}
.feedback .fbHeader .trackbackURL a {
    text-decoration:none;
    color:#666
}
.feedback .fbList {
    margin:0 7px;
    padding:0
}
.feedback .fbItem {
    padding:18px 0 16px;
    border-bottom:1px dashed #e6e6e6;
    margin:0 0 -1px 0;
    zoom:1;
    list-style:none
}
.feedback .fbItem:after {
    content:"
    "
    ;
    display:block;
    clear:both
}
.feedback .indent {
    background:url(icoIndent.gif) no-repeat
}
.feedback .fbMeta {
    float:left;
    width:184px;
    padding:0 0 0 6px
}
.feedback .fbMeta .profile {
    float:left;
    width:38px;
    height:38px;
    margin:0 6px 5px 0;
    border:1px solid #ddd;
    background:url(profile.gif) no-repeat
}
.feedback .fbMeta .author {
    margin:0;
    font-size:12px
}
.feedback .author a {
    text-decoration:none;
    color:#666
}
.feedback .author a img {
    margin:0 6px 0 0!important;
    vertical-align:top!important
}
.feedback .time {
    margin:0;
    font:11px Tahoma,Geneva,sans-serif;
    color:#8e8e8e
}
.feedback .xe_content {
    margin:0 0 0 200px;
    color:#666;
    line-height:1.5
}
.feedback .xe_content:first-child {
    margin-top:0
}
#trackback .xe_content {
    color:#888
}
#trackback .xe_content strong {
    color:#666;
    display:block;
    font-weight:400
}
.feedback .fileList {
    margin:0 0 0 190px;
    padding:8px 0 0;
    display:inline;
    float:left;
    clear:both
}
.feedback .toggleFile {
    border:0;
    background:url(icoSet.gif) no-repeat 0 2px;
    cursor:pointer;
    overflow:visible;
    padding:0 0 0 15px;
    color:#767676
}
.feedback .files {
    display:none;
    list-style:none;
    margin:15px 0;
    padding:0;
    line-height:16px
}
.feedback .files li {
    background:url(icoSet.gif) no-repeat 0 -28px;
    padding:0 0 0 15px
}
.feedback .files a {
    color:#767676;
    position:relative;
    text-decoration:none
}
.feedback .files a .fileSize {
    visibility:hidden;
    position:absolute;
    padding:1px 4px;
    left:100%;
    top:-4px;
    border:1px solid #ddd;
    font:11px Tahoma,Geneva,sans-serif;
    background:#fff;
    white-space:nowrap
}
.feedback .files a:active .fileSize,.feedback .files a:focus .fileSize,.feedback .files a:hover .fileSize {
    visibility:visible
}
.feedback .action {
    margin:0;
    padding:10px 10px 0 0;
    white-space:nowrap;
    float:right
}
.feedback .action .vote {
    margin:0 10px 0 0;
    color:#767676
}
.feedback .action a {
    padding:0 0 0 18px;
    color:#767676;
    text-decoration:none;
    background:url(icoSet.gif) no-repeat
}
.feedback .action a.reply {
    background-position:0 -210px
}
.feedback .action a.modify {
    background-position:0 -150px
}
.feedback .action a.delete {
    background-position:0 -180px
}
.feedback .action a.this {
    background:0 0;
    padding:0;
    margin:0 0 0 10px;
    text-decoration:underline;
}
.feedback .pagination {
    padding:10px 0
}
.feedback .indent1 {
    padding-left:20px;
    background-position:6px 15px
}
.feedback .indent2 {
    padding-left:40px;
    background-position:26px 15px
}
.feedback .indent3 {
    padding-left:60px;
    background-position:46px 15px
}
.feedback .indent4 {
    padding-left:80px;
    background-position:66px 15px
}
.feedback .indent5 {
    padding-left:100px;
    background-position:86px 15px
}
.feedback .indent6 {
    padding-left:120px;
    background-position:106px 15px
}
.feedback .indent7 {
    padding-left:140px;
    background-position:126px 15px
}
.feedback .indent8 {
    padding-left:160px;
    background-position:146px 15px
}
.feedback .indent9 {
    padding-left:180px;
    background-position:166px 15px
}
.feedback .indent10 {
    padding-left:200px;
    background-position:186px 15px
}
.feedback .indent11 {
    padding-left:220px;
    background-position:206px 15px
}
.feedback .indent12 {
    padding-left:240px;
    background-position:226px 15px
}
.fbFooter {
    display: block;
    margin:-10px 0 10px 0;
}
.pagination {
    margin:0;
    padding:4px 0 10px;
    text-align:center;
    line-height:normal
}
.pagination a,.pagination strong {
    position:relative;
    color:#767676;
    font:700 14px/18px Tahoma,Sans-serif;
    vertical-align:top;
    display:inline-block;
    text-decoration:none;
    padding:1px 8px;
    margin:0 -3px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    z-index:2
}


.pagination strong {
    color:#000;
    font-size:18px;
}
.pagination .direction {
    font-weight:400;
    color:#767676;
    text-decoration:none!important;
    border:0;
    z-index:1
}
.pagination .direction:active,.pagination .direction:focus,.pagination .direction:hover {
   opacity:0.6;
}
.pagination .prev {
    border-left:0
}
.pagination .next {
    border-right:0
}
.pagination .direction span {
    position:relative;
    display:inline-block;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    vertical-align:top;
    top:4px
}
.pagination .prev span {
    border:3px solid;
    border-top:solid #fff;
    border-bottom:solid #fff;
    border-left:0;
    margin-right:1px;
    *left:-4px
}
.pagination .next span {
    border:3px solid;
    border-top:solid #fff;
    border-bottom:solid #fff;
    border-right:0;
    margin-left:1px
}
.write_author {
    float:left;
    margin:10px 4px 0 0;
    vertical-align: baseline;
}
.write_author .item {
    position:relative;
    display:inline-block;
    zoom:1
}
.write_author .iLabel {
    top:4px;
    left:8px;
    color:#666
}
.write_author label {
    margin:10px 10px 0 0;
    vertical-align: baseline;
    font-size:14px;
}
.write_comment {
    position:relative;
    margin:100px 12px;
    zoom:1
}
.write_comment:after {
    content:"
    "
    ;
    display:block;
    clear:both
}
.write_comment textarea {
    width:645px;
    height:37px;
    margin:0px 0 5px
    outline:none;
    border:1px solid #a6a6a6;
}
.write_comment .write_author {
    padding:0 0 10px;
}

.write_comment .btnArea{
    position: relative;
    display: block;
    height:40px;
    margin-top:10px;
}

.write_comment > .btnArea > button{
    float:right;
}
.context_data {
    background:#f8f8f8;
    border-top:2px solid #666;
    padding:15px 20px;
    color:#666
}
.context_data h3.author,.context_data h3.title {
    margin:0 0 10px;
    color:#333
}
.context_data p.author {
    margin:0
}
.context_data p.author strong {
    font-weight:400
}
.context_data .xe_content {
    color:#666
}

.context_message {
    font-size:18px;
	text-align:center;
}

.context_message h1{font-size:1.5em; color:#fff; font-family:'NotosansKrBold',helvetica,NanumGothicBold; line-height:5em;}

.tagList {
    margin:0;
    padding:25px;
    border:1px solid #cdcdcd;
    line-height:1.2;
    text-align:justify
}
.tagList a {
    color:#fff;
    text-decoration:none;
    white-space:nowrap;
    margin:0 2px
}
.tagList a.rank1 {
    font-size:24px;
    background:#000
}
.tagList a.rank2 {
    font-size:18px;
    background:#333
}
.tagList a.rank3 {
    font-size:14px;
    background:#666
}
.tagList a.rank4 {
    font-size:12px;
    background:#999
}
.tagList a.rank5 {
    font-size:12px;
    color:#666;
    text-decoration:underline
}
.tagFooter {
    text-align:center;
    padding:20px 0
}
.board .btn {
    text-decoration:none!important;
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:3px 1em;
    margin:0;
    font-family:'NotosansKrbold',helvetica,sans-serif;
    font-size:14px;
    line-height:24px;
    height:auto;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 1px rgba(255,255,255,.75);
    vertical-align:top;
    cursor:pointer;
    overflow:visible;
    background-color: #333;
    border:1px solid #222;
    box-sizing: content-box;
    transition: .1s;
    text-transform: uppercase;
}
.board .btn:hover{
    color:#222;
    background: transparent;
    border:1px solid #333;

}
.board .btn:active,
.board .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
#popup_menu_area {position:absolute; display:none; top:0px; left:0px; margin-top:-50px; width:150px; height:215px; background-color:#fff; border:2px solid #222; padding:0}
#popup_menu_area ul, #popup_menu_area li{list-style:none;  padding-left:0px; margin-top:0}
#popup_menu_area li a {font-size:12px; color:#222; line-height:35px;  padding-left:10px }
#popup_menu_area li {width:100%; border-bottom:1px solid #4a4a4a; cursor:pointer}
#popup_menu_area li:last-of-type {border:0}
#popup_menu_area li:hover{background:#4a4a4a;}
#popup_menu_area li:hover > a{color:#eee}

.xpress-editor #smart_content{clear:initial !important}
.tool { height:60px !important; clear:initial !important}