/* [20261111] 인천나우·인천지창 버튼 */
.goodmorning .gm-visual-area {
    position: relative;
}

/* PC 버튼 위치 */
.goodmorning .gm-magazine-links-wrap {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    z-index: 60;
    height: auto;
    pointer-events: none;
}

/* 버튼 전체 너비 490px */
.goodmorning .gm-magazine-links {
    display: flex;
    gap: 20px;
    width: 490px;
    max-width: 100%;
    margin: 0;
    pointer-events: auto;
}

/* PC 버튼 크기 235×80px */
.goodmorning .gm-magazine-link {
    display: flex;
    flex: 0 0 235px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 80px;
    padding: 16px 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    pointer-events: auto;
}

/* 인천나우 배경 */
.goodmorning .gm-magazine-link--now {
    background-color: rgba(15, 19, 59, .75);
}

/* 인천지창 배경 */
.goodmorning .gm-magazine-link--window {
    background-color: rgba(0, 167, 228, .7);
}

.goodmorning .gm-magazine-link:focus-visible {
    outline: 3px solid #111;
    outline-offset: 4px;
}

.goodmorning .gm-magazine-link:hover {
    box-shadow: 0 0 0 2px #fff inset;
}

/* 로고 크기는 width만 수정. 높이는 자동. */
.goodmorning .gm-magazine-logo {
    display: block;
    flex: 0 1 auto;
    min-width: 0;
    width: 174px;
    max-width: 100%;
    height: auto;
}

/* 화살표 20px, 흰색 원 36px */
.goodmorning .gm-magazine-link::after {
    content: "";
    display: block;
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.goodmorning .gm-magazine-link--now::after {
    background: #fff url("/humanframe/theme/goodmorning/assets/image/main/incheon-now-arrow.svg") no-repeat center / 20px 20px;
}

.goodmorning .gm-magazine-link--window::after {
    background: #fff url("/humanframe/theme/goodmorning/assets/image/main/incheon-jichang-arrow.svg") no-repeat center / 20px 20px;
}

/* 1025px 이상: PC 제목 크기 */
@media (min-width: 1025px) {
    .goodmorning .gm-visual-area .vis-inner-txt-group {
        top: 152px;
        width: 490px;
        height: 308px;
        padding: 16px 24px;
    }

    .goodmorning .gm-visual-area .visual-bann-top {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .goodmorning .gm-visual-area .visual-bann-bott .left-text {
        margin: 10px 0;
        font-size: 1.375rem;
    }

    .goodmorning .gm-visual-area .visual-bann-bott .left-big-text {
        font-size: 2.5rem;
        line-height: 1.2;
        word-break: keep-all;
        overflow-wrap: break-word;
    }


}

/* 작은 PC: 제목과 왼쪽 위치 맞춤 */
@media (max-width: 1371px) {
    .goodmorning .gm-magazine-links-wrap {
        padding-left: 60px;
    }
}

/* 769~1024px: 제목과 버튼 간격 */
@media (min-width: 769px) and (max-width: 1024px) {
    .goodmorning .gm-magazine-links-wrap {
        top: 32px;
    }

    .goodmorning .gm-visual-area .vis-inner-txt-group {
        top: 132px;
    }

}

/* 768px 이하: 배너 아래 버튼 2열 */
@media (max-width: 768px) {
    .goodmorning .gm-magazine-links-wrap {
        position: static;
        padding: 0;
    }

    .goodmorning .gm-magazine-links {
        gap: 12px;
        width: auto;
        max-width: none;
        margin: 16px 0;
        padding: 0 16px;
        transform: none;
    }

    .goodmorning .gm-magazine-link {
        flex: 1 1 0;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
        height: 64px;
        padding: 12px;
    }

    /* 모바일 버튼 배경 */
    .goodmorning .gm-magazine-link--now {
        background-color: #202C59;
    }

    .goodmorning .gm-magazine-link--window {
        background-color: #00A7E4;
    }

    /* 모바일 로고 축소 */
    .goodmorning .gm-magazine-logo {
        max-width: calc(100% - 44px);
    }

}