@charset "utf-8";



.nav-sm .nav_txt {
    text-align: left !important;
    font-weight: 400;
    font-size: 20px !important;
    padding: 10px 5px;
    width: 35px !important;;
}




.left{float:left;}
.right{float:right;}
.block{display:block;}
.none{display:none;}
.posr{position:relative;}
.fw600{font-weight:600;}
.inner{position:relative; width:100%; margin:0 auto; box-sizing: border-box;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.vtop{vertical-align:top !important;}
.vmid{vertical-align:middle !important;}
.vbtm{vertical-align:bottom !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt23{margin-top:23px !important;}
.mt30{margin-top:32px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top:80px !important;}
.mt120{margin-top:200px !important;}
.mtb10{margin:10px 0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml55{margin-left:55px !important;}
.ml100{margin-left:100px !important;}
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.p80{padding-top:  80px !important;}
.pb8{padding-bottom:8px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pr0{padding-right:0 !important;}
.pr30{padding-right:30px !important;}
.pt20{padding-top: 20px !important;}
.pt40{padding-top: 40px !important;}
.fr{float: right;}
.fl{float: left;}
.w90{width: 90%;}
.w100{width: calc(100% - 18px);}
.w300{width:502px;}
.input_w300{width:300px;}
.w1000{width: 1000px !important;}
.w180{width: 180px !important;}
.w120{width: 120px !important;}
.w60{width: 60px !important;}
.w_auto{width: auto !important;}
.h26{height: 26px; line-height: 26px;}
.text_num{margin-left: 10px; color: #999;}


.font16{font-size:16px};
.fontbold { font-weight: bold; }



.text_center  { text-align: center;  }
 .text_right   { text-align: right ; }
.form-control { font-size: 1em !important; };
.h3, h3 { font-size: 1.0rem;  }
.h1, .h1, h2, .h2, h3, .h3 { font-size: unset;  }
.btn{ font-size:1em ;     border-radius: 3px; border-color : gray;}


.popup-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1049;
  display: none;
}

.popup-modal {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  background-color: #fff;
  width: 90%;
  max-width: 1000px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 15px;
  display: none;
}



.popup-overlay {
  display: none;
  position: fixed;
  inset: 0;               /* top:0;right:0;bottom:0;left:0 */
  background: rgba(0,0,0,0.5);
  z-index: 1040;
}

.popup-full {
  display: none;
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 95%;
  height: 95%;
  z-index: 1050;

  display: flex;
  flex-direction: column;
}

/* body만 스크롤 */
.popup-body {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
}


label {    font-weight: bold !important; }

body .container.body .right_col {
    background: white;
}

button {
    border-radius: 3px;
    border-width: thin;
}




.radio-inline-group { display: flex; gap: 25px;  }
.radio-inline-group label {margin-bottom: 0; display: flex; align-items: center; }
.form-label {  margin-bottom: 0; display: flex;align-items: center; }


/* form-group row 안의 요소들을 세로 중앙 정렬 */
.form-group.row {
  display: flex;
  align-items: center;
}

  .input-group {   margin-bottom: unset   !important; }
  input[type="file" i] { height:95%;}
  

/* 라벨 기본 가운데 정렬 */
.form-group.row > label {
  display: flex;
  align-items: center;
  margin-bottom: 0; /* 세로정렬 시 필요 */
}

/* 라디오 버튼 전체 가운데 정렬 */
.radio-inline input[type="radio"] {
  vertical-align: bottom;
  margin-top: -2px;   /* 브라우저 기본 offset 보정 */
}

input[type=checkbox] {   vertical-align: bottom !important; }

input[type="radio"] {
  transform: scale(1.25);   /* 크기 1.5배 */
  margin-right: 5px;       /* 텍스트와 간격 */
  margin-left: 5px;       /* 텍스트와 간격 */
  cursor: pointer;         /* 손가락 모양 */
   vertical-align: bottom; 
   margin-bottom: 3px;
}


:root {
    --mainbg: #4d5661;
}