@charset "utf-8";

.ui-mmb-list-category       { text-align: center; }
.ui-mmb-list-category a     { display: inline-block; position: relative; padding: 6px 16px; font-weight: bold; border-radius: 3px; }
.ui-mmb-list-category a.on:before   {/* content: "\ea10"; font-family: 'icon'; padding-right: 5px; */}

/** Category List **/
#navi_category  { text-align: center; vertical-align: middle; padding: 10px 15px 20px 0px;  }
#navi_category ul {background-color: 'mmb_link'; border:2px solid #E6C48A; border-radius: 15px; display: inline-block; padding: 5px 40px; color:var(--default-txt-color);}
#navi_category ul a {color:var(--default-txt-color); font-weight:600;}
#navi_category ul a:hover {color:unset;}
#navi_category li   { display: inline-block; }
#navi_category li + li:before {content:'|'; padding: 0 20px;}

.review-list {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px;}
.review-list > li {border-style: double; border-width:4px; padding: 0; border-radius: 0; width: calc(25% - 30px/4);}
.review-list > li > a {display: block; padding: 10px; padding-bottom: 20px;}
.review-list > li .review_subject {margin-bottom: 10px; font-size: 1rem; line-height: 1.5;}

.review-list > li .ca_name {margin-bottom: 5px;}
.review-list > li .ca_name i {display: inline-block; border-radius: 10px; padding: 1px 10px; background: #111;}
.review-list > li .thumb_img {overflow: hidden; position: relative; margin-bottom: 10px; padding-top: 133.33%;}
.review-list > li .thumb_img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.review-list > li .thumb_img.thumb_img_no .thumb_img_wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 3rem;}

.review-list > li .progress_bar {position: relative; margin-bottom: 10px; padding: 3px; border-radius: 5px; height: 15px; background: #1e2940; color: #475266;}
.review-list > li .progress_bar .bar_inner {border-radius: 5px; width: 0%; max-width: 100%; height: 100%; background: #E6C48A;}
.review-list > li .progress_bar span {position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); font-size: 13px;}
.review-list > li .review_is_check {color: #fff;}
.review-list > li .btn_manage {position: absolute; right: 10px; bottom: 5px; display: flex; text-align: right;}
.review-list > li .btn_manage a {padding: 0 3px; margin-left: 5px;}

.review-list > li.no-data {border: none; width: 100%; text-align: center;}


.review_check {position: absolute !important; top: 0; left: 0; overflow: hidden; padding: 0 10px !important; border:none !important; border-radius: 0; width: 100%; height: 0%; transition: all 0.3s;}
.review_check .review_name {margin-bottom: 10px; font-size: 1rem; line-height: 1.5;}
.review_check.active {padding: 10px !important; height: 100%;}

.review_check > form {overflow-y: auto; padding: 0 5px; height: calc(100% - 74px);}
.review_check li {padding: 5px 0;}
.review_check li label {margin-left: 5px;}
.review_check input[type="checkbox"] {vertical-align: top; width: 18px; height: 18px;appearance: none;border-radius: 30px;background-color: transparent; transition: background-color 0.3s;
    &::before {content: '';color: transparent;display: block;width: 16px;height: 16px;border-radius: inherit;border: 1px solid rgba(0,0,0,0.2);background-color: transparent;background-size: contain;}
    &:checked {background-color: #111;}
    &:checked::before {box-shadow: none;background-image: url("data:image/svg+xml,%3Csvg   xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");}
}
.review_check .review_check_btn {position: absolute; left: 50%; bottom: 10px; width: 100%; transform: translateX(-50%); padding-top: 10px; text-align: center;}

@media (max-width:768px) {
    .review-list > li {width: calc(33.33% - 20px/3)}
}

@media (max-width:576px) {
    .review-list > li {width: calc(50% - 10px/2)}
}

#ca_name option[value="공지"] {display: none;}
.board-write	{padding: 0 10px}
.board-write h3	{font-size: 26px;text-align: center;padding: 30px 0 20px;} 
.board-write .write-notice	{padding: 10px;font-size: 11px;}
.board-write > dl {position:relative;}
.board-write > dl > dt { width:70px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:80px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}




.board-viewer.theme-box	{display: block;position: relative;padding: 20px;}
.board-viewer .subject	{text-align: center;}
.board-viewer .subject em	{display: block;position: relative;font-size: 14px;line-height: 1.2em;padding-bottom: 10px;}
.board-viewer .subject strong	{
	display: block;
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
}

.board-viewer .info	{margin-top: 5px; padding: 8px 10px; text-align: center;}
.board-viewer .info span { display: inline-block; opacity: .8; }
.board-viewer .info span + span:before	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	vertical-align: middle;
	margin: 0 10px;
}

.board-viewer .contents	{display: block;position: relative;padding: 40px 15px;border-left-width: 0;border-right-width: 0;}
.board-viewer .thumb_img {margin: 0 auto; max-width: 700px; text-align: center;}
.board-viewer .thumb_img img {width: auto; height: auto;}


.board-comment-list	{ position: relative; }
.board-comment-list .item {position: relative;margin-bottom: 10px; padding: 10px 10px 10px 100px;}
.board-comment-list .co-name {position: absolute;top: 0px;left: 0;bottom: 0;width: 90px;padding: 10px 10px;box-sizing: border-box;}
.board-comment-list .co-info {display: block;text-align: right;padding-top: 15px;font-size: 11px;opacity: .7;}
.board-comment-list .co-info span	{ display: inline-block; opacity: .8; }
.board-comment-list .co-info span + span:before	{content: "";display: inline-block;width: 1px;height: 8px;vertical-align: middle;margin: 0 10px;}
.board-comment-list .co-inner {font-size: 14px; line-height: 1.5;}

.board-comment-list .item.reply	{ border-left: 5px solid rgba(255, 255, 255, .1); }
.board-comment-list .item.reply .co-name	{background: none;}

.board-comment-list + .board-comment-write	{margin-top: 20px;}

.board-comment-form	{position: relative;padding-right: 90px;}
.board-comment-form .btn_confirm {position: absolute;top: 0;right: 0;bottom: 29px;width: 80px;}
.board-comment-form .btn_confirm .ui-btn	{width: 100%;height: 100%;}
.board-comment-form p	{margin: 0;padding: 5px 10px;}
.board-comment-form textarea	{ display: block; height: 100px; resize: none; border: none; }
.board-comment-form iframe {border-radius: 0;}

#bo_v_bot	{ padding: 20px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }

.btn_cke_sc {margin-bottom: 5px; padding: 5px 10px; border: none; background: #111; color: #fff;}
.btn_cke_sc_close {display: none;}
.cke_sc_def .smart_shortcut dt,
.cke_sc_def .smart_shortcut dd {border: none !important;}