@charset "utf-8";

input::placeholder{color:#a4a4a4;}

input[type="checkbox"]{display: none;}
input[type="checkbox"] +label{color:#ccc;margin-right:8px;}
input[type="checkbox"] +label span{ display: inline-block; width:12px; height:12px; vertical-align: middle; border:1px solid #cfcfcf; background: #fff; cursor:pointer;}
input[type="checkbox"]:checked + label span {width:14px; height:14px; background:url(../images/checkbox-selected.png)top left no-repeat; outline:none; border:none;}
input[type="checkbox"]:disabled + label span {display: inline-block; width:12px; height:12px; vertical-align: middle; border:1px solid #ccc; background: #ccc; cursor:pointer;}

/*모바일 메뉴 슬라이딩*/
input[id="menuicon"] {display: none;}
input[id="menuicon"] + label{display: none;}

@media screen and (max-width: 767px){
#main{position: relative;}
input[id="menuicon"] + label{position: fixed; left:10px; top:14px; display: block; margin:0; width:20px; height:16px; cursor:pointer; z-index: 108;}
input[id="menuicon"] + label span{display:block; position: absolute; border:0; width:20px; height:2px; border-radius:2px; background:#000; transition:all .35s;}
input[id="menuicon"] + label span:nth-child(1){top:0;}
input[id="menuicon"] + label span:nth-child(2){top:50%; transform:translatey(-50%);}
input[id="menuicon"] + label span:nth-child(3){bottom:0;}

input[id="menuicon"]:checked + label{z-index:109; position: fixed; right:10px;}
input[id="menuicon"]:checked + label span{background:#fff;width:100%; height:2px;border:0;}
input[id="menuicon"]:checked + label span:nth-child(1){top:50%; transform: translateY(-50%) rotate(45deg);}
input[id="menuicon"]:checked + label span:nth-child(2){opacity: 0;}
input[id="menuicon"]:checked + label span:nth-child(3){bottom:50%; transform:translateY(50%) rotate(-45deg);}

input[id="menuicon"]:checked + label + div{left:0;}
} 



/*23-03 인풋 수정*/
.counseling_way .counseling_way_radio {
  width: 30px;
}
.counseling_way input[type="radio"]:checked + label .check_circle {
  width:18px;
  height:18px;
  background:url(../images/radio-selected_gray.svg)center no-repeat;
  outline:none;
  border:none;
  background-color: #b0b7bb;
}
.mem_box .all_agree {width: 18px; height: 18px; border-radius: 3px; background: #b0b7bb;}
input[type="checkbox"]:checked + label .all_agree {width:20px; height:20px; background:url(../images/checkbox-selected_large_gray.svg)top left no-repeat; outline:none; border:none; border-radius: 3px;}
.mem_bt_box .check_circle,
.counseling_way .check_circle {width: 16px; height: 16px; border-radius: 16px; background: #b0b7bb;}
input[type="checkbox"]:checked + label .check_circle {width:18px; height:18px; background:url(../images/radio-selected_gray.svg)center no-repeat; outline:none; border:none; background-color: #b0b7bb;}


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

input[type="radio"]{display: none; }

input.checkbox +label{color:#ccc;margin-right:8px;}
input.checkbox +label span{ display: inline-block; width:12px; height:12px; vertical-align: middle; border:1px solid #cfcfcf; background: #fff; cursor:pointer;}
input.checkbox:checked + label span {width:14px; height:14px; background:url(../images/checkbox-selected.png)top left no-repeat; outline:none; border:none;}
input.checkbox:disabled + label span {display: inline-block; width:12px; height:12px; vertical-align: middle; border:1px solid #ccc; background: #ccc; cursor:pointer;}

input.radio +label{display: inline-block; width: 85px; color:#414141; line-height: 16px; vertical-align: middle; padding:11px 0;}
input.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.radio:checked + label span {width:16px; height:16px; background:url(../images/radio-selected.svg)top left no-repeat; outline:none; border:none;}
input.radio.radio-disabled:checked + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)top left no-repeat; outline:none; border:none;}
input.radio:checked:disabled + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)top left no-repeat; outline:none; border:none;}
input.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:32px;font-size:14px; outline:none; padding-left:13px; border:1px solid #e3e3e3;}
input.input_search{width:240px;border-left:0; }
input.input{width:100%; }
input.input_100{width:100%;}
input.input_h{width:70px; }
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; }

#datepicker{position: relative; width: 140px; }
#datepicker > span img{position: absolute; top:8px; right:14px;}
#datepicker > span:hover{cursor:pointer;}




.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; }

/* 23-03 내용 수정 */
.form_input .radio_w120 {width: 120px;}