.forMob {
    display: none;
}

br.forMob {
    display: block;
}

@media (max-width: 1600px) {
    header {
        width: 76%;
    }

    .inner {
        margin: 0 12%;
    }


    .processArticle {
        position: relative;
        align-items: start;
        padding-bottom: 40px;
        margin-bottom: 40px;
        overflow: auto;
    }

    .processArticle h3 {
        position: sticky;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .processArticle ul {
        cursor: grab;
    }


    .processArticle ul li {
        min-width: 220px;
        margin-right: 10px;
    }

    .processArticle ul li:last-child {
        margin-right: 0;
    }

    .snsArticle {
        padding-left: 12%;
    }

    .footerWrap .footerTopInfo {
        padding: 24px 12%;
    }

    .footerWrap .footerBottom {
        padding: 50px 12%;
    }
}

/*태블릿*/
@media (max-width: 1320px) {
    header {
        width: 90%;
    }

    .inner {
        margin: 0 5%;
    }

    h2,
    h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .footerWrap .footerTopInfo {
        padding: 24px 5%;
    }

    .footerWrap .footerBottom {
        padding: 34px 5%;
    }

    .mainContentWrap .applicationBox {
        flex-direction: column;
        padding: 20px;
        box-shadow: none;
    }

    .applicationBox .applicationList {
        flex-direction: column;
        width: 100%;
        gap: 20px;
    }

    .applicationBox .applicationList>div {
        width: 100%;
    }

    .applicationBox a {
        width: 100%;
        gap: 12px;
    }

    .snsArticle {
        flex-direction: column;
        gap: 50px;
        padding-left: 0;
    }

    .snsArticle .titleWrap {
        align-items: center;
        flex-direction: column-reverse;
        text-align: center;
        width: 70%;
    }

    .snsArticle .titleWrap br {
        display: none;
    }

    .snsArticle .imgWrap {
        width: 720px;
    }

    .paymentArticle .paymentList {
        justify-content: center;
    }

    .paymentArticle .paymentItem img {
        scale: 90%;
    }

    .newsArticle {
        position: relative;
        flex-direction: column;
        gap: 50px;
        padding-bottom: 172px;
    }

    .newsArticle .titleWrap {
        align-items: center;
        text-align: center;
        width: auto;
        margin-bottom: 0;
    }

    .newsArticle #moreBtn {
        position: absolute;
        bottom: 90px;
        left: 50%;
        transform: translateX(-50%);
    }

}

