.hidden_input {
    opacity: 0 !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden;
    pointer-events: none;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    min-width: 0 !important;
}

.sec_cont .sec_contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    position: fixed;
    bottom: -190px;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 15px 50px;
    background: rgba(0, 0, 0, 0.7);
    transition: bottom 0.4s ease-out;
}

.sec_cont .sec_contact.fixed {
    bottom: 0;
    backdrop-filter: saturate(180%) blur(5px)
}

.sec_cont .sec_contact.relative {
    bottom: 0 !important;
    background: #000;
    position: relative;
    padding: 45px 0;
    transition: all 0.3s ease-out;
}

.sec_cont .sec_contact.relative .toggle_button {
    display: none;
}

.sec_cont .sec_contact .toggle_button {
    padding: 8px 20px;
    position: absolute;
    background: inherit;
    color: inherit;
    bottom: 100%;
    right: 0;
    font-size: 16px;
    line-height: 1;
    border-radius: 5px 5px 0px 0;
    cursor: pointer;
}

.sec_cont .sec_contact .toggle_button>span.active {
    display: block;
}

.sec_cont .sec_contact .toggle_button>span {
    display: none;
}

.sec_cont .sec_contact.reset {
    /*bottom:-190px!important;*/
    bottom: 0;
}

.sec_cont .sec_contact.close {
    bottom: -75px;
}

.sec_cont .sec_contact.open {
    bottom: 0;
}


.sec_contact .sec_wrap {
    padding: 0
}

.sec_contact.relative .sec_wrap {
    padding: 0 130px
}

.sec_contact .sec_wrap>.flex_box {
    align-items: center;
}


.sec_contact .title_area {
    margin-bottom: 0;
    white-space: nowrap;
    display: none;
}

.sec_contact.relative .title_area {
    display: block;
}





.sec_contact .input_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-left: 0;
}

.sec_contact.relative .input_box {
    justify-content: flex-start;
    margin-left: 150px;
}


.sec_contact .input_box .write {
    margin-right: 30px;
    height: 50px;
}

.sec_contact .input_box .write {
    width: calc((100% / 5) - 10px);
    margin-bottom: 0;
}

.sec_contact .input_box .write:nth-of-type(2n) {
    margin-right: 30px;
}


.sec_contact.relative .input_box .write {
    width: calc(50% - 10px);
    margin-bottom: 15px;
    margin-right: 20px;
}

.sec_contact.relative .input_box .write:nth-of-type(2n) {
    margin-right: 0;
}



.sec_contact .input_box .write>div {
    width: 100%;
}

.sec_contact .input_box .write:last-of-type {
    margin-bottom: 0;
}



.sec_contact .input_box .write.chk_write {
    width: auto;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}


.sec_contact .input_box .write.chk_write .chk_boxArea .item .cbx-lbl {
    font-size: 14px;
}


.sec_contact .chk_boxArea .item .cbx {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background: transparent;
    margin-right: 5px;
}

