.input-no-padding{
  padding: 17px 18px 17px 18px !important;
}


/* Select 박스 스타일 */
.form-select {
  appearance: none; /* 기본 스타일 제거 */
  width: 100%;
  /* max-width: 280px; */
  height: 54px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 400;
  color: #555;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out;
  
  /* 더 큰 화살표 아이콘 (SVG 사용) */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="%23555" d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 20px;
}

/* Select가 focus되었을 때 */
.form-select:focus {
  border-color: #999;
}


/* 기본 체크박스 숨기기 */
input[type="checkbox"] {
  appearance: none;
  padding:0px !important;
  opacity: 1 !important;
  display: block;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #999;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease-in-out;
}

/* 체크박스가 선택되었을 때 */
input[type="checkbox"]:checked {
  background-color: #007BFF; /* 체크되었을 때 배경색 */
  border-color: #007BFF;
}

/* 체크된 상태에서 체크 아이콘 추가 */
input[type="checkbox"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 5px;
  border: solid white;
  border-width: 0 0 3px 3px;
  transform: translate(-50%, -60%) rotate(-45deg);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

/* 체크되었을 때 체크 아이콘 표시 */
input[type="checkbox"]:checked::after {
  opacity: 1;
}
 
.hr{
  border:1px solid #e7e7e7;
  width:100%;
}


.btn2{
  width: 100%;
    height: 50px;
    background-color: #068FBF;
    border: 1px solid #068FBF;
    color: #FFFFFF;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    border-radius: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-6{
  width:45% !important;
}

.view-text{
  padding-top: 10px;
  font-size: 20px;
  color: #7d7c7c;
  font-weight: 400 !important;
  line-height: 150%;
}

@media only screen and (max-width: 767px) {
  .custom-6{
    width:100% !important;
  }
}


.input-file{
  border: 1px solid #EDEDED;
    font-family: "Inter", sans-serif;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    border-radius: 14px;
    padding: 17px 44px 17px 18px;
    width: 100%;
    background: #FFFFFF;
    color: #696665;
}

.partner-img {
  border:1px solid #cccccc;
  border-radius:5px;
  filter: grayscale(100%) blur(0.1px);
  /* filter: grayscale(100%); */
  transition: filter 0.1s ease-in-out;
}

.partner-img:hover {
  filter: grayscale(0%);
}


.btn1{
  width: 100%;
  height: 50px;
  background-color: #333333;
  border: 1px solid #000000;
  color: #FFFFFF;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  border-radius: 14px;
  -webkit-transition: all 0.3sease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3sease;
}

.control-label{
  text-align: right;
  padding-top: 18px;
  font-weight: 700;
  color: #222222;
}

@media only screen and (max-width: 767px) {
  .control-label{
    text-align: left;
  }
}

.readonly{
  background:#f7f7f7 !important;
  cursor:not-allowed;
}

.span-required{
  padding-left:5px;
  font-size:17px;
  color:#cc0000;
  font-weight:bold;
}


@keyframes marquee {
  from {
      transform: translateX(100%);
  }
  to {
      transform: translateX(-100%);
  }
}

.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}

.marquee-text {
  display: inline-block;
  color: #b93f3f;
  font-size: 16px;
  text-align: center;
  animation: marquee 8s linear infinite;
}
.blink_me {
  /* animation: blinker 5.3s linear infinite; */
}
@keyframes blinker {
  50% {
      opacity: 0.4;
  }
}

.td-end{
  background:#fafafa !important;
}