/*
(주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/

.main_sqi1 .main_cont_container {
    background-color: #eff1f3;
    border-radius: 20px;
    padding:35px 53px 38px;
    max-width: 1200px !important;
}

.main_sqi1 h5 {
    font-size: 21px;
    color:#111111;
    font-weight: 700;
    margin-bottom: 22px;
}

.main_sqi1 .input_area {
    display:flex;
    gap:6px;
}

.main_sqi1 .input_area input {
    background-color: #fff;
    height: 50px;
    border-radius: 8px;
    padding:0 17px;
    width: calc(100% / 3 - 56px);
    font-size: 16px;
    color:#999999;
    border:1px solid #ededed;
}

.main_sqi1 .input_area input:active, .main_sqi1 .input_area input:focus {
    color: #111;
    border: 1px solid #111;
}

.main_sqi1 .input_area button {
    border-radius: 8px;
    color:#fff;
    background-color: #de1231;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    width: 150px;
}


.main_sqi1 .input_area button:hover {
	background:#c31530;
}

@media (max-width:991px) {
    .main_sqi1 .main_cont_container {
        padding: 35px 25px;
        text-align: center;
        border-radius: 17.5px;
    }

    .main_sqi1 h5 {
        font-size: 18.5px;
        text-align: center;
        margin-bottom: 15px;
    }

    .main_sqi1 .input_area {
        flex-direction: column;
        gap:8px;
    }

    .main_sqi1 .input_area input {
        width: 100%;
        height: 44px;
        border-radius: 4.5px;
        font-size: 13px;
        padding:0 12px;
    }

    .main_sqi1 .input_area button {
        width: 100%;
        height: 49px;
        border-radius: 4.5px;
        font-size: 15px;
        margin-top: 4px;
    }
}