@charset "utf-8";

input::placeholder{color:#a4a4a4;}

input[type="checkbox"]{display: none;}
input[type="checkbox"] +label span{ display: inline-block; width:14px; height:14px; vertical-align: middle; border:1px solid #e2e2e2; background: #fff; cursor:pointer;}
input[type="checkbox"]:checked + label span {width:16px; height:16px; background:url(../images/checkbox-selected.svg)no-repeat center / 100%; border-color: transparent;}

dd input[type="checkbox"] +label span{ display: inline-block; width:14px; height:14px; vertical-align: middle; border:1px solid #e2e2e2; background: #fff; cursor:pointer;}
dd input[type="checkbox"]:checked + label span {width:16px; height:16px; background:url(../images/checkbox-selected2.svg)no-repeat center / 100%; outline:none; border:none;}
dd label{margin-right:8px;}

input[type="radio"]{display: none; }
input[type="radio"] +label{display: inline-block; color:#414141; line-height: 16px; vertical-align: middle; padding:11px 0; }
input[type="radio"] +label span{display: inline-block; width:14px; height:14px;line-height: 16px; vertical-align: middle; border:1px solid #ccc;margin-bottom:2px;margin-right:10px;border-radius: 8px; background: #fff; cursor:pointer;}
input[type="radio"]:checked + label span {width:16px; height:16px; background:url(../images/radio-selected.svg)no-repeat center / 100%; outline:none; border:none;}
input[type="radio"].radio-disabled:checked + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)no-repeat center / 100%; outline:none; border:none;}
input[type="radio"]:checked:disabled + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)no-repeat center / 100%; outline:none; border:none;}
input[type="radio"]:disabled +label span{display: inline-block; width:14px; height:14px;line-height: 16px; vertical-align: middle; border:1px solid #ccc;margin-bottom:2px;margin-right:10px;border-radius: 8px; background: #fff;color:#8D8D8D;}

input[type="text"],[type="password"],[type="date"]{height:36px;font-size:14px; outline:none; padding-left:13px; border:1px solid #e3e3e3;}
input.input_search{width:240px;border-left:0; }
input.input{width:306px; }
input.input_100{width:100%;}
input.input_h{width:70px; }
input.input_sim{width:100px; margin: 3px 20px 3px 0;}
input.pop_bs{position: relative; width:100%; border:1px solid #e3e3e3; border-bottom:0;}
input.pop_bs +label{position: absolute; top:40px; right:14px;}

.form_input textarea{width:630px; height:96px;padding:8px 14px; border:1px solid #e3e3e3; }

.btnCalendar { display:inline-block; position:relative; overflow:hidden; width:36px; height:30px; box-sizing:border-box; border:1px solid #d4d4d4; vertical-align:top; text-indent:120%; white-space:nowrap;  -webkit-transition:border .3s ease-out; transition:border .3s ease-out; }
.btnCalendar:before { content:""; display:inline-block; position:absolute; top:0; left:0; width:18px; height:18px; margin-top:0;  background: url(../images/btn-calendar.png)no-repeat; }
.btnCalendar { margin-left:-5px; }


/* 2025 지우 */
.checkWrap{
  display: none;
  align-items: center;
  margin-left: auto;
  gap: 40px;
}
.checkWrap input[type="checkbox"] +label{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #000;
  cursor: pointer;
}
.checkWrap input[type="checkbox"] +label span{
  width: 16px;
  height: 16px;
  margin-top: 3px;
  box-sizing: border-box;

}
.checkWrap input[type="checkbox"]:checked + label span{
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background-color: #262626;
}
.checkWrap.on{
  display: flex;
}

.btnBlack{
  display: block;
  width: auto;
  min-width: 140px;
  padding: 8px 15px 10px;
  background: #333;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  transition: 300ms;
  cursor: pointer;
}
.btnBlack:hover{
  background: #fff;
  color: var(--black);
  border: 1px solid #333;
}