.main-visual { 
        position: relative; 
        height: 100vh; 
        overflow: hidden;
    } 

    .main-visual .bg { 
        width: 100%; 
        height: 100%; 
        background: url("/asset_eng/image/bg/ask.png") no-repeat center center / cover;
        animation: zoom 10s infinite alternate; 
        position: absolute; 
        top: 0; 
        left: 0; 
        z-index: 9; 
    } 

    .main-visual .dim {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0; 
        left: 0;
        z-index: 9;
    }

    .main-visual .txt-wrap {
        position: absolute;
        top: 50%;
        left: 100px;
        transform: translateY(-50%);
        z-index: 10;
    }

    .main-visual .txt-wrap>h2 {
        font-size: 60px;
        font-weight: 400;
        line-height: 78px;
        text-align: left;
        color: #FFFFFF;
    }

    .main-visual .txt-wrap>h2 span {
        font-weight: 800;
        color: #FFFFFF;
    }

    .ask-wrap {
        max-width: 1720px; 
        margin: 0 auto;
        padding: 200px 100px;
    }

    .ask-wrap>p {
        font-size: 24px;
        font-weight: 800;
        line-height: 36px;
        text-align: center;
        color: #0046FF;
        margin-bottom: 20px;
    }

    .ask-wrap>h2 {
        font-size: 90px;
        font-weight: 800;
        line-height: 117px;
        text-align: center;
        margin-bottom: 50px;
    }

    .ask-wrap>p.sub-title {
        font-size: 30px;
        font-weight: 400;
        line-height: 45px;
        text-align: center;
        color: #000000;
    }

    .ask-wrap .form-wrap {
        margin-top: 50px;
    }

    .ask-wrap .form-wrap ul {
        padding: 30px 0;
        border-top: 1px solid #000000;
    }

    .ask-wrap .form-wrap ul li {
        width: 100%;
    }

    .ask-wrap .form-wrap ul li {
        margin-bottom: 30px;
    }

    .ask-wrap .form-wrap ul li.flex {
        display: flex;
        justify-content: space-between;
    }

    .ask-wrap .form-wrap ul li.flex>div {
        width: calc(50% - 10px);
        display: flex;
        flex-direction: column;
    }

    .ask-wrap .form-wrap ul li label {
        display: block;
        font-size: 30px;
        font-weight: 800;
        line-height: 45px;
        text-align: left;
        margin-bottom: 10px;
    }

    .ask-wrap .form-wrap ul li label.error,.privacy_chk_error {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #FF0000;
        margin-top: 10px;
    }

    .privacy_chk_error {display: none;}

    .ask-wrap .form-wrap ul li input.error {
        border: 1px solid #FF0000;
    }

    .ask-wrap .form-wrap ul li select {
        width: 100%;
        height: 70px;
        border: 1px solid #CCCCCC;
        padding-left: 20px;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
        color: #777777;
        -webkit-appearance: none;  /* 크롬 화살표 없애기 */
        -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
        appearance: none;  /* 화살표 없애기 */
        background: url("/asset_eng/image/icon/ico-down-sm.png") no-repeat 99% 50%;
    }

    .ask-wrap .form-wrap ul li select.error {
        border: 1px solid #FF0000;
    }

    .ask-wrap .form-wrap ul li select.selected {
        color: #000000;
    }

    .ask-wrap .form-wrap ul li textarea {
        display: block;
        width: 100%;
        height: 185px;
        border: 1px solid #CCCCCC;
        border-radius: 0;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
        padding: 20px 24px;
    }

    .ask-wrap .form-wrap ul li textarea.error {
        border: 1px solid #FF0000;
    }

    .checkbox {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .checkbox>input {
        width: 17px;
        height: 17px;
        margin-bottom: 11px;
    }

    .ask-wrap .form-wrap ul li .checkbox>label  {
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        text-align: left;
    }

    .privacy_txt {
        margin-top: 10px;
        border: 1px solid #CCCCCC;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
        color: #999999;
        padding: 20px 24px;
    }

    .form-wrap .btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 100px;
    }

    .form-wrap .btn-wrap a {
        width: 265px;
        height: 89px;
        line-height: 89px;
        text-align: center;
        background: #000000;
        border: 1px solid #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        transition: all 0.5s;
    }

    .form-wrap .btn-wrap a:hover, .form-wrap .btn-wrap a.btn-iv:hover {
        background: #0046FF;
        border:  1px solid #0046FF;
    }

    .form-wrap .btn-wrap a:hover span, .form-wrap .btn-wrap a.btn-iv:hover span {
        color: #FFFFFF;
    }

    .form-wrap .btn-wrap a .hover {
        display: none;
        transition: all 0.5s;
    }

    .form-wrap .btn-wrap a:hover .no-hover{
        display: none;
        transition: all 0.5s;
    }

    .form-wrap .btn-wrap a:hover .hover {
        display: inline-block;
        transition: all 0.5s;
    }

    .form-wrap .btn-wrap a span {
        font-size: 26px;
        font-weight: 700;
        line-height: 39px;
        text-align: center;
        color: #FFFFFF;
    }

    .form-wrap .btn-wrap a.btn-iv {
        background: #FFFFFF;
    }

    .form-wrap .btn-wrap a.btn-iv span {
        color: #000000;
    }

    .popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 20;
    }

    .popup.open {
        display: block;
    }

    .popup .inner-box {
        width: 585px;
        padding: 88px 0 60px;
        background: #FFFFFF;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .popup .inner-box p {
        font-size: 30px;
        font-weight: 700;
        line-height: 45px;
        text-align: center;
    }

    .popup .inner-box>span {
        display: block;
        font-size: 17px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #777777;
        margin: 8px auto 30px;
    }

    .popup .btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .popup .btn-wrap a {
        width: 187.5px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background: #666666;
        border: none;
        transition: all 0.5s;
    }

    .popup.pop-error .btn-wrap a{
        width: 385px;
    }


    .popup .btn-wrap a:hover {
        background: #333333;
        transition: all 0.5s;
    }

    .popup .btn-wrap a.btn-bl {
        background: #4785FF;
        transition: all 0.5s;
    }

    .popup .btn-wrap a.btn-bl:hover {
        background: #133B8A;
    }

    .popup .btn-wrap a span {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        text-align: left;
        color: #FFFFFF;
    }

    .popup .btn-wrap a span {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        text-align: left;
        color: #FFFFFF;
    }

    .popup a.btn-close {
        width: 40px;
        height: 40px;
        text-align: center;
        background: #E9E9E9;
        border-radius: 50%;
        position: absolute;
        top: 12px;
        right: 11.5px;
    }

    .popup a.btn-close img {
        margin-top: 12px;
    }

    @media screen and (max-width:1440px) {
    }

    @media screen and (max-width:1125px) {
        .main-visual .txt-wrap {
            left: 20px;
        }

        .main-visual .txt-wrap h2 {
            font-size: 38px;
            line-height: 49.4px;
            text-align: left;
        }

        .main-visual .txt-wrap h2 span {
            font-weight: 400px;
        }

        .ask-wrap {
            padding: 80px 20px;
        }

        .ask-wrap>p {
            font-size: 14px;
            font-weight: 800;
            line-height: 19.6px;
            text-align: center;
            margin-bottom: 10px;
        }

        .ask-wrap>h2 {
            font-size: 38px;
            font-weight: 800;
            line-height: 49.4px;
            text-align: center;
            margin-bottom: 20px;
        }

        .ask-wrap>p.sub-title {
            font-size: 18px;
            font-weight: 400;
            line-height: 27px;
            text-align: center;
            color: #000000;
        }

        .ask-wrap .form-wrap ul li.flex {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }

        .ask-wrap .form-wrap ul li.flex>div {
            width: 100%;
            display: flex;
            flex-direction: column;
            margin-bottom: 30px;
        }

        .ask-wrap .form-wrap ul li.flex>:last-child {
            margin-bottom: 0px;
        }

        .ask-wrap .form-wrap ul li label {
            font-size: 18px;
            font-weight: 800;
            line-height: 27px;
            text-align: left;
        }
        .ask-wrap .form-wrap ul li input {}

        .ask-wrap .form-wrap ul li select {
            width: 100%;
            height: 50px;
            font-size: 17px;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            background: url("/asset_eng/image/icon/ico-down-sm.png") no-repeat 95% 50%;
        }

        .ask-wrap .form-wrap ul li textarea {
            height: 205px;
            font-size: 17px;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            padding: 10px;
        }

        .checkbox {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .checkbox>input {
            width: 17px;
            height: 17px;
            margin-bottom: 12px;
        }

        .checkbox>label {
            font-size: 17px;
        }

        .privacy_txt {
            margin-top: 10px;
            padding: 10px;
            font-size: 14px;
            font-weight: 400;
            line-height: 19.6px;
            text-align: left;
        }

        .form-wrap .btn-wrap {
            margin-top: 50px;
        }

        .form-wrap .btn-wrap a {
            width: calc(50% - 5px);
            height: 60px;
            line-height: 60px;
            gap: 20px;
        }

        .form-wrap .btn-wrap a span {
            font-size: 18px;
            font-weight: 800;
            line-height: 27px;
            text-align: center;
            color: #FFFFFF;
        }

        .form-wrap .btn-wrap a img {
            width: 9.6px;
            height: 17px;
        }

        .form-wrap .btn-wrap a.btn-iv img {
            width: 18.47px;
            height: 17px;
        }
        .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 1000;
        }

        .popup.open {
            display: block;
        }

        .popup .inner-box {
            width: 350px;
            padding: 60px 0 40px;
        }

        .popup .inner-box p {
            font-size: 20px;
            line-height: 26px;
        }

        .popup .inner-box>span {
            font-size: 14px;
            line-height: 19.6px;
            margin: 10px auto 30px;
        }

        .popup .btn-wrap {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .popup .btn-wrap a {
            width: 150px;
            height: 50px;
            line-height: 50px;
        }

        .popup.pop-error .btn-wrap a {
            width: 310px;
        }

        .popup .btn-wrap a.btn-bl {
            background: #4785FF;
        }

        .popup .btn-wrap a span { 
            font-size: 18px;
            line-height: 27px;
        }

        .popup a.btn-close {
            width: 34px;
            height: 34px;
            top: 20px;
            right: 20px;
        }

        .popup a.btn-close img {
            margin: 10px 0 0 1px;
            width: 15px;
            height: 15px;
        }

        


    }

    @media screen and (max-width:992px) {}

    @media screen and (max-width:768px) {}

    @media screen and (max-width:600px) {}

    @media screen and (max-width:480px) {}

    @media screen and (max-width:380px) {}