@charset "utf-8";

/* ----------------------------------------
 * Created : 2018 v01
 	최신수정 jw 202102  <span class="ico"></span> 삭제
 --------------------------------------- */
/* form */
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled {background: #f6f6f6;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {border:1px solid #bcc1c2; height:34px; line-height:34px; padding:0 10px 0 10px;}
input::-webkit-placeholder{color:#cecece;}
input::-moz-placeholder{color:#cecece;opacity:1}
input::-ms-placeholder{color:#cecece;}
input::placeholder{color:#cecece;}
textarea::placeholder{color:#cecece;}
select{height:34px; line-height:34px; padding-left:5px;padding-right:20px; font-size:13px; border:1px solid #bcc1c2;background:#fff url('images/common/select_bg.png') no-repeat right 8px center;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}

textarea{border:1px solid #bcc1c2;width:100%;min-height:120px;resize: none;line-height:1.2em;margin:0;padding:10px;box-sizing:border-box;}
input[type="radio"]:disabled + label, input[type="checkbox"]:disabled+ label{opacity: 0.5;}
input[type="checkbox"],input[type="radio"]{margin:0;}



/* 체크박스공통 */
.check + .check{margin-left:20px;}
/* .check {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;vertical-align: middle;}
.check input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.check .ico {position:absolute;left:0px;top:0;width:16px;height:40px;background:url("images/common/check01.png") no-repeat 0 50%;background-size: 16px; } *//* 이미지는 디자인에 맞게 변경
.check .txt {display:inline-block;height:40px; line-height: 40px;font-size:15px;vertical-align: middle;}텍스트는 디자인에 맞게 변경
.check input:checked  {background:url("images/common/check01_on.png") no-repeat 0 50%;background-size: 16px;}체크됐을때, 이미지변경
.check input:disabled + .txt{opacity:0.7;} */

.check {display: flex;cursor: pointer;position: relative;overflow: hidden;}
.check input{position: absolute;top: 2px;width:16px;height:16px;opacity:0;}
.check span{display: flex;transition: 0.25s ease;position: relative;}
.check span:before{ position: relative; display:inline-block;align-self: center;  height: 14px;width: 14px;margin-right:5px; border: 1px solid #828282;content: ''; cursor: pointer;background: #fff;}
.check input:checked + span:before{background: #828282 url("images/common/check_icon.png") no-repeat center center; }

table.t_list .check span:before{margin-right:0;}
/* 캘린더 확인 구분 체크박스 전용  */
.calendar_search{padding:20px;margin-bottom:20px;border:1px solid #e1e1e1;background:#FAFAFA}
.calendar_search dl{display:flex;flex-wrap:wrap;align-items:center;}
.calendar_search dt{width:120px;padding:0 15px;font-weight:600;font-size:15px}
.calendar_search dd{width:calc(100% - 120px)}
.calendar_search .type_col li {padding-right:10px}
.calendar_search .type_col li .check span{border:1px solid #999;border-radius:10px;padding:8px 25px;font-weight:500;color:#555;}
.calendar_search .type_col li span:before{display:none}
.calendar_search .type_col li:nth-child(2) .check input:checked + span{background: #079998;border:1px solid #079998;color:#fff;}
.calendar_search .type_col li:nth-child(3) .check input:checked + span{background: #09b1ef;border:1px solid #09b1ef;color:#fff;}
.calendar_search .type_col li:nth-child(4) .check input:checked + span{background: #f66313;border:1px solid #f66313;color:#fff;}
.calendar_search .type_col li:nth-child(5) .check input:checked + span{background: #88b660;border:1px solid #88b660;color:#fff;}
.calendar_search .type_col li:nth-child(6) .check input:checked + span{background: #08b4b4;border:1px solid #08b4b4;color:#fff;}
.calendar_search .type_col li:nth-child(7) .check input:checked + span{background: #874c98;border:1px solid #874c98;color:#fff;}
.calendar_search .check span:before{opacity:0;}

/* 라디오버튼공통 */
.radio + .radio{margin-left:20px;}
/* .radio {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;vertical-align: middle;}
.radio input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio .ico {position:absolute;left:0;top:0;width:16px;height:40px;background:url("images/common/radio01.png") no-repeat 0 50%;background-size: 16px;} *//* 이미지는 디자인에 맞게 변경
.radio .txt {display:inline-block;height: 40px; line-height: 40px;font-size:15px;vertical-align: middle;}텍스트는 디자인에 맞게 변경
.radio input:checked  {background:url("images/common/radio01_on.png") no-repeat 0 50%;background-size: 16px;}체크됐을때, 이미지변경
.radio input:disabled  + .txt{opacity:0.7;} */

label.radio {display: flex;cursor: pointer;position: relative;overflow: hidden;}
label.radio input {position: absolute;top: 5px;width:14px;height:13px;}
label.radio input:checked + span:before{box-shadow: inset 0 0 0 4px #828282;	}
label.radio span { position: relative; display: flex;align-items: center;padding:2px 0;border-radius: 99em;	transition: 0.25s ease;}
label.radio span:before{display: flex;flex-shrink: 0;content: "";background-color: #fff;width: 16px;height: 16px;border-radius: 50%;margin-right:5px;transition: 0.25s ease;box-shadow: inset 0 0 0 1px #828282;}






.radio2 {overflow:hidden;display:inline-block;position:relative;min-height:18px;box-sizing:border-box;cursor:pointer;}
.radio2 input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio2 .ico {}
.radio2 .txt {display:inline-block;color:#cccccc;font-size:15px;vertical-align: middle;padding-bottom:2px;border-bottom:1px solid #fff;}/* 텍스트는 디자인에 맞게 변경 */
.radio2 input:checked {display: inline-block;vertical-align: middle;background:url("images/common/top_radio.png") no-repeat 0 50%;width:15px;height:15px;}
.radio2 input:checked + .txt{color:#db3b3f;font-weight:600; border-bottom:1px solid #db3b3f;}/* 체크됐을때, 이미지변경 */
.radio2 input:disabled + .txt{opacity:0.7;}

.radio3 {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;    vertical-align: middle;}
.radio3 input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio3 .ico {}
.radio3 .txt {display:inline-block;width:90px;height:28px;line-height:28px;font-weight:600; text-align:center; color:#fff;font-size:14px;vertical-align: middle;background:#999999;border-radius: 5px;}/* 텍스트는 디자인에 맞게 변경 */
.radio3 input:checked + .txt{background:#cc4b4a;}/* 체크됐을때, 이미지변경 */

.radio4 {overflow:hidden;display:inline-block;position:relative;margin-right:3px; min-height:28px;box-sizing:border-box;cursor:pointer;    vertical-align: middle;}
.radio4 input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio4 .ico {}
.radio4 .txt {display:inline-block;width:60px;height:28px;line-height:26px; text-align:center; color:#c6c6c6;font-size:14px;vertical-align: middle;background:#f2f2f2;border:1px solid #e1e1e1; border-radius: 5px;}/* 텍스트는 디자인에 맞게 변경 */
.radio4 input:checked + .ico + .txt{color:#999999; background:#fff;border:1px solid #999999;}/* 체크됐을때, 이미지변경 */

.ul_list2 .radio .txt{height: 25px;line-height: 25px;}
.ul_list2 .radio .ico{height: 25px;}
.ul_inblock .radio .txt{height: 25px;line-height: 25px;}
.ul_inblock .radio .ico{height: 25px;}


/* input-파일 */
.ajax-file-upload.btnTypeDef{padding-top: 0;    display: inline-block;    width: 94px;    height: 40px; line-height: 40px;    padding: 0;    font-size: 15px;    color: #333333;     text-align: center;    border: 1px solid #e1e1e1;    background: #fafafa;   box-sizing: border-box;    border-radius: 0;cursor:pointer;}