
/* 60페이지 문의 폼 플레이스홀더: 한글은 Noto Sans KR 400, 영문·숫자·기호는 Outfit 350으로 그린다.
   ::placeholder는 내부에 em.outfit을 넣을 수 없어 unicode-range가 다른 두 face를 한 family로 묶는다.
   영문 face는 Outfit 350 가변 인스턴스(정적 파일)라 400 요청에서도 350 굵기로 렌더링된다. */
@font-face {
    font-family: 'consult-ph';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('font/Outfit-Weight350.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'consult-ph';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('font/NotoSansKR-VariableFont-subset.woff2') format('woff2');
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F, U+A960-A97F, U+D7B0-D7FF;
}


    .sub_top { padding: 115px 0 !important; }
    .sub_top .inner p.h5 {
        font-size: 20px !important;
        font-weight: 500 !important;
        padding-bottom: 0 !important;
        margin-bottom: 17px !important;
    }
    .sub_top .inner p::before { display: none !important; }
    .sub_top .inner span { font-size: 16px !important; font-weight: 400 !important; }
    body.page-60 .sub_top .inner .pc_only > div + div { margin-top: 10px !important; }
    body.page-60 .consult {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }
    body.page-60 .consult form {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
    }
    body.page-60 .consult .item {
        padding: 65px 65px !important;
    }
    body.page-60 .consult .item:nth-of-type(2) {
        padding-bottom: 52px !important;
    }
    body.page-60 .consult .item:last-child {
        padding: 65px !important;
    }
    body.page-60 .consult .item.flex {
        width: -webkit-fit-content !important;
        width: fit-content !important;
        max-width: 100% !important;
        padding: 63px 65px !important;
    }
    body.page-60 .consult .item.flex > ul {
        grid-template-columns: repeat(3, 1fr) !important;
        row-gap: 40px !important;
        margin-left: 40px !important;
    }
    body.page-60 .consult .item.flex > ul li {
        white-space: nowrap !important;
    }
    body.page-60 .consult .item.flex > ul li:nth-child(3n-1) {
        justify-self: start !important;
    }
    body.page-60 .consult .item.flex > ul li:nth-child(3n) {
        justify-self: start !important;
    }
    body.page-60 .consult .form_wrap div {
        width: calc(50% - 20px) !important;
        min-height: 46px !important;
    }
    body.page-60 .consult .form_wrap div:not(:nth-child(-n+3)) {
        margin-top: 0 !important;
    }
    body.page-60 .consult .form_wrap div:nth-child(n+3) {
        margin-top: 40px !important;
    }
    body.page-60 .consult label.minwidth55 {
        min-width: 90.703px !important;
    }
    body.page-60 .consult label.tit {
        font-size: 20px !important;
        line-height: 1 !important;
        min-width: 90.703px !important;
    }
    body.page-60 .consult label.tit em.outfit {
        font-weight: 450 !important;
    }
    body.page-60 .consult .item.flex > label.tit {
        position: relative !important;
        top: 2px !important;
    }
    body.page-60 .consult textarea {
        height: 200px !important;
        min-height: 200px !important;
        margin-top: 15px !important;
    }
    body.page-60 .consult .item {
        font-size: 16px !important;
    }
    body.page-60 .consult .item input,
    body.page-60 .consult .item textarea,
    body.page-60 .consult .item label:not(.tit) {
        font-size: 16px !important;
    }
    body.page-60 .consult .item input::placeholder,
    body.page-60 .consult .item textarea::placeholder {
        font-family: 'consult-ph', 'Noto Sans KR', sans-serif !important;
        font-size: 16px !important;
        /* 한글 400. 영문·숫자·기호는 consult-ph 영문 face(350 인스턴스)가 350으로 그린다. */
        font-weight: 400 !important;
        /* 위 영문 face의 실제 렌더링 굵기. 주석 캡처가 이 값을 그대로 사용한다. */
        --outfit-weight: 350;
    }

body.page-60 .consult,
body.page-60 .consult label,
body.page-60 .consult input,
body.page-60 .consult textarea,
body.page-60 .consult input::placeholder,
body.page-60 .consult textarea::placeholder {
    font-family: 'outfit', 'Noto Sans KR', sans-serif !important;
}
body.page-60 .consult textarea:focus {
    outline: none !important;
}
body.page-60 .btn_area {
    margin-top: 115px !important;
}
body.page-60 #container {
    padding-bottom: 115px !important;
}
body.page-60 #footer.footer_white .fix_btn_box {
	 display: none !important;
}
body.page-60 #footer.footer_black .fix_btn_box {
    display: none !important;
}
