/*  . <- class
    # <- id
*/

/* 레이어 팝업 공통 스타일 */
.layer-popup {
  z-index: 1;
  position: absolute;
  padding: 25px;
  background: whitesmoke;
  border-radius: 6px;
  border: 1px solid gray;
  box-sizing: border-box;
}

/* 레이어 팝업 닫기 버튼 스타일 */
.layer-popup a {
  font-size: 16px;
  font-weight: 600;
  color: black;
  line-height: 1px;
  text-align: center;
  text-decoration: underline; /* '닫기' 링크에만 적용 */
}

.layer-popup b {
  font-size: 16px;
  font-weight: 150;
  color: black;
  line-height: 1px;
  text-align: center;
  position: relative; /* 상대적 위치 설정 */
  top: -5px; /* 상단으로 10px 이동 */
}

/* 팝업 박스 스타일 */
.layer-popup .layerBox {
  box-sizing: border-box;
}

.layer-popup .layerBox > img {
  width: auto;
  height: auto;
  display: block;
}

.layercontent {
  overflow-x: hidden;
}

.layerBox div,
.layerBox hr {
  box-sizing: border-box; /* 패딩과 테두리 포함으로 계산 */
}

/* 체크박스 크기 조정 */
input[type='radio'] {
  transform: scale(1.3); /* 원래 크기의 1.5배로 확대 */
  margin: 4px; /* 확대된 체크박스 주변의 여백 조정 */
}