/* 서브공통 */
.btn_submit {background-color: var(--pointcolor);color:#fff;padding:10px;border-width: 0;}

/* 견적내기 */
.estimate .btnGroup{display:flex;justify-content: center;align-items:center;text-align:center;margin-top:50px;}    
.estimate .btnGroup div{margin:5px;width:100px;height:auto;padding:10px;border:1px solid #e0e0e0;border-radius:5px;}
.estimate .btnGroup div:hover{background-color:#f1f1f1;cursor: pointer;}
.estimate .btnDel{text-align:center;}
.estimate .btnDel div{margin-left:5px;min-width:50px;height:auto;padding:5px;border:1px solid #e0e0e0;cursor: pointer;} 
.estimate .input[type="number"],.estimate .input[type="text"] {width:100%;}
.estimate .data_list{cursor: pointer;}
.estimate  .flexBox{display:flex;flex-wrap: wrap; gap: 2%;}
.estimate  .leftBox, .estimate .rightBox{width:49%;}
.estimate .rightBox #map_div{max-height:600px;border:1px solid #e0e0e0;}
.estimate .tit{font-size: 24px;font-weight:700;}
.estimate .inputBox{width:80%;margin-left:20px;}
.estimate .inputBox input{width:100%;}
.estimate .from, .to{display:flex;margin:10px 0;}
.estimate .input{font-size:15px;padding:10px;border-width: 0 0 1px;}


/* .estimate .addPop{transition: 1s ease-in;} */

/* 운반 */
.estimate .person-list .tit{margin-top: 50px;}
.estimate .person-list .optionBox, .option-list .optionBox{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
/* .estimate .person-list .optionBox .icons{width:70px;height:70px;font-size:24px;margin:auto;position:relative} */
.estimate .person-list .optionBox i {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.estimate .person-list .optionBox span{margin:5px 5px;}
.estimate .person-list .optionBox .item{position:relative;min-width:230px;max-width:240px;min-height:120px; max-height:120px;border:1px solid #e0e0e0;border-radius:5px;text-align:center;justify-content: space-between;cursor: pointer;}
/* .estimate .person-list .optionBox .item div:nth-child(2){margin:10px;} */
.estimate .person-list .optionBox .item .icons{bottom:0;color:var(--pointcolor)}
.estimate .person-list .optionBox .item div{margin-left:10px;margin-bottom:5px;}
@media(max-width:1075px){
    .estimate .person-list .optionBox, .option-list .optionBox {justify-content: flex-start;}
}
@media(max-width:760px){
    .estimate .person-list .optionBox .item{font-size: 12px; min-width:48%;max-width:48%px;min-height:80px;max-height:80px;border:1px solid #e0e0e0;border-radius:5px;text-align:center;justify-content: space-between;cursor: pointer;}
    .estimate .person-list .optionBox{justify-content: flex-start; gap:15px 4%; }
}

/* 차량 */
.estimate .vehicle-list .tit{margin-top: 50px;}
.estimate .vehicle-list .optionBox, .option-list .optionBox{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.estimate .vehicle-list .optionBox .icons{width:70px;height:70px;font-size:24px;margin:auto;position:relative;}
.estimate .vehicle-list .optionBox i {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.estimate .vehicle-list .optionBox span{margin:10px 10px;}
.estimate .vehicle-list .optionBox .item{min-width:110px;max-width:120px;min-height:110px; max-height:120px;border:1px solid #e0e0e0;border-radius:5px;text-align:center;justify-content: space-between;cursor: pointer;}
.estimate .vehicle-list .optionBox .item div:nth-child(2){margin:10px;}
@media(max-width:1075px){
    .estimate .vehicle-list .optionBox, .option-list .optionBox {justify-content: flex-start;}
}
@media(max-width:760px){
    .estimate .vehicle-list .optionBox {justify-content: space-between;gap:15px 4%;}
    .estimate .vehicle-list .optionBox .item{min-height:80px;max-height:80px;}
    .estimate .vehicle-list .optionBox .icons{width:50px;height:50px;font-size:20px;}
}
@media(max-width:400px){
    .estimate .vehicle-list .optionBox, .option-list .optionBox {justify-content: flex-start;}
}

/* 옵션 */
.estimate .option-list .optionBox .item{display:flex;min-width:20%;max-width:23%;max-height:150px;min-height:80px;border:1px solid #e0e0e0;border-radius:15px;text-align:center;justify-content: start;cursor: pointer;}
.estimate .option-list .tit{width:50%;margin-top:50px;}
.estimate .option-list .optionBox .icons {width:30%;margin:auto 0}
.estimate .option-list .optionBox div {width:70%;margin:auto 0}
/* 견적결과 문의신청 */
#counsel_modal .input{padding:5px;border-width: 0 0 1px;}
/* result */
.estimate .result {font-size:15px;display:flex;margin-top:50px;font-weight: 600;}
.estimate .result div {width:50%;}
.estimate .active { background:#1487BC; color:#fff;}
.estimate .leftBox .btn.counsel{cursor: pointer;}

/* MAP */
/* .estimate .rightBox{border:1px solid #e0e0e0;} */
@media(max-width:768px){
    .estimate .flexBox{flex-direction: column-reverse;}
    .estimate .leftBox, .estimate .rightBox{width:100%;}
    .estimate .rightBox{height:350px;}
    .estimate .vehicle-list .optionBox, .estimate .option-list .optionBox{gap:9px;margin-top:15px;}
    .estimate .from, .estimate .to{margin-top:30px;}
    .estimate .tit{font-size:20px;}
    .input{font-size:15px;padding:5px;border-width: 0 0 1px;}
    .estimate .option-list .optionBox .item span, .estimate .vehicle-list .optionBox .item span{font-size: 12px;}
    .estimate .option-list .optionBox .item .icons{font-size:18px;margin-left:5px;}
}

/* 견적내기 */

/* 회원가입 */
#register .input{font-size:15px;padding:10px;border-width: 0 0 1px;padding:10px;border-width: 0;margin-bottom:10px;width:49.8%;}
@media(max-width:990px){
    #register .input{width:100%;}
    #register .width70 { width: 90%;}
}

/* 컨텐츠 생성 */
#contents-page body{margin:0;background:#f8fafc;color:#111827;font-family:'Pretendard','Noto Sans KR',sans-serif;}
#contents-page .container{max-width:1080px;margin:32px auto;}
#contents-page h2{margin-bottom:24px;font-size:24px;}
#contents-page .box,.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:22px;box-shadow:0 2px 8px rgba(0,0,0,.05);}
#contents-page .faq-item{margin-bottom:0px}
#contents-page .box{padding:20px;}
#contents-page label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;}
#contents-page label span{color:#ef4444;}
#contents-page input,#contents-page select,#contents-page textarea{width:100%;border:1px solid #d1d5db;border-radius:7px;box-sizing:border-box;font-size:14px;}
#contents-page input,#contents-page select{height:36px;padding:0 14px;margin-bottom:18px;}
#contents-page textarea{min-height:200px;padding:12px;resize:vertical;}
#contents-page input[type="radio"]{width:auto;height:auto;margin-right:6px;}
#contents-page .radio-box{border:1px solid #e5e7eb;border-radius:7px;padding:14px;margin-bottom:22px;}
#contents-page .radio-box label,#contents-page .inline-radio label{font-weight:500;}
#contents-page .inline-radio,#contents-page.rule-buttons{display:flex;gap:20px;margin-bottom:20px;}
#contents-page .rule-buttons input[type="radio"]{display:none;}
#contents-page .rule-btn{min-width:120px;height:42px;padding:0 20px;border:1px solid #4A86F7;border-radius:10px;color:#4A86F7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
#contents-page .rule-buttons input[type="radio"]:checked+.rule-btn{background:#4A86F7;color:#fff;}
#contents-page .submit-wrap{text-align:center;}
#contents-page .submit-btn{background:#9ca3af;color:#fff;border:0;border-radius:7px;padding:14px 32px;font-weight:700;}
#contents-page .faq-question{width:100%;border:0;background:#f5f5f5;padding:15px 30px;font-size:15px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
#contents-page .faq-answer{display:none;padding:25px 70px 35px;transition:all .3s ease;}
#contents-page .faq-answer p{font-size:14px;line-height:1.8;color:#666;}
#contents-page .faq-item.active .faq-answer{display:block;}
#contents-page .icon{width:40px;height:40px;border-radius:50%;background:#2563eb;color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;}