@charset "utf-8";

/* WEBIS > BOARD > VIEW > TITLE */
.webis-design .ws-board-title-wrap {padding:1.5rem 0;border-top:2px solid #555}
.webis-design .ws-board-title-wrap:before,
.webis-design .ws-board-title-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-board-title-wrap .es-title-area {}
.webis-design .ws-board-title-wrap .es-title-area .bs-category {display:inline-block;height:3rem;padding:0 2rem;border-radius:1rem;background-color:#EFEFEF;font-size:1.5rem;color:#666;line-height:3rem}
.webis-design .ws-board-title-wrap .es-title-area .bs-title {display:block;margin:1.5rem 0 0;color:#000;font-weight:bold;font-size:3rem;line-height:1.3}

/* WEBIS > BOARD > VIEW > WRITER */
.webis-design .ws-board-writer-wrap {margin-bottom:1rem;padding:1rem 0;border-width:1px 0;border-style:solid;border-color:#DDD;color:#666}
.webis-design .ws-board-writer-wrap:before,
.webis-design .ws-board-writer-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-board-writer-wrap .es-title {overflow:hidden;position:absolute;font-size:0;line-height:0}
.webis-design .ws-board-writer-wrap .es-writer-area {}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-image-box {display:none;float:left}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-image-box img {width:1.5rem;height:1.5rem;border-radius:50%}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box {float:left}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list {display:inline-block;margin-right:1rem}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list-name {}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list-datetime {}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list-hit {}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list-comment {}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list .ss-label {overflow:hidden;position:absolute;font-size:0;line-height:0}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list .ss-desc-field {font-weight:normal}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list .ss-desc-field .ks-icon {margin-right:3px}
.webis-design .ws-board-writer-wrap .es-writer-area .bs-desc-box .is-list .ss-desc-field .ks-text {}

/* WEBIS > BOARD > VIEW > BUTTON */
.webis-design .ws-board-view-button-wrap {margin-bottom:2rem}
.webis-design .ws-board-view-button-wrap:before,
.webis-design .ws-board-view-button-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-board-view-button-wrap .es-view-area {}
.webis-design .ws-board-view-button-wrap .es-view-area-left {float:left}
.webis-design .ws-board-view-button-wrap .es-view-area-right {float:right}
.webis-design .ws-board-view-button-wrap .es-view-area .bs-list {float:left}
.webis-design .ws-board-view-button-wrap .es-view-area .bs-list .is-button {}
.webis-design .ws-board-view-button-wrap .es-view-area-left .bs-list .is-button {margin-right:0.5rem}
.webis-design .ws-board-view-button-wrap .es-view-area-right .bs-list .is-button {margin-left:0.5rem}
.webis-design .ws-board-view-button-wrap .es-view-area .bs-list .is-button .ss-icon {margin-right:0.5rem}
.webis-design .ws-board-view-button-wrap .es-view-area .bs-list .is-button .ss-text {}

/* WEBIS > BOARD > VIEW > TABLE > ADDRESS */
.webis-design .ws-address-form-wrap {}
.webis-design .ws-address-form-wrap:before,
.webis-design .ws-address-form-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-address-form-wrap .es-zip-area {display:flex;align-items:center;gap:1rem}
.webis-design .ws-address-form-wrap .es-zip-area .bs-input {}
.webis-design .ws-address-form-wrap .es-zip-area .bs-button {}
.webis-design .ws-address-form-wrap .es-address-area {margin:5px 0}
.webis-design .ws-address-form-wrap .es-address-area .bs-input {}
.webis-design .ws-address-form-wrap .es-juso-area {display:flex;align-items:center;gap:1rem}
.webis-design .ws-address-form-wrap .es-juso-area .bs-input {flex-grow:1}

/* WEBIS > BOARD > VIEW > CONTENT */
.webis-design .ws-board-content-wrap {width:100%;min-height:20rem;height:auto !important}
.webis-design .ws-board-content-wrap:before,
.webis-design .ws-board-content-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-board-content-wrap .es-title {overflow:hidden;position:absolute;font-size:0;line-height:0}
.webis-design .ws-board-content-wrap .es-content-area {}
.webis-design .ws-board-content-wrap .es-content-area .bs-image-view {overflow:hidden;width:100%;zoom:1}
.webis-design .ws-board-content-wrap .es-content-area .bs-image-view:after {visibility:hidden;clear:both;display:block;content:""}
.webis-design .ws-board-content-wrap .es-content-area .bs-image-view a.view_image {display:block}
.webis-design .ws-board-content-wrap .es-content-area .bs-image-view img {max-width:100%;height:auto;margin-bottom:2rem}
.webis-design .ws-board-content-wrap .es-content-area .bs-content-view {overflow:hidden;width:100%;min-height:20rem;margin:1rem 0 3rem;line-height:1.7;word-break:break-all}
.webis-design .ws-board-content-wrap .es-content-area .bs-content-view a {color:#000;text-decoration:underline}
.webis-design .ws-board-content-wrap .es-content-area .bs-content-view img {max-width:100%;height:auto}
.webis-design .ws-board-content-wrap .es-content-area .bs-signature-view {}
.webis-design .ws-board-content-wrap .es-content-area .bs-signature-view .is-text {}

/* WEBIS > BOARD > VIEW > FILE */
.webis-design .ws-board-file-wrap {display:flex;flex-wrap:wrap;margin:1rem 0;border-width:1px 0;border-style:solid;border-color:#E2E4E9}
.webis-design .ws-board-file-wrap:before,
.webis-design .ws-board-file-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-board-file-wrap .es-title-area {display:flex;justify-content:center;align-items:center;width:14rem;padding:1.5rem;background-color:#F8F9FA}
.webis-design .ws-board-file-wrap .es-title-area .bs-title {}
.webis-design .ws-board-file-wrap .es-title-area .bs-count {margin-left:1rem;font-weight:700}
.webis-design .ws-board-file-wrap .es-list-area {display:flex;flex-wrap:wrap;align-items:center;width:calc(100% - 14rem);padding:1.5rem}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box {margin:0;padding:0}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list {position:relative;padding:0.5rem 0}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list:hover {border-color:#BED4F4}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list:hover .ss-icon .ks-icon {color:#3A8AFD}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link {width:100%;color:#000;text-decoration:none;word-wrap:break-word}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-icon {margin-right:1rem}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-icon .os-icon {color:#B2B2B2}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-text {}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-desc {margin-left:0.5rem}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-size {margin-left:0.5rem}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-hit {margin-left:0.5rem}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-date {margin-left:0.5rem}
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list:hover .ss-link,
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link:focus,
.webis-design .ws-board-file-wrap .es-list-area .bs-list-box .is-list .ss-link:active {text-decoration:underline}

/* WEBIS > BOARD > VIEW > LINK */
.webis-design .ws-board-link-wrap {display:flex;flex-wrap:wrap;margin:1rem 0;border-width:1px 0;border-style:solid;border-color:#E2E4E9}
.webis-design .ws-board-link-wrap:before,
.webis-design .ws-board-link-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-board-link-wrap .es-title-area {display:flex;justify-content:center;align-items:center;width:14rem;padding:1.5rem;background-color:#F8F9FA}
.webis-design .ws-board-link-wrap .es-title-area .bs-title {}
.webis-design .ws-board-link-wrap .es-title-area .bs-count {margin-left:1rem;font-weight:700}
.webis-design .ws-board-link-wrap .es-list-area {display:flex;flex-wrap:wrap;align-items:center;width:calc(100% - 14rem);padding:1.5rem}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box {margin:0;padding:0}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list {position:relative;padding:0.5rem 0}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list:hover {border-color:#BED4F4}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list:hover .ss-icon .ks-icon {color:#3A8AFD}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list .ss-link {width:100%;color:#000;word-wrap:break-word;text-decoration:none}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-icon {margin-right:1rem}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-icon .os-icon {color:#B2B2B2}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-text {}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list .ss-link .ks-hit {margin-left:0.5rem}
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list:hover .ss-link,
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list .ss-link:focus,
.webis-design .ws-board-link-wrap .es-list-area .bs-list-box .is-list .ss-link:active {text-decoration:underline}

/* WEBIS > BOARD > VIEW > NEXT */
.webis-design .ws-board-next-wrap {margin:1rem 0}
.webis-design .ws-board-next-wrap:before,
.webis-design .ws-board-next-wrap:after {visibility:hidden;clear:both;display:block;height:0;font-size:0;line-height:0;content:'.'}
.webis-design .ws-board-next-wrap .es-list-area {}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box {display:flex;flex-wrap:wrap;border-top-width:1px;border-style:solid;border-color:#E2E4E9}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box:last-child {border-bottom-width:1px}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box.bs-list-prev {}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box.bs-list-next {}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-title-field {display:flex;justify-content:center;align-items:center;width:14rem;padding:1.5rem;background:#F8F9FA}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-title-field .ss-title {}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-title-field .ss-icon {margin-left:1rem}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field {display:flex;flex-wrap:wrap;align-items:center;width:calc(100% - 14rem);padding:1.5rem}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field:hover {background:#F8F9FA}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field .ss-link {overflow:hidden;width:100%;color:#000;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field .ss-link .ks-icon {margin-right:1rem}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field .ss-link .ks-icon .os-icon {color:#B2B2B2}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field .ss-link .ks-text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field:hover .ss-link .ks-text {font-weight:700}
.webis-design .ws-board-next-wrap .es-list-area .bs-list-box .is-content-field .ss-link .ks-date {margin-left:0.5rem}

/* WEBIS > BOARD > VIEW > COMMENT TITLE */
.webis-design .ws-comment-title-wrap {display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:1rem 0;border-bottom-width:1px;border-style:solid;border-color:#E2E4E9;cursor:pointer}
.webis-design .ws-comment-title-wrap .es-title-area {}
.webis-design .ws-comment-title-wrap .es-title-area .bs-text {font-size:1.8rem;color:#000}
.webis-design .ws-comment-title-wrap .es-title-area .bs-number {display:inline-block;margin-left:0.2rem;color:#3A8AFD}
.webis-design .ws-comment-title-wrap .es-more-area {}

/* WEBIS > BOARD > VIEW > COMMENT LIST */
.webis-design .ws-comment-list-wrap {}
.webis-design .ws-comment-list-wrap .es-list-area {display:flex;gap:1rem;margin-bottom:1rem;border-bottom:1px solid #f0f0f0}
.webis-design .ws-comment-list-wrap .es-list-area .bs-image-box {flex-shrink:0;width:5rem}
.webis-design .ws-comment-list-wrap .es-list-area .bs-image-box img {border-radius:50%;width:5rem;height:5rem}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box {flex:1}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-header-field {display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-header-field .profile_img {display:none}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-header-field .ss-info-zone {}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-header-field .ss-button-zone {}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-header-field .ss-button-zone .ks-link {padding:0.5rem;border-width:1px;border-style:solid;border-color:#DDD;background-color:#FAFAFA;font-size:1.3rem}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-header-field .ss-button-zone .ks-link .os-icon {margin-right:0.5rem;font-size:1.1rem}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-header-field .ss-button-zone .ks-link .os-text {}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-comment-field {line-height:1.8;padding:0 0 1rem}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-comment-field .ss-text-zone {}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-comment-field .ss-text-zone a {text-decoration:underline}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-comment-field .ss-text-zone a.s_cmt {text-decoration:underline;color:#ed6479}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-comment-field .ss-text-zone .ks-icon {}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-comment-field .ss-text-zone .ks-text {}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-info-field {}
.webis-design .ws-comment-list-wrap .es-list-area .bs-content-box .is-reply-field {}
.webis-design .ws-comment-list-wrap .es-list-empty-area {margin:0;padding:10rem 0;color:#777;text-align:center}

/* WEBIS > BOARD > VIEW > COMMENT LIST TEMP */
.webis-design .ws-comment-list-wrap .member,
.webis-design .ws-comment-list-wrap .guest,
.webis-design .ws-comment-list-wrap .sv_member,
.webis-design .ws-comment-list-wrap .sv_guest {font-weight:bold}
.webis-design .ws-comment-list-wrap .bo_vc_hdinfo {color:#777}

/* WEBIS > BOARD > VIEW > COMMENT WRITE */
.webis-design .ws-comment-write-wrap {margin:1rem 0;border-width:1px;border-style:solid;border-color:#E2E4E9;border-radius:2rem}
.webis-design .ws-comment-write-wrap .es-title {}
.webis-design .ws-comment-write-wrap .es-write-area {display:flex}
.webis-design .ws-comment-write-wrap .es-write-area .bs-content-box {flex:1}
.webis-design .ws-comment-write-wrap .es-write-area .bs-content-box .is-char-count {}
.webis-design .ws-comment-write-wrap .es-write-area .bs-content-box .is-char-count .ss-count {}
.webis-design .ws-comment-write-wrap .es-write-area .bs-content-box .is-char-count .ss-text {}
.webis-design .ws-comment-write-wrap .es-write-area .bs-content-box .is-comment {width:100%;height:100%;padding:2rem;border-top-left-radius:2rem;background-color:#F8F9FA}
.webis-design .ws-comment-write-wrap .es-write-area .bs-content-box .is-comment::placeholder {color:#999}
.webis-design .ws-comment-write-wrap .es-write-area .bs-button-box {display:flex;justify-content:center;align-items:center;width:10rem;min-height:10rem;border-top-right-radius:2rem;background-color:#EAEAEA}
.webis-design .ws-comment-write-wrap .es-write-area .bs-button-box .is-button {width:100%;height:100%;border-width:0;background-color:transparent;font-size:1.5rem;text-align:center;cursor:pointer}
.webis-design .ws-comment-write-wrap .es-guest-area {padding:2rem;border-top-width:1px;border-style:solid;border-color:#E2E4E9}
.webis-design .ws-comment-write-wrap .es-guest-area .bs-list-box {display:flex;margin-bottom:1rem}
.webis-design .ws-comment-write-wrap .es-guest-area .bs-list-box .is-list {margin-right:1rem}
.webis-design .ws-comment-write-wrap .es-guest-area .bs-list-box .is-list:last-child {margin-right:0}
.webis-design .ws-comment-write-wrap .es-guest-area .bs-list-box .is-list .ss-label {}
.webis-design .ws-comment-write-wrap .es-guest-area .bs-list-box .is-list .ss-input {}
.webis-design .ws-comment-write-wrap .es-guest-area .bs-captcha-box {}
.webis-design .ws-comment-write-wrap .es-option-area {padding:1rem 2rem;border-top-width:1px;border-style:solid;border-color:#E2E4E9}
.webis-design .ws-comment-write-wrap .es-option-area .bs-option-box {display:flex}
.webis-design .ws-comment-write-wrap .es-option-area .bs-option-box .is-list {}
.webis-design .ws-comment-write-wrap .es-option-area .bs-option-box .is-list .ss-label {}
.webis-design .ws-comment-write-wrap .es-option-area .bs-option-box .is-list .ss-check {}