@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;-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 .gallery-item-image {position:relative;overflow:hidden}
.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:20px 0}
.board-gallery .gallery-item .gallery-item-info .gallery-item-category {font-size:.9375rem;color:#959595;text-align:center;margin-bottom:5px}
.board-gallery .gallery-item .gallery-item-info h4 {font-size:1.25rem;color:#252525;font-weight:700;line-height:1.4;text-align:center;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:15px}
.board-gallery .gallery-item .gallery-item-info .gallery-checkbox {display:inline-block;position:absolute;top:15px;right:-10px;z-index:1}
.board-gallery .gallery-item:hover .gallery-item-info h4 a {text-decoration:underline;color:#000}
.board-gallery .gallery-item .gallery-item-info .gallery-cont {position:relative;overflow:hidden;font-size:.9375rem;height:45px;color:#959595;text-align:center}
.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: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 .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 0}
    .board-gallery .gallery-item .gallery-item-info h4 {font-size:1.125rem;margin-bottom:10px}
    .board-gallery .gallery-item .gallery-item-info .gallery-checkbox {top:5px;right:0}
}
@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}
}

/*---------- 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.875rem;text-align:center;padding:30px 0}
.board-view .board-view-cate {display:block;margin-bottom:15px;font-size:1rem;color:#959595}
.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;text-align:center}
.board-view .board-view-file-conts #bo_v_img img {display:block;max-width:100%;height:auto;margin:0 auto 20px}
.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:0 auto 20px}
.board-view .board-view-sns {text-align:center}
.board-view #bo_v_sns {text-align:center}
.board-view #bo_v_sns li {display:inline-block;width:36px;text-align:center}
.board-view #bo_v_sns li a {height:37px;padding:8px 0}
.board-view #bo_v_sns li .sns_f {display:block;background:#274388}
.board-view #bo_v_sns li .sns_t {display:block;background:#2b8ec9}
.board-view #bo_v_sns li .sns_g {display:block;background:#d7432d}
.board-view #bo_v_sns.show_kakao {width:144px}
.board-view #bo_v_sns li .sns_k {display:block;background:#ffcd00}
.board-view #bo_v_sns li img {vertical-align:top}
.board-view #bo_v_sns li a > span {display:none}
.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}