@charset "utf-8";
 
/*블로그  배포*/
/*default css 부분 지우기*/
.required,
textarea.required {
  background: none !important;
}
/* ↑↑↑↑↑↑↑↑↑↑ */


.register_form {
	max-width: 750px;
    margin: 0 auto;
	padding: 50px;
}
.form_content {
	margin: 25px 0;
	padding: 25px 0;
	border-top: 3px solid #EDEDED;
	border-bottom: 3px solid #EDEDED;
}
.form_content .form_group {
	margin-bottom: 25px;
	display: flex;
	flex-direction: column;
}
.form_content .form_group:last-child {
	margin-bottom: 0;
}
.form_content .form_group label {
	display: block;
	cursor: unset;
	margin-bottom: 10px;
	font-weight: 500;
}
.form_content .form_group label small {
	font-size: 14px;
	color: #666;
}
.form_content .form_wrap .bank_txt {
	word-break: keep-all;
}


.required {color: #C00000;}
input.required {color: #373737;}

.input_row {
	display: flex;
	align-items: center;
	gap: 5px;
	height: 45px;
	/* margin-top: 10px; */
}
.form_group input {
	border: 1px solid var( --border-color);
	border-radius: 5px;
	height: 45px;
	padding: 0 20px;
}
/*추가 ↓*/
.form_group .radio_group input,
.form_group .input_rowregister_row input {
    height: unset;
}
.input_row.register_row {
    gap: 30px;
}
/*추가 ↑*/


.input_row input {
	flex: 1;
}
.input_row .btn-search {
	background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    height: 100%;
    padding: 0 25px;
    border-radius: 5px;
}

.form_content .radio_group {
	display: flex;
	align-items: center;
	gap: 30px;
}
.form_content .radio_group label{
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.form_group.two_col {
	flex-direction: row;
	gap: 10px;
}
.form_group.two_col > div {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.btn_box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn_box .btn_save {
	background-color: var(--main-color);
	color: #fff;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
    max-width: 160px;
    padding: 10px 0;
}
.register_form button {
	border: 1px solid var(--main-color);
	transition: background-color 0.3s ease, color 0.3s ease;
}
.register_form button:hover {
	color: var(--main-color);
	background-color: #fff;
}

.view_table_wrap .tit_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* .view_table_wrap .tit_wrap .filter_right {
    height: 45px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
} */
.view_table_wrap .tit_wrap .filter_right {
	flex: 1;
}
.view_table_wrap .tit_wrap .filter_right .filter_form {
	height: 45px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}
.view_table_wrap .tit_wrap .filter_right .status_select {
    height: 100%;
    border-color: var(--border-color);
    border-radius: 5px;
    padding: 0 10px;
    box-shadow: 0 0 9px rgba(0,0,0,0.1);
}
.view_table_wrap .tit_wrap .filter_right .search_box {
    width: 100%;
    height: 100%;
    max-width: 400px;
    box-shadow: 0 0 9px rgba(0,0,0,0.1);
}
.view_table_wrap .tit_wrap .filter_right .search_box input {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.view_table_wrap .tit_wrap button {
    height: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 5px;
    padding: 0 15px;
    border: 1px solid var(--main-color);
    color: var(--main-color);
}
.view_table_wrap .tit_wrap .search_btn {
    color: #fff;
    border-color: var(--main-color);
    background-color: var(--main-color);
}


/*포인트 사용내역*/
.sub_page .view_table_wrap {
	margin-top: 30px;
}
.view_table_wrap h4 {
	font-size: 25px;
	color: #666;
	font-weight: 600;
}
.tb_sd_box {
	border-radius: 10px;
	box-shadow: 0 0 9px rgba(0,0,0,0.15);
	margin: 30px 0;
	overflow: hidden;
}
.view_table.tb_sd_box table thead {
	border-top: 0;
}
.view_table.history_tb .col-type {width: 150px;}
.view_table.history_tb .col-price {width: 150px;}
.view_table.history_tb .col-balance {width: 150px;}
.view_table.history_tb .col-date {width: 150px;}

/* .view_table.history_tb tbody td .tit,
.view_table.notice_tb tbody td .tit {
	display: inline-block;
	width: 100%;
	text-align: left;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	padding: 0 5px;
} */

/* 공지사항 */

/* 체크박스 */
.view_table table input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid var(--border-color);
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    padding: 3px;
}
/* 체크되었을 때 */

.view_table table input[type="checkbox"]:checked::after {
    content: "✔";
    font-size: 10px;
    color: var(--main-color);
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.red_color {
	color: #EB292E;
	font-weight: 500;
}
.notice_box {
	margin: 30px 0;
}
.notice_box .tit {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.notice_box .tit i {
	color: var(--main-color);
}
.notice_box ul li {
	margin-bottom: 10px;
}
.notice_box ul li:last-child {
	margin-bottom: 0;
}
.notice_box ul li.gy_color {
	color: #999;
}


.view_table .col-ckeck {width: 80px;}
.hide-checkbox {
    display: none;
}
.view_table .col-name {width: 150px;}
.view_table .col-id {width: 150px;}
.view_table .col-phone {width: 150px;}
.view_table .col-mail {width: 200px;}
.view_table .col-status {width: 150px;}
.view_table .col-date {width: 150px;}

.view_table .col-product {width: 150px;}
.view_table .col-deduct {width: 150px;}
.view_table .col-balance {width: 150px;}
.view_table .col-whether {width: 150px;}
.view_table .col-wd100 {width: 100px;}
.view_table .col-wd150 {width: 150px;}
.view_table .col-wd200 {width: 200px;}
.view_table .col-wd250 {width: 250px;}

.view_table.notice_tb .col-num {width: 100px;}
.view_table.notice_tb .col-user {width: 150px;}
.view_table.notice_tb .col-view {width: 150px;}

.view_table.notice_tb td .notice_i {
	border: 1px solid #EB292E;
	border-radius: 30px;
    max-width: 70px;
    margin: 0 auto;
	padding: 5px 0;
}

/* 공지사항 글쓰기 */
.notice_form {
    margin-top: 30px;
    border-top: 1px solid #666;
}
.required_text {
    font-size: 16px;
    font-weight: 400;
    color: #C00000;
}
.notice_form .form_row {
    height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
}
.form_label {
    width: 100px;
    height: 100%;
    color: #666;
    font-weight: 500;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    padding-left: 20px;
    flex-basis: 230px;
    cursor: unset;
	background-color: #f7f7f7 !important;
}
.form_label.required::before {
    content: "*";
    color: red;
    margin-right: 3px;
    /*여기 수정*/
}
.notice_form .form_row .input_box {
    flex: 1;
    padding: 10px 20px;
    height: 100%;
}
.notice_form .form_row .bo_v_option li label {
    display: flex;
    align-items: center;
}
.notice_form .form_row .input_box.notice_lnput input[type="checkbox"] + label span {
	position: unset;
}
.notice_form .form_row .input_box .form_input {
    height: 100%;
    border-radius: 5px;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
}
.notice_form .form_row .input_box .date_input {
    max-width: 150px;
}




/* 공지사항 글 쓰기 부분 */
.notice_form .write_div_write {
	margin: 10px 0;
}
/* ↑ 공지사항 글 쓰기 부분 ↑ */

.notice_form .btn_box_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    margin-top: 30px;
}
.notice_form .btn_box_wrap .notice_btn,
.notice_form .btn_box_wrap .notice_btn li {height: 100%;}

.notice_form .btn_box_wrap .btn {
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    background-color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
    border: 1px solid var(--main-color);
}
.notice_form .btn_box_wrap .btn_right {
    height: 100%;
    display: flex;
    gap: 10px;
}
.notice_form .btn_box_wrap .btn_modify {
    background-color: #fff;
    color: var(--main-color);
    width: 90px;
    gap: 5px;
}

.notice_form .btn_box_wrap .btn_right ul {
	display: flex;
	align-items: center;
	gap: 10px
}
.notice_form .btn_box_wrap .btn_right ul li {height: 100%;}
.notice_form .btn_box_wrap button {}
.notice_form .btn_box_wrap .btn_right .btn_cancel {
    background-color: #fff;
    color: var(--main-color);
}
.notice_form .btn_box_wrap .delete_btn {
	width: 90px;
    gap: 5px;
}

/* 공지사항 글 확인 수정 */
.notice_form .tit_box {
    background-color: #FBFBFB;
    padding: 8px 20px;
    font-weight: 600;
}
.notice_form .info_wrap {
    padding: 8px 20px !important;
    color: #666;
    display: flex;
    align-items: center;
    gap: 10px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: var(--border-color);
}
.notice_form .info_wrap i {
	display:none;
}
.notice_form .info_wrap .tit {}
.notice_form .info_wrap .tit::after {
    content: '|';
    padding-left: 10px;
}
.notice_form .info_wrap .tit:last-child::after{
	display:none;
}

.notice_form .bo_v_nb {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.notice_form .bo_v_nb li {
	padding: 0;
    display: flex;
    align-items: center;
	border-bottom: 1px solid var(--border-color);
}
.notice_form .bo_v_nb li:last-child {
	border-bottom: 0;
}
.bo_v_nb li .nb_tit {
    display: inline-block;
    color: #373737;
    background: #f7f7f7;
    padding: 8px;
	flex: 0 0 150px;
    padding-left: 20px;
}
.bo_v_nb li .nb_date {
	float: none;
    margin-left: auto;
}
.notice_form .bo_v_nb li a {
	padding-left: 20px;
}
.notice_form .bo_v_nb li i {
	display:none;
}
.notice_form .bo_v_nb li:hover {
	background: transparent;
}
.notice_form .bo_v_nb li:hover a{
	text-decoration: underline;
}