.clear { float:none;clear:both; }
.hide{display: none;}
.imgBorder{border: 1px solid #ddd;}

.inBlock{display: inline-block;}

/* float */
.flLeft{float: left;}
.flRight{float: right;}

/* align */
.txtAliL{text-align: left !important;}
.txtAliC{text-align: center !important;}
.txtAliR{text-align: right !important;}
.vMiddle{vertical-align: middle;}

/* 폰트색상 */
.fcGray{color: #777 !important;}
.fcMain{color:var(--mainColor) }
.fcRed{color: #e73939 !important;}
.fcGreen{color: #328343 !important;}
.fcOrange{}


/* margin */
.m0{margin: 0 !important;}
.ml0{margin-left: 0 !important;}
.mr0{margin-right: 0 !important;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}

.mb10{margin-bottom: 10px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt50{margin-top: 50px !important;}

.ml5{margin-left: 5px !important;}
.ml20{margin-left: 20px !important;}

.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}


/* padding */
.p0{padding: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

/* width */
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}

.wp10 {width:10% !important;}
.wp20 {width:20% !important;}
.wp30 {width:30% !important;}
.wp40 {width:40% !important;}
.wp50 {width:50% !important;}
.wp60 {width:60% !important;}
.wp70 {width:70% !important;}
.wp80 {width:80% !important;}
.wp90 {width:90% !important;}
.wp100 {width:100% !important;}

/* 이미지 미리보기 Modal start */
.previewImageModal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

.previewImageModal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 800px;
}

.previewImageClose {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.previewImageClose:hover,
.previewImageClose:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
/* 이미지 미리보기 Modal end */

/* SweetAlert 취소 버튼 하양색 글씨 */
.swal2-cancel-button-white {
  color: white !important;
}