/* 폼 스타일 공용*/

.frm_normal { font-size:1em;color: var(--dark); width:100%; height:40px;  padding-left:13px; border-radius:4px;  border: solid 1px rgba(112, 112, 112, 0.1);  background-color: #eff1f6; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center;  }
.frm_normal.required {border-color:#ff94a1;  background-color: #fff6f6; }
.frm_normal.required:focus { border-color:var(--pinkish-red); background-color:#ffdddd;}
.frm_normal.txtCen {text-align:center !important; padding-left:0px  !important;}
 
.frm_normal.line {font-size:1em;  background:#fff; border-color:var(--ed-sub-1);}
.frm_normal.line:focus { border-color:#a1055b;}


.chk_box {position:relative; }
.chk_box input[type="radio"] {  position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;border:none;background:transparent;  overflow: hidden; color:transparent;   }
.chk_box input[type="radio"] + label {padding-left:28px;color: var(--dark);cursor:pointer; line-height:24px; font-size:16px; }
.chk_box input[type="radio"] + label span {position:absolute;top:2px;left:0;width:20px;height:20px;display:block;background:#fff; border: solid 1px #d5d7e3;border-radius:50%;cursor:pointer;}
.chk_box input[type="radio"] + label:hover{color:var(--sky-blue);}
.chk_box input[type="radio"] + label:hover span {border-color:var(--sky-blue);}
.chk_box input[type="radio"]:checked + label {color:var(--ed-main); }
.chk_box input[type="radio"]:checked + label span {background:#fff;border:6px solid var(--ed-main);border-radius:50%}





.chk_box {position:relative; width:70px; height:33px;}
.chk_box input[type="checkbox"] {  position: absolute;    width: 0px;  height: 0px;  margin: -1px; border:none;background:transparent;  overflow: hidden; color:transparent;  }
.chk_box input[type="checkbox"] + label {cursor:pointer; width:70px; height:33px; background:#a8b1b7; border:none ;border-radius:17px;display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: flex-start; align-items: center;}
.chk_box input[type="checkbox"] + label span {position:absolute;top:3px;left:3px;width:27px;height:27px;display:block;cursor:pointer; background:#fff; border-radius:15px;-webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}
 
.chk_box input[type="checkbox"]:checked + label { background:var(--ed-main-2); }
.chk_box input[type="checkbox"]:checked + label span {  left:40px; -webkit-transition: all 0.3s ease;    transition: all 0.3s ease;}

.chk_ck {position:relative; }
.chk_ck input[type="checkbox"] {    position: absolute;    left: -9999%;    width: 0;    height: 0;    font-size: 0;    line-height: 0;}
.chk_ck label {    display: block;    position: relative;    padding-left: 35px;    font-size: 14px;    color: #666;    line-height: 27px;    cursor: pointer;}
.chk_ck label::before {    content: "";    position: absolute;    left: 0;    top: 2px;    width: 22px;    height: 22px;     border-radius: 4px;  border: 1px solid rgba(112, 112, 112, 0.2);background-color: #eff1f6;}
.chk_ck input[type="checkbox"]:checked + label::before {      background: url(../images/web/ic_chk_sm.png) no-repeat center #e2458f; border-color:#e2458f;}
 

 
 


.txt .danger {color:var(--pinkish-red) !important;}
.jc_spbet  { justify-content: space-between !important;}

.d-none {display:none !important;}




.wid10 {width:10px !important;} 
.wid20 {width:20px !important;} 
.wid30 {width:30px !important;} 
.wid40 {width:40px !important;} 
.wid50 {width:50px !important;} 
.wid60 {width:60px !important;} 
.wid70 {width:70px !important;} 
.wid80 {width:80px !important;} 
.wid90 {width:90px !important;} 
.wid100 {width:100px !important;} 
.wid115 {width:115px !important;} 

.widp49 {width:49% !important;} 
.widp50 {width:50% !important;}

.pt0{ padding-top:0px  !important;}
.pl0{ padding-left:0px  !important;}


.pb10{ padding-bottom:10px  !important;}
.pb20{ padding-bottom:20px  !important;}


.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}