/* 전역 리셋 및 기본 설정 */
html, body {
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    font-family: "Noto Sans KR", sans-serif;
}

/* PC/태블릿 공용 스타일 */
div.adimg {
    text-align: center;
    /*margin: 20px 0;*/
    width: 100%;
}
div.adimg img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    /*border: 1px solid #eee;*/
    box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
    /*border-radius: 5px;*/
}

div.adimg #img3 {
    cursor: pointer;
}

/* 하단 Fixed Form */
.fixed-inquiry-form {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #004e99;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    z-index: 9999;
}

.fixed-inquiry-form form {
    display: flex;
    flex-direction: column; /* 전체적으로는 세로 배치 */
    align-items: center;
    justify-content: center;
}

/* 이름, 전화번호를 한 줄(인라인)으로 배치하기 위한 래퍼 */
.fixed-inquiry-form .input-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; /* 아래쪽 버튼과 간격 */
}

.fixed-inquiry-form .input-row label {
    font-size: 1.5em;
    margin: 0 10px;
    display: inline-flex;
    align-items: center;
}

.fixed-inquiry-form input[type="text"] {
    margin-left: 5px;
    padding: 5px;
    border: none;
    border-radius: 3px;
    width: 120px;
}

/* 버튼 스타일 */
.fixed-inquiry-form button {
    background: #fff;
    color: #004e99;
    border: none;
    padding: 8px 26px;
    border-radius: 25px;
    font-weight: 800;
    cursor: pointer;
    /* 글자색 깜빡임 애니메이션 추가 */
    animation: blinkText 0.5s infinite;
    font-size: 2.3em;
}

/* 깜빡이는 애니메이션 키프레임 */
@keyframes blinkText {
    0%, 100% { color: #004e99; } /* 원래색 */
    50% { color: #000; }         /* 검정색 */
}

/* 모바일 사이즈 대응 */
@media (max-width: 767px) {
    /* 부모 컨테이너 여백 제거 */
    div.adimg {
        margin: 0;
        padding: 0;
        text-align: center; /* 부모도 가운데 정렬 유지 */
    }

    /* 이미지를 화면 폭에 맞추면서도 가운데 정렬 */
    div.adimg img {
        border: none;
        box-shadow: none;
        border-radius: 0;
        display: block;
        margin: 0 auto;    /* 블록 요소 중앙 정렬 */
        max-width: 100%;   /* 화면 폭에 맞게 확장 */
        height: auto;
    }
}