@media screen and (max-width: 1200px) {
    header {
        padding: 0 1.5rem;
    }

    main {
        padding: 4rem 1.5rem 20rem;
    }
    main .newsWrap {
        padding: 3rem 1.5rem;
    }
    main .newsWrap a {
        font-size: 1.4rem;
        padding: 1.5rem 0;
    }
    main .newsWrap p {
        font-size: 1.4rem;
    }
    main .newsWrap h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
    main .news a .text h3 {
        font-size: 18px;
    }
    main .news a .text p {
        font-size: 16px;
    }
    #index {
        padding: 0 1.5rem 20rem;
    }
}

@media screen and (max-width: 768px) {
    header {
        height: 5rem;
        border-bottom: none;
    }
    header h1 {
        width: 10rem;
    }
    header #backBtn {
        width: 2rem;
    }

    footer {
        padding: 3rem 1.5rem;
        gap: 1.5rem;
        align-items: flex-start;
    }
    footer h2 {
        font-size: 1.8rem;
    }
    footer .contentWrap {
        flex-flow: column nowrap;
        gap: 0.5rem;
    }
    footer .contentWrap .content {
        border: none;
        margin: 0;
        padding: 0;
    }
    footer .contentWrap .content h3 {
        font-size: 1.4rem;
    }
    footer .contentWrap .content p {
        font-size: 1.4rem;
    }

    main {
        padding: 2rem 1.5rem 20rem;
    }
    main .kakao {
        padding: 2rem 3rem;
        background-position: right 3rem center;
        margin-bottom: 4rem;
    }
    main .kakao p {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }
    main .kakao h2 {
        font-size: 2rem;
    }
    main .homeMenu h2 {
        font-size: 2rem;
    }
    main .homeMenu h2 strong {
        font-size: 2rem;
    }
    main .homeMenu .top {
        margin-bottom: 4rem;
        display: none;
    }
    main .homeMenu .mobileTop {
        display: flex;
    }
    main .homeMenu .bottom a {
        gap: 1.5rem;
        background-size: 1.5rem;
    }
    main .homeMenu .bottom a .icon {
        width: 5rem;
    }
    main .homeMenu .bottom a .text p {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }
    main .homeMenu .bottom a .text h3 {
        font-size: 1.6rem;
    }
    main > h2 {
        font-size: 2rem;
        font-weight: 900;
    }
    main > h2 em {
        font-size: 2rem;
        font-weight: 900;
    }
    main > p {
        font-size: 1.4rem;
        line-height: 1.4;
        margin-bottom: 0.5rem;
    }
    main #linkFrm .linkWrap {
        margin-bottom: 3rem;
    }
    main #linkFrm .linkWrap .inputWrap {
        height: 10rem;
    }
    main #linkFrm .linkWrap .inputWrap label {
        padding: 2rem;
        background-position: right 2rem bottom 2rem;
        background-size: 3rem;
        font-size: 1.6rem;
        line-height: 1.4;
    }
    main #linkFrm > button {
        padding: 2rem 0;
        font-size: 1.6rem;
        border-radius: 1rem;
    }
    main #govFrm .inputWrap h3 {
        font-size: 1.6rem;
    }
    main #govFrm .inputWrap input {
        padding: 2rem 1.5rem;
        font-size: 1.4rem;
    }
    main #govFrm .inputWrap select {
        padding: 2rem 1.5rem;
        background-size: 1.5rem;
        background-position: right 1.5rem center;
        font-size: 1.4rem;
    }
    main #govFrm .inputWrap select option {
        font-size: 1.4rem;
    }
    main #govFrm > button {
        padding: 2rem 0;
        font-size: 1.6rem;
        border-radius: 1rem;
        margin-top: 2rem;
    }
    main > h3 {
        font-size: 1.8rem;
    }
    main > pre {
        font-size: 1.4rem;
        margin-bottom: 4rem;
    }
    main > pre em {
        font-size: 1.4rem;
        margin-bottom: 0.5rem;
    }
    main .menu {
        gap: 1.5rem;
    }
    main .menu a {
        padding: 3rem 2rem;
        border-radius: 1rem;
        font-size: 1.8rem;
        background-size: 3rem;
        background-position: right 2rem center;
    }
    main .menu a em {
        font-size: 1.8rem;
    }
    main .buttonWrap {
        gap: 1.5rem;
    }
    main .buttonWrap a {
        padding: 2rem 0;
        font-size: 1.6rem;
        border-radius: 1rem;
    }
    main #filterFrm {
        gap: 1rem;
        margin-bottom: 3rem;
        position: relative;
    }
    main #filterFrm .selectWrap {
        flex-flow: row wrap;
    }
    main #filterFrm .selectWrap select {
        width: calc(50% - 0.5rem);
        padding: 2rem 1.5rem;
        font-size: 1.4rem;
    }
    main #filterFrm #welfareSearch {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
    }
    main #filterFrm > select {
        padding: 2rem 1.5rem;
        border-radius: 1rem;
        font-size: 1.4rem;
        background-size: 1.5rem;
        background-position: right 1.5rem center;
    }
    main #filterFrm input {
        padding: 2rem 1.5rem;
        border-radius: 1rem;
        font-size: 1.4rem;
        background-size: 2rem;
        background-position: right 1.5rem center;
    }
    main .result {
        flex-flow: column nowrap;
        gap: 1.5rem;
    }
    main .result > a {
        width: 100%;
        padding: 2rem 1.5rem;
    }
    main .result a .typeWrap {
        margin-bottom: 1.5rem;
    }
    main .result a .typeWrap span {
        font-size: 1.4rem;
        padding: 0.5rem 2rem;
    }
    main .result a h3 {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }
    main .result a .detailWrap em {
        font-size: 1.4rem;
        width: 8rem;
    }
    main .result a .detailWrap span {
        font-size: 1.4rem;
    }
    main .pagination strong {
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }
    main .pagination a {
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }
    main .pagination span {
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }
    main .top h2 {
        line-height: 1.4;
        margin-bottom: 4rem;
        font-size: 1.8rem;
    }
    main .top .typeWrap {
        margin-bottom: 1.5rem;
    }
    main .top .typeWrap span {
        font-size: 1.4rem;
        padding: 0.5rem 2rem;
    }
    main .top .detail h3 {
        font-size: 1.4rem;
    }
    main .top .detail p {
        font-size: 1.4rem;
    }
    main .content > h3 {
        font-size: 1.8rem;
    }
    main .content .description {
        margin-bottom: 4rem;
    }
    main .content .description p {
        font-size: 1.4rem;
    }
    main .content .description p span {
        font-size: 1.4rem;
    }
    main .result a > h2 {
        font-size: 1.8rem;
    }
    main .result a > p {
        font-size: 1.4rem;
    }
    main .welfare .typeWrap span {
        font-size: 1.4rem;
        padding: 0.5rem 2rem;
    }
    main .welfare > h2 {
        font-size: 1.8rem;
    }
    main .welfare > p {
        font-size: 1.4rem;
        margin-bottom: 3rem;
    }
    main .welfare .detail h3 {
        font-size: 1.4rem;
    }
    main .welfare .detail p {
        font-size: 1.4rem;
    }
    main .welfare .category {
        margin-bottom: 4rem;
    }
    main .welfare .category a {
        font-size: 1.4rem;
        padding: 1.5rem 0;
    }
    main .welfare .content pre {
        font-size: 1.4rem;
        margin-bottom: 4rem;
    }
    main > .detail p {
        font-size: 1.4rem;
        padding: 0.5rem 2rem;
    }
    main > .detail h2 {
        line-height: 1.4;
    }
    main .detail .category a {
        font-size: 1.4rem;
        padding: 1.5rem 0;
    }
    main .detail .content > pre {
        font-size: 1.4rem;
        margin-bottom: 4rem;
    }
    main .detail .category {
        margin-bottom: 4rem;
    }
    main #searchFrm {
        margin-bottom: 3rem;
        border-radius: 1rem;
    }
    main #searchFrm input {
        font-size: 1.4rem;
        padding: 2rem 1.5rem;
    }
    main #searchFrm button {
        width: 2rem;
        right: 1.5rem;
    }

    main .news {
        display: none;
    }
    main .news.mobileNews {
        display: flex;
        gap: 1.5rem;
    }
    main .news a {
        height: 12rem;
    }
    main .news a .image {
        width: 45%;
    }
    main .news a .text {
        width: 55%;
    }
    main .news a .text h3 {
        font-size: 1.6rem;
    }
    main .news a .text p {
        font-size: 1.4rem;
    }
}