@charset "utf-8";
body{font-size:12px;margin:0px;padding:0px;}
h2{text-align:center;margin: 20px 0px;font-size:30px;}
h4{font-size:15px;text-align:center;}
a:link { color: black; text-decoration: none;}
a:visited { color: black; text-decoration: none;}
a:hover {color: black; text-decoration: none;}
ul{list-style-type:none;}

.red{color:red;}
.td_left{text-align:left !important;padding-left:5px;}
.font_weight{font-weight:bold;}
.small_font_size{font-size:9px !important;}
.border_left{border-left:1px solid #000;}
.border_right{border-right:1px solid #000;}
.border_top{border-top:1px solid #000;}
.border_bottom{border-bottom:1px solid #000;}
.padding-left{padding-left:10px;}
.margin_top{margin-top:10px;}

.element{display: inline-block;line-height: 40px;height: 40px;padding: 0px 7px;}
.element input[type="checkbox"]{vertical-align: middle;padding: 0px;margin: 0px;}
.element input[type="radio"]{vertical-align: middle;padding: 0px;margin: 0px;}
.element label{vertical-align: middle;padding-left:3px;}

.btn-list{text-align:center;}
.btn-right{text-align:right;}
.btn-red{background: #ff0000;color: #fff;border:1px solid #ff0000;display: inline-block;cursor: pointer;height:30px;line-height:30px;padding:0px 10px;}
.btn-black{background: #000000a6;color: #fff;border:1px solid #000000a6;display: inline-block;cursor: pointer;height:30px;line-height:30px;padding:0px 10px;}
.btn-white{background: #fff;color: #000000a6;border:1px solid #000000a6;display: inline-block;cursor: pointer;height:30px;line-height:30px;padding:0px 10px;    vertical-align: bottom;}

.excel_down {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* 아이콘과 글자 사이 간격 */
    cursor: pointer;
}

/* 엑셀 아이콘만 초록색으로 포인트를 주고 싶을 때 */
.excel_down .fa-file-excel {
    color: #1D7344; /* 엑셀 시그니처 초록색 */
    font-size: 1.1em; /* 아이콘 크기 조절 */
}

.medium_btn_black{background: #000000a6;color: #fff;border: 1px solid #000000a6;display: inline-block;cursor: pointer;height: 50px;line-height: 50px;padding: 0px 10px;width: 100px;}

input[type="text"],[type="password"]{height: 30px;line-height: 30px;padding: 0px;margin: 0px;border: 1px solid #00000096;}
.input_max_width{width:550px !important;}
select{height: 30px;}
/*adm_member_join ����*/
.member{width:850px;margin:auto;}
.member h4{font-size:15px;text-align:center;}
.member .top_table{border-spacing:0px;width:100%;border-top:1px solid #00000094;border-left:1px solid #00000094;border-right:1px solid #00000094;}
.member .top_table th{height:45px;background:#0000003b;color:#fff;border-bottom:1px solid #00000094;border-right:1px solid #00000094;}
.member .top_table td{border-bottom:1px solid #00000094;padding-left:10px;}
.member .top_table td input[type="text"],[type="password"]{height: 30px;line-height: 30px;}
.member .top_table td .btn{vertical-align: bottom;margin: 0px 10px;}
.member .info{color:red;display:inline-block;padding:10px 0px;}
.member .btn_list{margin: 10px auto;text-align: center;}
/*.member .btn_list button{padding: 5px 15px;}*/
.member .btn_list button:nth-child(1){margin-right:5px;}
/*adm_member_join ����*/

/*member_list����*/
.member_content{width:100%;margin:auto;}
.member_content h4{font-size:15px;text-align:center;}
.member_content .top_table{margin:10px 0px;border-spacing:0px;width:100%;border-top:1px solid #00000094;border-left:1px solid #00000094;border-right:1px solid #00000094;}
.member_content .top_table th{height:45px;background:#84cde33b;color:#000;border-bottom:1px solid #00000094;border-right:1px solid #00000094;}
.member_content .top_table th:nth-last-child(1){border-right:0px solid #00000094;}

.member_content .top_table td{height:45px;border-right:1px solid #00000094;border-bottom:1px solid #00000094;text-align:center;}
.member_content .top_table td:nth-last-child(1){border-right:0px solid #00000094;}

.member_content .top_table td input[type="text"],[type="password"]{height: 30px;line-height: 30px;}
.member_content .top_table td .btn{vertical-align: bottom;margin: 0px 10px;}
.member_content .info{color:red;display:inline-block;padding:10px 0px;}
.member_content .btn_list{margin: 10px auto;text-align: left;}

.member_content .btn_list button:nth-child(1){margin-right:5px;}

.searchTable {border-spacing:0px;width:100%;border:1px solid #000;}
.searchTable th{height:40px;background-color:#84cde33b;}
.searchTable th span{display:inline-block;background:#000;color:#fff;padding: 0px 10px;    height: 32px;line-height: 32px;}

.searchTable .element{display: inline-block;line-height: 40px;height: 40px;padding: 0px 7px;}
.searchTable .element input[type="checkbox"]{vertical-align: middle;}
.searchTable .element label{vertical-align: middle;padding-left:3px;}
.searchTable #searchStr{width:200px;}
.searchTable select{height: 32px;}


/*member_list����*/

/*member_modify����*/
.member_modify .top_table td{text-align:left;padding-left:20px;}
.member_modify .element{padding:0px;}
/*member_modify ����*/


.pagenation ul li{display:inline-block;width: 15px;height: 15px;}
.pagenation ul li:first-child{width:30px;}
.pagenation ul li:last-child{width:30px;}
.pagenation ul .disabled{font-weight: bold;}
.pagenation{text-align:center;}
.pagenation .page-item{font-size:13px;}

.pop_content{width:100%;margin:auto;}
.pop_content h4{font-size:15px;text-align:center;}
.pop_content .pop_table{margin:10px auto;border-spacing:0px;width:95%;border-top:1px solid #00000094;border-left:1px solid #00000094;border-right:1px solid #00000094;}
.pop_content .pop_table th{height:45px;background:#84cde33b;color:#000;border-bottom:1px solid #00000094;border-right:1px solid #00000094;}
.pop_content .pop_table th:nth-last-child(1){border-right:0px solid #00000094;}

.pop_content .pop_table td{height:45px;border-right:1px solid #00000094;border-bottom:1px solid #00000094;text-align:center;}
.pop_content .pop_table td:nth-last-child(1){border-right:0px solid #00000094;}
.pop_content .pop_table .td_padding{text-align:left;padding:0px 0px 0px 10px;}
.pop_content  .btn_right{text-align:right;width: 95%;margin: auto auto;}
.pop_content  .btn_left{text-align:left;width: 95%;margin: auto auto;}


.custom-select {position: relative;display: inline-block;}
.custom-select select {display: none;}
.custom-select .color_list {padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;cursor:pointer;width:86px;text-align:center;}
.custom-select .options {position: absolute;top: 100%;left: 0;right: 0;display: none;background-color: #fff;border: 1px solid #ccc;border-top: none;border-radius: 0 0 4px 4px;overflow-y: auto;text-align:center;color:#fff;z-index:999;}
.custom-select .option {padding: 8px 12px;cursor: pointer;}
.custom-select .option:hover {background-color: #f2f2f2;}
.color-item{display: block;margin: 10px 10px 10px 10px;text-align: left;border: 1px solid #0000007a;padding: 5px 5px;}
.color-item .add-color-span{display: inline-block;width: 30px;height: 30px;line-height: 30px;}
.color-item .color-del{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #00000045;color:#fff;cursor:pointer;}
.color-item .item{margin-bottom: 5px;}
.color-item .item:nth-child(1){}
.color-item .item:nth-child(2){}
.color-item .item:nth-child(3){}
.color-item .item:nth-child(3) input{width: 100%;border:1px solid #0000007a;}
.select_img{display:inline-block;vertical-align: middle;margin-left:5px;}


.select-wrapper {position: relative;display: inline-block;margin-top:10px;}
.selected-option {padding: 5px;border: 1px solid #ccc;cursor: pointer;line-height:30px;}

.select-wrapper .imgOptions {display: none;position: absolute;top: 100%;left: 0;width: 100%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border: 1px solid #ccc;border-top: none;background-color: #fff;text-align:center;z-index: 99;}
.select-wrapper .option {padding: 5px;cursor: pointer;}
.select-wrapper .option img{width:30px;height:30px;}
.select-wrapper .option:hover {background-color: #f5f5f5;}