/* 1. 부모 박스: 고정 높이를 완전히 해제하고 내부 콘텐츠에 맞게 늘어나도록 설정 */
header .select-box { 
    height: auto !important;      /* !important를 붙여 기존 높이(30px) 설정 무시 */
    min-height: 50px;             /* 최소 높이 확보 */
    padding: 15px !important;     /* 상하좌우 여백을 넉넉히 주어 가림 현상 방지 */
    background: #f1f1f1;          /* 영역 확인을 위해 잠시 밝은 회색 적용 */
    box-sizing: border-box;       /* 패딩이 높이에 포함되도록 설정 */
}

/* 2. 드롭다운 박스: 높이를 키우고 가독성 개선 */
header .select-box select { 
    display: block !important; 
    margin: 0 auto; 
    width: 100%; 
    height: 48px !important;    /* 실질적인 터치 높이 확보 */
    font-size: 16px;			/* 모바일 확대 방지를 위해 16px 이상 권장 */
    font-weight: bold; 
    color: #737373; 
    padding: 0 40px 0 15px;		/* 오른쪽 아이콘 자리를 위해 padding-right 확보 */
    border: 1px solid #bbb !important; 
    border-radius: 6px;
    background-color: #ffffff;

    /* 화살표 아이콘 살리기 (역삼각형 SVG) */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23737373%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center; /* 오른쪽에서 15px 띄우고 세로 중앙 */
}