.sec_contact .chk_boxArea .item .cbx svg {
    width: 70%;
    height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec_contact .chk_boxArea .item .cbx svg polyline {
    stroke: #000;
    stroke-width: 2;
}


.sec_contact .plane_button span {
    z-index: 2;
}

.sec_contact .plane_button_area {
    font-size: 15px;
    height: 60px;
    width: 300px;
}

.sec_contact.relative .plane_button_area {
    width: 100%;
}

.sec_contact .plane_button_area:hover .plane_button span.default i {
    animation: bano_btn_arrow 0.7s infinite;
}

.sec_contact .plane_button {
    align-items: flex-start;
    padding: 0 15px;
}

.sec_contact .flex_area {
    display: flex;
}

.sec_contact .flex_area .right_area {
    margin-top: auto;
    margin-left: auto;
    min-width: 40%;
}


@media(max-width:1700px) {
    .sec_contact .input_box .write {
        width: calc((80% / 5) - 10px);
        margin-right: 10px;
    }

    .sec_contact .input_box .write:nth-of-type(2n) {
        margin-right: 10px;
    }

}

@media(max-width:1366px) {
    .sec_cont .sec_contact {
        padding: 15px 30px;
    }

    .sec_contact .sec_wrap>.flex_box {
        flex-direction: column;
        align-items: center;
    }

    .sec_contact.relative .title_area {
        margin-bottom: 3vw;
        text-align: center;
        margin-right: 0;
    }

    .sec_contact.relative .sec_wrap {
        padding: 0 70px;
    }

    .sec_contact.relative .input_box {
        margin-left: auto;
    }

    .sec_contact .input_box .write {
        width: calc((100% / 5) - 5vw);
        margin-right: 1vw;
    }

    .sec_contact .input_box .write:nth-of-type(2n) {
        margin-right: 1vw;
    }

    .sec_contact .input_box .write:nth-of-type(2n).chk_write {
        margin: 0 2vw 0 4vw;
    }

    .sec_contact .plane_button_area {
        width: 20vw;
    }

    .sec_cont .sec_contact.reset {
        /*bottom:-190px!important;*/
        bottom: 0;
    }

    .sec_cont .sec_contact.close {
        bottom: -75px;
    }

    .sec_cont .sec_contact.open {
        bottom: 0;
    }

    .sec_cont .sec_contact.relative .title_area .title {
        font-size: 35px;
    }

    .sec_cont .sec_contact.relative .title_area .info {
        font-size: 20px;
    }
}


@media(max-width:1024px) {

    .sec_contact.relative .sec_wrap {
        padding: 0 3vw;
    }

    .sec_contact .sec_wrap>.flex_box {
        align-items: center;
    }

    .sec_contact.relative .title_area {
        text-align: center;
        margin-bottom: 30px;
    }

    .sec_contact.relative .input_box {
        margin-left: 0;
    }

    .sec_contact .input_box {
        margin-left: 0;
        justify-content: flex-start;
    }

    .sec_contact .input_box .write {
        width: calc(50% - 1.25vw);
        margin-bottom: 1.5vw;
        margin-right: 2.5vw;
        height: auto;
        ;
    }

    .sec_contact .input_box .write:nth-of-type(2n) {
        margin-right: 0;
    }

    .sec_contact .input_box .write:nth-of-type(3) {
        margin-bottom: 0;
    }



    .sec_contact .input_box .write.chk_write {
        display: flex;
        justify-content: flex-end;
        margin: 0 !important;
        height: 6vw;
    }

    .sec_contact .input_box .write.chk_write .chk_boxArea .item .cbx-lbl {
        font-size: 2.5vw;
    }

    .sec_contact .plane_button_area {
        width: 100%;
        margin-top: 2vw;
    }

    .sec_cont .sec_contact {
        padding: 2vw;
    }

    .sec_cont .sec_contact.reset {
        /*bottom:-190px!important;*/
        bottom: 0;
    }

    .sec_cont .sec_contact.close {
        bottom: -24vw;
    }

    .sec_cont .sec_contact.open {
        bottom: 0;
    }

    .chk_write .chk_detail_btn {
        font-size: 2.5vw;
    }


    .plane_button {
        font-size: 2.5vw;
    }

    .sec_cont .sec_contact .toggle_button {
        padding: 1vw 2vw;
        font-size: 2.5vw;
    }

    .sec_cont .sec_contact.relative {
        padding: 3vw 0;
    }

    .sec_cont .sec_contact.relative .title_area .title {
        font-size: 6vw;
    }

    .sec_cont .sec_contact.relative .title_area .info {
        font-size: 3.5vw;
    }


}

@media(max-width:820px) {




    .sec_contact {
        background: #eaeae8;
        padding: 5vw;
        order: 1;
        border-bottom: 0.1vw solid #000;
        border-right: 0;
        padding: 0 3vw;
    }

    .sec_cont .sec_contact {
        padding: 2.5vw 2vw;
        margin-bottom: 0;
    }


    .sec_cont .sec_contact.reset {
        /*bottom:-50vw!important;*/
        bottom: 14vw;
    }

    .sec_cont .sec_contact.fixed {
        bottom: 14vw;
    }

    .sec_cont .sec_contact.open {
        bottom: 14vw;
    }

    .sec_cont .sec_contact.close {
        bottom: -17vw;
    }

    .sec_contact .sec_wrap {
        padding: 0 !important;
        ;
        display: flex;
        flex-direction: column;
    }


    .sec_contact .sec_wrap>.flex_box {
        align-items: flex-start;
    }

    .sec_cont .sec_contact .title_area {
        margin-bottom: 5vw;
        text-align: center;
        width: 100%;
    }

    .sec_contact .title_area .title {
        font-size: 7vw;
    }


    .sec_contact .input_box {
        margin-left: 0;
        justify-content: flex-start;
    }

    .sec_contact .input_box .write {
        width: calc(50% - 1.25vw);
        margin-bottom: 1.5vw;
        margin-right: 2.5vw;
        height: 8vw;
    }

    .sec_contact .input_box .write:nth-of-type(2n) {
        margin-right: 0;
    }


    .sec_contact .input_box .write.chk_write {
        display: flex;
        justify-content: flex-end;
        margin-top: 15px !important;
    }

    .sec_contact .input_box .write.chk_write .chk_boxArea .item .cbx-lbl {
        font-size: 3vw;
    }

    .sec_contact.relative .input_box .write {
        width: calc(50% - 1.25vw);
        margin-bottom: 2vw;
        margin-right: 2.5vw;
        height: 8vw;
    }

    .sec_contact.relative .input_box .write:nth-of-type(2n) {
        margin-right: 0;
    }

    .sec_contact.relative .input_box .write:nth-of-type(3) {
        margin-bottom: 0;
    }


    .sec_contact.relative .input_box {
        margin-left: 0;
    }

    .sec_cont .sec_contact.relative {
        padding: 5vw;
    }


    .sec_contact .plane_button_area {
        margin-top: 2vw;
        height: 8.4vw;
        width: 100%;
    }

    .sec_contact .plane_button_area:hover .plane_button span.default i {
        animation: bano_btn_arrow 0.7s infinite;
    }

    .sec_contact .plane_button {
        align-items: flex-start;
        padding: 0 5vw;
    }


    .sec_contact .flex_area {
        flex-direction: column;
    }

    .sec_contact .flex_area .right_area {
        margin-top: 5vw;
        margin-left: 0;
        min-width: 100%;
    }

    .sec_contact .flex_area .right_area .write {
        font-size: 3vw;
    }


    .plane_button_area {
        height: 11vw;
    }

    .plane_button {
        border-radius: 2vw;
    }

    .plane_button .plane .left:before,
    .plane_button .plane .right:before,
    .plane_button .plane .left:after,
    .plane_button .plane .right:after {
        border-radius: 2vw;
    }

    .plane_button span {
        font-size: 3.5vw;
    }

    .plane_button span.success {
        left: -4vw
    }


    .sec_contact .input_box .write:nth-of-type(2n).chk_write {
        margin-left: 3vw;
        margin-right: 0;
    }

    .sec_contact .input_box .write:nth-of-type(3) {
        margin-bottom: 0;
    }

    .select_box_area {
        min-width: auto;
    }

    .sec_cont .sec_contact .toggle_button {
        font-size: 3.5vw;
        padding: 2vw 3vw
    }

    .chk_write .chk_detail_btn {
        font-size: 3vw;
    }

    .custom-select-trigger {
        height: 100%;
        display: flex;
        align-items: center;
    }

}

.white_section .input_type1 label {
    border-color: #fff;
}

.white_section .custom-select-trigger {
    color: #000;
}

.white_section .custom-select-trigger {
    border-color: #fff;
}

.white_section .custom-option {
    color: #000;
}

.white_section .chk_boxArea .item .cbx-lbl {
    color: #fff;
}

.white_section .chk_boxArea .item .cbx {
    border-color: #fff;
}

.white_section .chk_boxArea .item .cbx svg polyline {
    stroke: #fff;
}

.white_section .chk_boxArea .item input:checked~.cbx-lbl {
    color: #fff;
}

.white_section .chk_boxArea .item .cbx:after {
    box-shadow: 0 -18px 0 #fff, 12px -12px 0 #fff, 18px 0 0 #fff, 12px 12px 0 #fff, 0 18px 0 #fff, -12px 12px 0 #fff, -18px 0 0 #fff, -12px -12px 0 #fff;
}

.white_section .chk_boxArea .item .cbx:before {
    background: #fff;
}


.white_section .chk_boxArea .item input[type="checkbox"]:checked+.cbx {
    border-color: #145cef;
    background: #145cef
}

.white_section .plane_button_area {
    background: #145cef;
}

.white_section .plane_button {
    --primary: #145cef;
    /*--success:#000;*/
}

.white_section .plane_button span.default,
.white_section .plane_button span.default i {
    color: #fff
}

/*.white_section .plane_button span.success svg{stroke:#fff;}*/