/*모바일*/
@media (max-width: 899px) {
    .forPC {
        display: none !important;
    }

    .forMob {
        display: flex;
    }


    h1 {
        font-size: 28px;
    }

    h2,
    h3 {
        font-size: 20px;
        line-height: 30px;
    }

    br {
        display: none;
    }

    br.forMob {
        display: inline;
    }

    .titleWrap {
        gap: 8px;
    }

    .titleWrap span {
        font-size: 14px;
    }

    /* 셀렉트 박스 커스텀 시작 */
    label+input {
        padding-left: 20px;
    }

    .selectBoxTitle {
        margin: 0 0 4px 2px;
        font-size: 13px;
    }

    .selectBox {
        height: 56px;
        background: url(../img/ico_arrow_down_20.svg) calc(100% - 20px) center no-repeat;
        background-size: 16px;
    }

    .selectBox .label {
        padding-left: 20px;
        font-size: 16px;
    }

    .selectBox .optionList {
        top: 60px;
    }

    .selectBox .optionItem {
        padding: 20px;
        margin-right: 2px;
        font-size: 16px;
    }

    /* 스크롤 커스텀 */
    .selectBox .optionList::-webkit-scrollbar {
        width: 4px;
    }

    /* 헤더 영역 시작 */

    header {
        position: relative;
        width: 89%;
        height: 60px;
    }

    .logo.forMob {
        position: absolute;
        width: 94px;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .menuList .menuBtnWrap {
        width: 100%;
    }

    /* 
    .menuList .selectBox.siteTab {
        width: 90px;
        height: auto;
        padding-left: 5px;
        background: url(../img/ico_arrow_down_16.svg) calc(100% - 10px) center no-repeat;
        background-color: transparent !important;
        background-size: 12px;
        border-radius: 0;
        border: none;
    }

    .menuList .selectBox.siteTab .label {
        padding-left: 0;
        font-size: 13px;
        color: white;
    }

    .menuList .selectBox.siteTab .optionList {
        display: block;
        top: 21px;
        max-height: 0px;
        padding: 0;
    }

    .menuList .selectBox.siteTab.active .optionList {
        max-height: 200px;
        overflow-y: hidden;
    }


    .menuList .selectBox.siteTab .optionList .optionItem {
        padding: 12px 10px !important;
        font-size: 13px !important;
        margin-right: 0;
    }

    .menuList .selectBox.siteTab .optionItem a {
        color: #555;
    }

    .menuList .selectBox.siteTab .optionItem.active a {
        color: var(--esta-main-color);
    } */

    .menuList .selectBox.language {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        width: 25px;
        height: 25px;
        border: none;
    }

    .menuList .selectBox.language .label {
        width: 25px;
        height: 25px;
        background: url(../img/ico_language.svg) center center no-repeat;
        cursor: pointer;
    }

    .menuList .selectBoxWrap.language::after {
        display: none;
    }

    .menuList .selectBox.language .optionList {
        width: 88px;
        top: 32px;
        left: 0;
        padding: 0;
        overflow-y: hidden;
    }

    .menuList .selectBox.language.active .optionList {
        max-height: 300px;
    }

    .menuList .selectBox.language .optionList .optionItem {
        padding: 12px 0 !important;
        font-size: 13px !important;
    }

    .menuList .btnResult.forMob {
        width: 25px;
        height: 25px;
        cursor: pointer;
    }

    /* 헤더 영역 끝 */

    /* 콘텐츠 영역 시작 */
    #goTopBtn {
        bottom: 1vh;
        right: 5vw;
        width: 44px;
        height: 44px;
        border-radius: 50px;
        transform: translate(0, -50%);
    }

    #goTopBtn img {
        width: 21px;
        height: 21px;
    }

    #goTopBtn.active {
        width: 116px;
        background: white;
    }

    #goTopBtn .active {
        display: none;
    }

    #goTopBtn.active .goTopIco {
        display: none;
    }

    .goTopText {
        margin-left: 8px;
        color: var(--esta-main-color);
        font-weight: 700;
    }

    #goTopBtn.active .goTopText,
    #goTopBtn.active .goTopIcoRed {
        display: block;
    }

    .mainArticle {
        padding: 90px 0 0;
        gap: 30px;
        background-position: center top;
        background-size: auto 340px;
    }

    #siteTab {
        padding: 4px 6px;
        gap: 2px;
    }

    #siteTab .siteTabItem a {
        width: 68px;
        padding: 10px 0;
        font-size: 12px;
        border-radius: 25px;
    }

    .mainContentWrap .titleWrap {
        padding: 0 46px;
        overflow: hidden;
    }

    .mainContentWrap .titleWrap p {
        font-size: 14px;
    }

    .mainContentWrap .applicationBox {
        border-radius: 15px 15px 0 0;
    }


    .mainContentWrap .applicationBox a {
        height: 56px;
        font-size: 18px;
    }

    .mainContentWrap .applicationBox .applicationList {
        gap: 14px;
    }

    .mainContentWrap .applicationBox a img {
        width: 18px;
        height: 18px;
    }

    .processArticle {
        gap: 20px;
        width: 105.6%;
        padding: 40px 0 20px;
        margin-bottom: 10px;
    }

    .processArticle h3 {
        left: 0;
        transform: translateX(0);
    }

    .processArticle ul li {
        flex-direction: column-reverse;
        text-align: left;
        align-items: start;
        width: 190px;
        padding: 30px 0 30px 28px;
    }

    .processArticle ul li:after {
        width: 12.5%;
        height: 12.5%;
        right: -15%;
    }

    .processArticle ul img {
        margin: 0 auto;
    }

    .processArticle ul li .textWrap span {
        font-size: 16px;
    }

    .processArticle ul li .textWrap p {
        font-size: 14px;
    }

    .resultArticle {
        flex-direction: column;
        padding: 50px 0;
        gap: 24px;
    }

    .resultArticle .titleWrap {
        width: 100%;
        gap: 18x;
    }

    .resultArticle .titleWrap p {
        font-size: 14px;
        line-height: 21px;
    }

    .resultArticle .titleWrap p span {
        margin-top: 4px;
        font-size: 12px;
    }

    .resultArticle .resultBoxWrap {
        width: 100%;
        min-width: 0;
        gap: 30px;
        padding: 20px 10px 24px;
    }

    .resultArticle .resultBoxWrap .resultBoxTop {
        flex-direction: column;
        gap: 20px;
    }

    .resultArticle .resultBoxWrap .resultBoxTop>div {
        width: 100%;
    }

    .radioBtnWrap {
        margin-bottom: 24px;
    }

    .linksArticle {
        padding: 50px 0;
        gap: 24px;
        align-items: start;
    }

    .linksArticle .titleWrap {
        margin: 0 auto;
        text-align: left;
        width: 100%;
    }


    .linksArticle .linksList {
        flex-direction: column;
        gap: 10px;
    }

    .linksArticle .linksList .linksItem {
        width: 100%;
        max-width: 300px;
        padding: 26px 0;
    }

    .linksArticle .linksList .linksItem span {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .linksArticle .linksList .linksItem img {
        width: auto;
        height: 35px;
    }

    .linksArticle .linksList .linksItem .arrowWrap {
        width: 28px;
        height: 28px;
    }

    .paymentArticle {
        padding: 30px 0 50px;
        gap: 24px;
    }

    .snsArticle {
        gap: 24px;
        padding: 50px 5%;
    }

    .snsArticle .titleWrap {
        gap: 12px;
    }

    .snsArticle .titleWrap .btnWrap a.active {
        font-size: 12px;
        padding: 10px 28px 10px 16px;
        background-position: right 14px center;
        background-size: 8px 14px;
    }

    .snsArticle .imgWrap {
        width: 350px;
    }

    .slick-prev.custom-prev,
    .slick-next.custom-next {
        width: 34px;
        height: 34px;
    }

    .paymentArticle .paymentList {
        gap: 14px;
    }

    .paymentArticle .paymentItem {
        min-width: 140px;
        height: 90px;
    }

    .paymentArticle .paymentItem img {
        scale: 70%;
    }

    .faqArticle {
        padding: 50px 0;
    }

    .faqArticle h3 {
        margin-bottom: 24px;
    }

    .faqArticle .faqList {
        margin-bottom: 10px;
    }

    .faqArticle .faqItem {
        font-size: 12px;
        line-height: 18px;
    }

    .faqArticle .faqItem .top {
        padding: 20px 20px;
    }

    .faqArticle .faqItem .top h5 {
        font-size: 13px;
        line-height: 18.5px;
    }

    .faqArticle .faqItem .top h5 span {
        font-size: 16px;
        margin-right: 8px;
    }

    .faqArticle .faqItem .top .openCloseIcon {
        width: 12px;
        height: 12px;
    }

    .faqArticle .faqItem .bottom {
        padding: 0 20px;
    }

    .faqArticle .faqItem.active .bottom {
        padding: 18px 20px;
    }

    .faqArticle .bottom .answerList {
        padding: 20px 0;
    }

    .faqArticle .faqItem .bottom .answerList>div {
        gap: 8%;
    }

    .faqArticle #moreBtn {
        height: 20px;
        border-radius: 7px;
        font-size: 12px;
        border: none;
    }

    .faqArticle #moreBtn img {
        margin-left: 4px;
        width: 12px;
        height: 12px;
    }

    .newsArticle {
        flex-direction: column;
        gap: 24px;
        padding: 50px 0 108px;
    }

    .newsArticle #moreBtn {
        width: 105px;
        font-size: 12px;
        /* padding: 12px 32px 12px 36px; */
        padding: 10px 32px 10px 30px;
        background-position: right 22px center;
        background-size: 8px 14px;
        bottom: 44px;
    }

    .newsList {
        width: 100%;
        justify-content: space-between;
        gap: 8px;
    }

    .newsList .newsItem {
        padding: 24px 4px;
    }

    .newsList .newsItem .date {
        width: 18%;
        font-size: 12px;
    }

    .newsList .newsItem .title {
        width: 76.5%;
        font-size: 13px;
    }

    /* 푸터 영역 시작 */
    .footerWrap .footerTopInfo {
        overflow-x: auto;
    }

    .footerWrap .footerTopInfo li a {
        font-size: 12px;
    }

    .footerWrap .footerBottom {
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }

    .footerWrap .footerBottom .footerInfo {
        align-items: center;
    }

    .footerWrap .footerBottom .footerInfo li {
        flex-direction: column;
    }

    .footerWrap .footerBottom .footerInfo li p {
        text-align: center;
    }

    .footerWrap .footerBottom .footerInfo li:first-child {
        width: 94px;
        margin-bottom: 16px;
    }

    .footerWrap .footerBottom .footerInfo li:nth-child(4) {
        margin-bottom: 12px;
    }

    .footerWrap .footerBottom .footerInfo li p:last-child {
        padding-left: 0;
    }

    .footerWrap .footerBottom .footerInfo li p:last-child::before {
        display: none;
    }

    /* 푸터 영역 끝 */
}