@charset "utf-8";

/*---------- list ----------*/
.board-list {font-size:.9375rem}
.board-gallery {margin-left:-10px;margin-right:-10px}
.board-gallery:after {content:"";display:block;clear:both}
.board-gallery .gallery-item {position:relative;float:left}
.board-gallery .gallery-item.gallery-col-1 {width:100%}
.board-gallery .gallery-item.gallery-col-2 {width:50%}
.board-gallery .gallery-item.gallery-col-3 {width:33.33333%}
.board-gallery .gallery-item.gallery-col-4 {width:25%}
.board-gallery .gallery-item.gallery-col-5 {width:20%}
.board-gallery .gallery-item.gallery-col-6 {width:16.6666666667%}
.board-gallery .gallery-item.gallery-col-7 {width:14.2857142857%}
.board-gallery .gallery-item.gallery-col-8 {width:12.5%}
.board-gallery .gallery-item.gallery-col-9 {width:11.1111111111%}
.board-gallery .gallery-item.gallery-col-10 {width:10%}
.board-gallery .gallery-item-pd {padding:10px}
.board-gallery .gallery-item-in {position:relative;background:#fff;border:1px solid #e5e5e5;-webkit-transition:all 0.2s ease-in-out;transition:all .2s ease-in-out}
.board-gallery .gallery-item-in:hover {border-color:#959595}
.board-gallery .gallery-item-in .gallery-item-category {position:relative;background:#fff;padding:15px;color:#959595;font-weight:bold;border-bottom:1px solid #e5e5e5}
.board-gallery .gallery-item .gallery-item-image {position:relative;overflow:hidden;padding:15px 15px 0}
.board-gallery .gallery-item .gallery-item-image-in {position:relative;overflow:hidden;max-height:500px}
.board-gallery .gallery-item .gallery-item-image-in:after {content:"";text-align:center;position:absolute;display:block;left:0;top:0;opacity:0;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.board-gallery .gallery-item .gallery-item-image-in img {display:block;max-width:100%;height:auto}
.board-gallery .gallery-item .gallery-item-image-in .gallery-noimg-txt {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e5e5e5}
.board-gallery .gallery-item .gallery-item-image-in .video-icon {display:inline-block;position:absolute;top:50%;left:50%;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:40px;transform:translate(-50%,-50%);z-index:1}
.board-gallery .gallery-item:hover .gallery-item-image-in:after {opacity:1}
.board-gallery .gallery-item:hover .gallery-item-image-in {box-shadow:none}
.board-gallery .gallery-item .gallery-item-info {position:relative;padding:15px}
.board-gallery .gallery-item .gallery-item-info h4 {font-size:1.0625rem;color:#252525;line-height:1.4;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:15px}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon {position:relative;display:inline-block;width:18px;height:14px;background-color:#cc2300;margin-right:2px}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon:before {content:"";position:absolute;top:4px;left:5px;width:2px;height:6px;background-color:#fff}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon:after {content:"";position:absolute;top:4px;right:5px;width:2px;height:6px;background-color:#fff}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon b {position:absolute;top:3px;left:8px;width:2px;height:8px;background-color:#fff;transform:rotate(-60deg)}
.board-gallery .gallery-item .gallery-item-info .gallery-checkbox {display:inline-block;position:absolute;top:12px;right:5px;z-index:1}
.board-gallery .gallery-item:hover .gallery-item-info h4 {text-decoration:underline}
.board-gallery .gallery-item .gallery-item-info .gallery-cont {position:relative;color:#959595;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;
-webkit-box-orient:vertical}
.board-gallery .gallery-desc {position:relative;margin-bottom:10px}
.board-gallery .gallery-item .gallery-item-bottom {position:relative;border-top:1px solid #e5e5e5}
.board-gallery .gallery-item .gallery-item-bottom .float-start {padding:15px}
.board-gallery .gallery-item .gallery-item-bottom .float-start i {color:#b5b5b5}
.board-gallery .gallery-item .gallery-item-bottom .float-end {padding:15px;border-left:1px solid #e5e5e5}
.board-gallery .gallery-item .gallery-item-bottom .float-end i {color:#b5b5b5}
.board-list .board-list-button-wrap:after {content:"";display:block;clear:both}
.board-list .board-list-button-wrap .blbw-left {float:left;margin-top:5px}
.board-list .board-list-button-wrap .blbw-right {float:right;margin-top:5px}
@media (max-width:1199px) {
    .board-gallery .gallery-item .gallery-item-bottom {font-size:.8125rem}
}
@media (max-width:991px) {
    .board-gallery .gallery-item {width:50% !important}
    .board-gallery .gallery-item.clearfix {clear:none}
    .board-gallery .gallery-item:nth-child(2n+1){clear:left !important}
}
@media (max-width:767px) {
    .board-gallery .gallery-item-in .gallery-item-category {padding:10px}
    .board-gallery .gallery-item .gallery-item-image {padding:10px 10px 0}
    .board-gallery .gallery-item .gallery-item-image-in .video-icon {width:40px;height:40px;line-height:40px;font-size:30px}
    .board-gallery .gallery-item .gallery-item-info {padding:10px}
    .board-gallery .gallery-item .gallery-item-info h4 {font-size:1rem;margin-bottom:10px}
    .board-gallery .gallery-item .gallery-item-info .gallery-checkbox {top:5px;right:0}
    .board-gallery .gallery-item .gallery-item-bottom .float-start {padding:10px}
    .board-gallery .gallery-item .gallery-item-bottom .float-end {padding:10px}
}
@media (max-width:576px) {
    .board-gallery {margin-left:-5px;margin-right:-5px}
    .board-gallery .gallery-item-pd {padding:5px 5px 15px}
    .board-gallery .gallery-item-in {border:0}
    .board-gallery .gallery-item-in .gallery-item-category {padding:10px 0 5px;border-bottom:0}
    .board-gallery .gallery-item .gallery-item-image {padding:0}
    .board-gallery .gallery-item .gallery-item-info {padding:10px 0}
    .board-gallery .gallery-item .gallery-item-info .gallery-checkbox {right:-10px}
    .board-gallery .gallery-item .gallery-item-bottom {border-top:0}
    .board-gallery .gallery-item .gallery-item-bottom .float-start {padding:0 0 10px}
}

/*---------- write ----------*/
.board-write {font-size:.9375rem}
.board-write .board-setup {position:relative;border:1px solid #d5d5d5;height:38px;margin-bottom:20px}
.board-write .board-setup .select {position:absolute;top:-1px;left:-1px;display:inline-block;width:200px}
.board-write .board-setup-btn-box {position:absolute;top:-1px;right:-1px;display:inline-block;width:420px}
.board-write .board-setup-btn {float:left;width:25%;height:38px;line-height:38px;color:#fff;text-align:center;font-size:.8125rem}
.board-write .board-setup-btn:nth-child(odd) {background-color:#000}
.board-write .board-setup-btn:nth-child(even) {background-color:#3c3c3e}
.board-write .board-setup-btn:hover {opacity:0.8}
.board-write .board-write-title {position:relative;border-bottom:1px solid #959595;padding-bottom:15px;margin-bottom:15px}
.board-write .blind {position:absolute;top:-10px;left:-100000px;display:none}
.board-write .write-edit-wrap #wr_content {display:block;width:100%;min-height:200px;padding:6px 10px;outline:none;border-width:1px;border-style:solid;border-radius:0;background:#FFF;color:#353535;appearance:normal;-moz-appearance:none;-webkit-appearance:none;resize:vertical}
.board-write .write-option-btn {float:left;padding:0 15px;margin-bottom:3px;height:32px;line-height:32px;color:#fff;text-align:center;font-size:.8125rem}
.board-write .write-option-btn:nth-child(odd) {background:#000}
.board-write .write-option-btn:nth-child(even) {background:#3c3c3e}
.board-write .write-option-btn:hover {color:#fff;opacity:0.8}
.board-write .write-collapse-box {margin:10px 0;background:#f8f8f8;border:1px solid #d5d5d5;padding:15px 10px}
.board-write #modal_video_note .table-list-eb .table thead>tr>th {text-align:left}
/* Auto Save */
.autosave-btn {position:absolute;top:0;right:0}
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:0;right:0;padding:8px;width:320px;height:auto !important;height:180px;max-height:250px;border:2px solid #959595;background:#fff;box-shadow:0 1px 8px rgba(0, 0, 0, 0.2);overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent;margin-left:10px}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:7px 0;border-bottom:1px solid #e9e9e9;zoom:1;font-size:.75rem}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
#autosave_pop .autosave_heading {text-align:left}
#autosave_pop strong {font-size:.8125rem}
#autosave_pop .fa-times {position:absolute;top:10px;right:15px}
.autosave_close {cursor:pointer}
.autosave_content {display:none}
/* Ckeditor */
.board-write a.cke_button {padding:2px 5px}
.board-write a.cke_button_on {padding:1px 4px}
.board-write a.cke_button_off:hover, .board-write a.cke_button_off:focus, .board-write a.cke_button_off:active {padding:1px 4px}
/* Smart Editor */
.cke_sc {margin-bottom:10px}
.btn_cke_sc {padding:0 10px}
.cke_sc_def {padding:10px;margin-bottom:10px;margin-top:10px}
.cke_sc_def button {padding:3px 15px;background:#555555;color:#fff;border:none}

/*---------- view_comment ----------*/
.comment-area {font-size:.9375rem;margin-top:30px}
.view-comment {position:relative;margin-bottom:40px}
.view-comment h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.view-comment .view-comment-heading {font-size:1.375rem;border-bottom:2px solid #757575;padding:10px 0;margin-bottom:30px}
.view-comment .view-comment-item-wrap {position:relative}
.view-comment .view-comment-item-wrap:before {content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#eaeaea}
.view-comment .view-comment-item-wrap:last-child {border-bottom:1px solid #eaeaea}
.view-comment .view-comment-item-wrap.depth-w15 {background-color:rgba(89, 167, 255, 0.05)}
.view-comment .view-comment-item-wrap.depth-w15:before {background-color:rgba(89, 167, 255, 0.3)}
.view-comment .view-comment-item-wrap.depth-w30 {background-color:rgba(255, 138, 102, 0.05)}
.view-comment .view-comment-item-wrap.depth-w30:before {background-color:rgba(255, 138, 102, 0.3)}
.view-comment .view-comment-item-wrap.depth-w45 {background-color:rgba(77, 181, 171, 0.05)}
.view-comment .view-comment-item-wrap.depth-w45:before {background-color:rgba(77, 181, 171, 0.3)}
.view-comment .view-comment-item-wrap.depth-w60 {background-color:rgba(240, 97, 145, 0.05)}
.view-comment .view-comment-item-wrap.depth-w60:before {background-color:rgba(240, 97, 145, 0.4)}
.view-comment .view-comment-item-wrap.depth-w75 {background-color:rgba(255, 189, 95, 0.05)}
.view-comment .view-comment-item-wrap.depth-w75:before {background-color:rgba(255, 189, 95, 0.4)}
.view-comment .view-comment-item-wrap.depth-w90 {background-color:rgba(179, 216, 78, 0.05)}
.view-comment .view-comment-item-wrap.depth-w90:before {background-color:rgba(179, 216, 78, 0.3)}
.view-comment .view-comment-item {position:relative;padding:0 0 20px;background-color:#fff}
.view-comment .view-comment-item:before {content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#eaeaea}
.view-comment .view-comment-item.cmt-best {background-color:rgba(255, 243, 224, 0.4)}
.view-comment .view-comment-item .no-comment {text-align:center;padding:10px 0 20px}
.view-comment .view-comment-no-item {position:relative;padding:20px 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center}
.view-comment .view-comment-no-item .no-comment {color:#959595}
.view-comment .view-comment-depth {position:absolute;top:0;left:0;width:7px;height:97px;border-left:1px solid #757575;border-bottom:1px solid #757575}
.view-comment .view-comment-depth:after {content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #757575;position:absolute;bottom:-6px;right:-8px}
.view-comment .comment-name .sv_wrap > a {font-weight:400}
.view-comment .comment-item-info {position:relative;padding:10px 20px 10px 70px;margin-bottom:15px;border:1px solid #eaeaea;background-color:#fafafa}
.view-comment .view-comment-item.cmt-best .comment-item-info {padding:15px 20px 10px 70px;border-color:#757575}
.view-comment .view-comment-item.cmt-best .comment-item-body-pn .comment-item-info {padding-left:10px}
.view-comment .comment-item-info > span {margin-right:5px}
.view-comment .comment-ip {font-size:.75rem;color:#959595;margin-left:5px}
.view-comment .comment-time {color:#959595}
.view-comment .comment-dropdown {position:absolute;top:23px;right:0px;display:inline-block}
.view-comment .comment-dropdown-btn {display:inline-block;width:20px;height:20px;line-height:20px;background:#d5d5d5;color:#fff;text-align:center;font-size:.6875rem;border-radius:50%}
.view-comment .comment-dropdown-btn:after {display:none}
.view-comment .comment-dropdown-btn:hover {background:#757575;color:#fff;cursor:pointer;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear}
.view-comment .comment-dropdown .dropdown-menu {left:inherit !important;right:0 !important;background-color:#fff;padding:5px 0;border:1px solid rgba(0,0,0,0.7);box-shadow:none;border-radius:0;margin:0}
.view-comment .comment-dropdown .dropdown-menu a {display:block;padding:5px 10px;color:#151515}
.view-comment .comment-dropdown .dropdown-menu a small {font-size:.6875rem;color:#a5a5a5}
.view-comment .comment-dropdown .dropdown-menu a:hover {background-color:transparent;color:#cc2300}
.view-comment .comment-dropdown:hover .dropdown-menu {display:block}
.view-comment .comment-item-content {position:relative;padding-left:20px}
.view-comment .comment-item-content .comment-cont-wrap.display-flex {display:flex}
.view-comment .comment-item-content .comment-cont-wrap:after {content:"";display:block;clear:both}
.view-comment .comment-item-content .comment-cont-img {position:relative;width:200px;margin-right:15px}
.view-comment .comment-item-content .comment-cont-txt {position:relative}
.view-comment .comment-item-content .comment-image {display:block;width:200px;margin-bottom:15px}
.view-comment .comment-item-content .comment-yello-card {position:relative;padding:10px;margin-bottom:20px;background:#ffbeaa;border:1px solid #ff9b79;opacity:0.45}
.view-comment .comment-btn-wrap {position:relative;text-align:right;height:22px;margin-top:10px}
.view-comment .comment-btn-wrap .comment-btn-right {position:absolute;top:0;right:0}
.view-comment .comment-btn-wrap .comment-btn {position:relative;float:left;padding:0 15px;height:22px;line-height:22px;cursor:pointer;background:#4b4b4d;font-size:.75rem;color:#fff;margin-left:1px}
.view-comment .comment-btn-wrap .comment-btn:hover {background:#2b2b2e}
.view-comment .comment-item-body-pn .comment-item-info {padding-left:10px}
.view-comment-write {position:relative;margin-bottom:40px}
.comment-area .comment-write-heading {position:relative;font-size:1.375rem;border-bottom:2px solid #757575;padding:10px 0;margin-bottom:15px}
.comment-area .comment-write-heading .cmt-point-info-btn {position:absolute;top:9px;right:0}
.comment-area .comment-write-wrap {position:relative}
.comment-area .comment-write {margin-bottom:20px}
.comment-area .comment-write .comment-write-footer {position:relative;background:#fafafa;border:1px solid #d5d5d5;border-top:0;padding:15px;color:#959595;font-size:.8125rem}
.comment-area .comment-write-submit {position:relative;text-align:center}
.comment-area .eyoom-form .textarea {margin-bottom:0}
.comment-area .eyoom-form .textarea textarea {border:1px solid #d5d5d5}
#bo_vc_send_sns ul{padding:0;margin:-5px 0 20px;overflow:hidden}
#bo_vc_send_sns li{float:left;margin-right:10px;list-style:none}
#bo_vc_send_sns li input{margin:10px 25px 10px 5px}
@media (max-width:767px) {
    .view-comment .comment-item-content {padding-left:17px}
    .view-comment .comment-item-content .comment-cont-wrap.display-flex {display:block}
    .view-comment .comment-item-content .comment-cont-img {position:relative;width:100%;margin-right:0}
    .view-comment .comment-item-content .comment-cont-txt {position:relative;width:100%}
    .view-comment .comment-item-content .comment-image {width:100%}
}

/*---------- view ----------*/
.board-view .board-view-subj {font-size:1.375rem}
.board-view .board-view-info {position:relative;min-height:70px;border-top:2px solid #757575;border-bottom:1px solid #757575;padding:10px 0;margin-top:20px;background:#fafafa}
.board-view .board-view-info .view-photo-box {position:absolute;top:8px;left:0}
.board-view .board-view-info .view-info-box {position:relative}
.board-view .board-view-info .view-photo img {width:50px;height:50px;margin-right:3px}
.board-view .board-view-info .view-photo .view-user-icon {font-size:50px;margin-right:3px;line-height:1;color:#757575}
.board-view .board-view-info .info-box-top {display:block;margin:0 0 4px}
.board-view .board-view-info .info-box-top .view-nick {margin-right:3px}
.board-view .board-view-info .info-box-top .view-nick .sv_wrap > a {font-weight:400}
.board-view .board-view-info .info-box-top .view-lv-icon {display:inline-block;margin-right:3px}
.board-view .board-view-info .info-box-bottom {display:block}
.board-view .board-view-info .info-box-bottom span {margin-right:8px;white-space:nowrap}
.board-view .board-view-info .info-box-bottom strong {font-weight:400}
.board-view .board-view-info .info-box-bottom i {color:#a5a5a5;margin-right:5px}
.board-view .board-view-file ul {margin-bottom:0}
.board-view .board-view-file li {padding:8px 0;border-bottom:1px solid #eaeaea}
.board-view .board-view-file a:hover {text-decoration:underline}
.board-view .board-view-file span {margin-left:7px}
.board-view .board-view-file span i {margin-right:4px;color:#b5b5b5}
.board-view .board-view-link ul {margin-bottom:0}
.board-view .board-view-link li {padding:8px 0;border-bottom:1px solid #eaeaea}
.board-view .board-view-link a {text-decoration:underline}
.board-view .board-view-link a:hover {color:#3949ab}
.board-view .board-view-btn-wrap {position:relative;border-bottom:1px solid #eaeaea}
.board-view .board-view-btn-wrap:after {content:"";display:block;clear:both}
.board-view .board-view-btn-left {float:left}
.board-view .board-view-btn-right {float:right}
.board-view .board-view-btn {position:relative;float:left;padding:0 15px;height:35px;line-height:35px;cursor:pointer;background:#fff;font-size:.8125rem;color:#252525;border-left:1px solid #eaeaea}
.board-view .board-view-btn.scrap-btn {width:70px;text-align:center}
.board-view .board-view-btn:last-child {border-right:1px solid #eaeaea}
.board-view .board-view-btn:hover {color:#cc2300}
.board-view .board-view-btn-right #bo_v_sns {position:absolute;top:-1px;right:0;width:108px;height:37px;padding:0;list-style:none;z-index:1}
.board-view .board-view-btn-right.scrap-btn-space #bo_v_sns {right:69px}
.board-view .board-view-btn-right #bo_v_sns:after {content:"";display:block;clear:both}
.board-view .board-view-btn-right #bo_v_sns li {float:left;width:36px;text-align:center}
.board-view .board-view-btn-right #bo_v_sns li a {height:37px;padding:8px 0}
.board-view .board-view-btn-right #bo_v_sns li .sns_f {display:block;background:#274388}
.board-view .board-view-btn-right #bo_v_sns li .sns_t {display:block;background:#2b8ec9}
.board-view .board-view-btn-right #bo_v_sns li .sns_g {display:block;background:#d7432d}
.board-view .board-view-btn-right #bo_v_sns.show_kakao {width:144px}
.board-view .board-view-btn-right #bo_v_sns li .sns_k {display:block;background:#ffcd00}
.board-view .board-view-btn-right #bo_v_sns li img {vertical-align:top}
.board-view .board-view-btn-right #bo_v_sns li a > span {display:none}
.board-view .view-top-btn {padding:20px 0}
.board-view .view-top-btn:after {display:block;visibility:hidden;clear:both;content:""}
.board-view .view-top-btn .top-btn-left li {float:left;margin-right:1px;margin-bottom:5px}
.board-view .view-top-btn .top-btn-right li {float:left;margin-left:1px}
.board-view .board-view-atc {min-height:200px}
.board-view .board-view-atc-title {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-view .board-view-file-conts {position:relative;overflow:hidden}
.board-view .board-view-file-conts #bo_v_img img {display:block;max-width:100%;height:auto;margin-bottom:10px}
.board-view .board-view-con {position:relative;overflow:hidden;margin-bottom:30px;width:100%;word-break:break-all}
.board-view .board-view-con img {max-width:100%;height:auto;margin-bottom:10px}
.board-view .board-view-good-btn {margin-bottom:30px;text-align:center}
.board-view .board-view-good-btn .board-view-act-gng {position:relative;margin:0 5px}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn {position:relative;overflow:hidden;width:80px;height:80px;border:1px solid #d5d5d5;background:#fff;display:inline-block;white-space:nowrap;vertical-align:baseline;text-align:center}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn i {font-size:26px;color:#757575;margin:12px 0 8px}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover {border:1px solid rgba(0,0,0,0.7)}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover i {color:#000}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover {border:1px solid #d5d5d5}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover i {color:#757575}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn strong {color:#757575}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover strong {color:#252525}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn .mask {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background:#fff;opacity:0}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn h5 {color:#000;font-size:.9375rem;text-align:center;margin-top:48px;background:transparent;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;opacity:0}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover .mask {opacity:0.9}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover h5 {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.board-view #bo_v_act_good, .board-view #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:7px 0;width:200px;background:#000;color:#fff;text-align:center;font-weight:400}
.board-view .signature-box {border:1px solid #d5d5d5;padding:15px}
.board-view .signature-box h6 {color:#959595;text-decoration:underline;margin-bottom:10px}
.board-view .board-view-bot {zoom:1}
.board-view .board-view-bot:after {display:block;visibility:hidden;clear:both;content:""}
.board-view .board-view-bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-view .board-view-bot ul {margin:0;padding:0;list-style:none}
.board-view .blind {display:none}
.board-view pre {border-radius:0}
.board-view .caption-overflow span {left:0;right:0}
.draggable {display:block;width:100% \9;max-width:100%;height:auto;margin:0 auto}
button.mfp-close {position:fixed;color:#fff !important}
.mfp-figure .mfp-close {position:absolute}
@media (max-width:576px) {
    .board-view .board-view-btn {padding:0 10px}
}