@charset "utf-8";

.section-btn{width: 60%;height: 40px;margin: 0 auto;}
.section-btn>ul{width: 55%;display: flex;justify-content: space-between;margin: 0 auto;}
.section-btn>ul>li{width: 300px;height: auto;border-radius: 10px;}
.section-btn>ul>li>input[type=submit]{width: 300px;height: 40px;border-radius: 10px;font-size: 16px;text-align: center;background-color: #01A69F;border: 1px solid #666;color: #fff;cursor: pointer;font-family: "KTfontMedium";padding-top: 4px;}
.section-btn>ul>li>input[type=button]{width: 300px;height: 40px;border-radius: 10px;font-size: 16px;text-align: center;background-color: #01A69F;border: 1px solid #666;color: #fff;cursor: pointer;font-family: "KTfontMedium";padding-top: 4px;}
.section-btn>ul>li:first-child>input[type=submit]{background-color: #fff;color: #222;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

@media screen and (max-width: 1750px) {
    .section-btn>ul>li>input[type=submit]{width: 250px;}
    .section-btn>ul>li>input[type=button]{width: 250px;}
}
@media screen and (max-width: 1500px) {
    .section-btn{width: 80%;}
}
@media screen and (max-width: 1350px) {
    .section-btn>ul>li>input[type=submit]{width: 220px;}
    .section-btn>ul>li>input[type=button]{width: 220px;}
}
@media screen and (max-width: 1000px) {
    .section-btn{width: 100%;}
    .section-btn>ul>li>input[type=submit]{width: 220px;}
    .section-btn>ul>li>input[type=button]{width: 220px;}
}
@media screen and (max-width: 850px) {
    .section-btn>ul{width: 55%;}
    .section-btn>ul>li{margin: 0 auto 10px;text-align: center;width: 150px;}
    .section-btn>ul>li>input[type=submit]{width: 150px;}
    .section-btn>ul>li>input[type=button]{width: 150px;}
}
@media screen and (max-width: 600px) {
    .section-btn{margin: 80px auto 0;}
    .section-btn>ul>li>input[type=submit]{width: 110px;font-size: 15px;padding-top: 3px;}
    .section-btn>ul>li>input[type=button]{width: 110px;}
}
@media screen and (max-width: 499px) {
    .section-btn{width: 85%;height: 120px;}
    .section-btn>ul{width: 63%;margin: 0 auto;}
    .section-btn>ul>li>input[type=submit]{width: 95px;}
    .section-btn>ul>li>input[type=button]{width: 95px;}
}
@media screen and (max-width: 360px) {
    .section-btn>ul>li>input[type=submit]{width: 100px;}
    .section-btn>ul>li>input[type=button]{width: 100px;}
}
@media screen and (max-width: 280px) {
    .section-btn{margin-top: 100px;}
    .section-btn>ul{width: 90%;}
}