.activationColor { background-color: #3a1c19 !important; }

.header-container { border-bottom-color:#efefef; background:#efefef; }
.header-container .step li.on { background-color:#3a1c19; }

.intro-container .tit { color:#444; }
.intro-container .tit strong { color:#222; }
.intro-container .detail { color:#666; }
.intro-container .detail ul li,
.intro-container .detail ul li * { color:#444; }
.intro-container .detail dl dt { color:#444; }
.intro-container .detail dl dd { color:#444; }
.intro-container .detail p.guide { color:#666; }
.intro-container .btn button { background-color:#8d6f4b; }
/* 잠긴 단추(«…부터 신청 가능» · «입찰 접수가 마감되었습니다») — 공통 button:disabled 가 바탕을 #f7f7f7 로 바꿔 흰 글자가 안 보였다(QA-257 김효진) */
.intro-container .btn button:disabled { color:#000; }
/* 단추 줄의 마지막 단추는 공용 규칙대로 회색(:last-child) — 마감 뒤 «입찰 신청 내역 조회» 처럼 하나만 남아도 회색(범주 10-22, QA-273 을 되돌림). 결과 조회 단추(.result-btn)만 메인색(범주 10-29) */
.intro-container .logo2 { padding-bottom: 15px; }
.intro-container .logo img { max-width: 150px; }

/* 머리글: 로고 100px + 같은 줄에 사이트명(굵게) */
.header-container .logo a { display: flex; align-items: center; gap: 12px; cursor: pointer; }
.header-container .logo img { max-width: 100px; height: auto; }
.header-container .logo .site-name { color: #222; font-size: 18px; font-weight: 800; letter-spacing: -0.02em; white-space: nowrap; }

.intro-container .detail ul li { display: flex; }

/* agreement */
.agreement .agreement-title { background-color:#f6f6f6; padding:25px 40px; border:1px solid #ccc; height:30px;}
.agreement .agreement-title h2 { text-align: left; display:inline-block; font-size:20px !important; line-height:30px;}
.agreement .agreement-title h2 span.red { color:#ff2222; }
.agreement .agreement-title .chkBox { top:30%; right:20px; position:absolute; left:auto;}
.agreement .agreement-title .chkBox input[type="checkbox"] {position:absolute; top:0; left: 0; width:32px; height:30px; opacity:0;}
.agreement .agreement-title .chkBox label { display: inline-block; width:30px; height:30px; cursor: pointer; background:url(../images/chkbox_off.png) no-repeat 100%;  }
.agreement .agreement-title .chkBox.checked label { background-image:url(../images/chkbox_on.png); }
.agreement .agreement-container { clear:both; font-size:15px; line-height:24px; padding:40px; border:1px solid #ccc; background-color:#ffffff; }
.agreement .agreement-container p.li { font-size:15px; list-style-type:circle; padding-left:16px; text-indent:-16px;  }
.agreement .agreement-container u { font-size:15px; text-decoration: none; border-bottom:2px solid red; }
.agreement .agreement-container b { font-weight: bold; font-size:15px; }
.agreement .agreement-container dl	{ clear:both; width:300px; padding:5px 0;}
.agreement .agreement-container dl dt { width:150px; float:left; font-weight: bold; font-size:14px;}
.agreement .agreement-container dl dd { width:150px; float:left; font-size:14px;}
.agreement .agreement-container dl dd.m { width:300px;}
.agreement .agreement-container span.point { font-size:15px; font-weight:bold; text-decoration: underline;}
.agreement .agreement-container.notice { border-top:1px solid #ccc; background:none; font-size:14px;}
.agreement .agreement-container.notice b { color:#ff2200; font-size:15px;}
.agreement .agreement-container .important { font-size:17px; text-decoration:underline; line-height:24px; color:#222; }
.agreement .agreement-container table { border:1px solid #dfdfdf; width:100%;}
.agreement .agreement-container table tr th { background-color:#f3f3f3; }
.agreement .agreement-container table tr th,
.agreement .agreement-container table tr td { padding:5px; border:1px solid #dfdfdf;}
.agreement .button-container { margin:30px 0 0 0; }

#sub-notice-agreement { min-height: 500px; }

.hide { display: none; }

.mg0 { margin: 0 !important; }
.guide-mg { margin: 3px 0 10px 0 !important; }

.togetherInfo h2 { margin-bottom: 0; line-height: 1.5; }
.togetherInfo p { flex-shrink: 0; width: 250px; }
.togetherInfo input { max-width: 200px !important; }
.togetherInfo select { width: 200px !important; }
.together-agreement-input label { width: auto; }

.togetherInfo > div { display: flex; align-items: center; min-height: 34px; margin: 6px 0; }

.agreement .agreement-container p.li { padding-left: 28px; font-size: 17px; font-weight: 800; text-indent: -28px; }
.agreement .agreement-container p.li img { width: 22px; margin-right: 3px; vertical-align: middle; }
.agreement .agreement-check-area { margin-top: 30px; }
.agreement .agreement-check-area p { margin-bottom: 30px; font-size: 18px; color: #f00; font-weight: 900; }

.notice-agreement-container { padding: 40px; border: 1px solid #ccc; background-color: #fff; }
.notice-agreement-container > .notice-agreement { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
.notice-agreement-container > .notice-agreement:last-child { border: 0; }
.notice-agreement-container > .notice-agreement.blind { display: none; }
.notice-agreement-container > .notice-agreement,
.notice-agreement-container > .notice-agreement * { font-size: 15px; }
.notice-agreement-container > .notice-agreement .notice-agreement-title { display: inline-block; margin-left: 18px; padding-right: 15px; text-indent: -18px; line-height: 1.3; }
.notice-agreement-container > .notice-agreement .notice-agreement-input { display: inline-block; min-width: 147px; }
.notice-agreement-container > .notice-agreement .notice-agreement-input.warning { color: #fff; background-color: #c9151e; }
.notice-agreement-container > .notice-agreement .notice-agreement-input.warning * { color: #fff; }
.notice-agreement-container > .notice-agreement label { margin-left: 0; margin-right: 5px; padding-left: 10px; padding-right: 10px; }
.notice-agreement-container > .notice-agreement .guide { font-size: 13px; }

.assets-value-table { width: 100%; max-width: 550px; margin-top: 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-collapse: collapse; table-layout: fixed; }
.assets-value-table th,
.assets-value-table td { padding: 5px 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 13px !important; text-align: center; }

.documents { margin-bottom: 15px; font-size: 15px; line-height: 1.5; }
.link-button { display: inline-block; margin-top: 5px; padding: 7px 40px; border-radius: 50px; color: #fff !important; font-family: 'NanumSquare', serif; font-size: 23px !important; text-decoration: none !important; background-color: #99999f; }

/* 주택형 */
.applyTypeGroup { position: relative; margin-top: 10px !important; }
.applyTypeGroup .applyTypeTitle { width: auto; padding: 0; color: #000; font-weight: 800; }
.applyTypeGroup .applyTypeGroupCheckboxes { display: flex; flex-wrap: wrap; align-items: center; }
.applyTypeGroup .applyTypeGroupCheckboxes .applyTypeGroupCheckbox { width: 190px; margin: 0 !important; background: none !important; }

.applyGuide h6 { margin-top: 30px; margin-bottom: 10px; }
.applyGuide img { max-width: 95%; padding: 20px; border: 1px solid #dfdfdf }

.apply .apply-container .applyType	select { width:200px; }

.showFloorLine { display: none; }
.showFloor { width: auto; margin-left: 15px; padding-left: 15px; padding-right: 15px; }
#floor { display: none; flex-direction: column; width: fit-content; border: 1px solid #ccc; }
#floor img { max-width: 100%; }
#floor .close { width: fit-content; margin-left: auto; margin-right: 10px; }

#residence-next { display: none; margin-top: 80px; }

#check1 { margin: 0; }

@media only screen and (max-width:750px) {
    .residential { flex-direction: column; }
    .residential p + p { margin-top: 10px; margin-left: 0; }
}

@media only screen and (max-width:770px) {
    .header-container .logo a { justify-content: center; }
}

@media only screen and (max-width:680px) {
    .assets-value-table th,
    .assets-value-table td { font-size: 12px !important; }
    .link-button { padding: 5px 30px; font-size: 17px !important; }
}

@media only screen and (max-width:665px) {
    .togetherInfo > div { flex-direction: column; align-items: flex-start; margin: 0 0 10px 0; }
    .togetherInfo p { margin-bottom: 10px; }
    .togetherInfo input { margin-bottom: 0; }
    .togetherInfo > div > div { margin-bottom: 10px; }
    .togetherInfo > div > div input { margin-bottom: 0; }
}

@media only screen and (max-width:650px) {
    .full-width-breakpoint-s3 { display:block; margin-bottom: 7px; line-height:1em; }
}

@media only screen and (max-width:620px) {
    .notice-agreement-container > .notice-agreement { display: block; }
    .notice-agreement-container > .notice-agreement .notice-agreement-title { display: block; }
    .notice-agreement-container > .notice-agreement .notice-agreement-input { margin-top: 10px; margin-left: 20px; }
}

@media only screen and (max-width:560px) {
    .assets-value-table th,
    .assets-value-table td { font-size: 11px !important; }
}

@media only screen and (max-width:540px) {
    .agreement-container { width: auto !important; }
    .intro-container .detail ul li { flex-direction: column; }
    .applyGuide img { max-width: 90%; }
}

@media only screen and (max-width:439px) {
    .assets-value-table .hide-m { display: none; }
}

@media only screen and (max-width:402px) {
    .showFloorLine { display: block; }
    .showFloor { margin-top: 10px; margin-left: 0; }
}

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

@media only screen and (max-width:330px) {
    .assets-value-table th,
    .assets-value-table td { font-size: 10px !important; }
    .applyGuide img { max-width: 80%; }
}

/* 입찰 공통 부품(common/css/bid.css) 색을 현장 갈색으로 — 신청 유형 단추 · 선택 표시 · 보증금 합계 등 (QA-103, 범주 10-15) */
:root {
    --bid-brand: #3a1c19;
    --bid-accent: #8d6f4b;
    --bid-accent-bg: #f6f1ea;
}

/* 입찰 확인 화면 경고 제목 «제출 후에는 수정할 수 없습니다» 글자 2배 17px → 34px (QA-121 김효진 10-15) */
/* QA-268 최선영 10-21 — 제목(30px)보다 크지 않게 26px · 두 줄 · 가운데 */
.bid-warn-title { font-size: 26px !important; line-height: 1.35; text-align: center; }
@media only screen and (max-width: 620px) {
    .bid-warn-title { font-size: 20px !important; }
}