.activationColor { background-color: #961e1e !important; }

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

.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; }
.intro-container .logo2 { padding-bottom: 15px; }

.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; border-top:0;}
.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'; 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; }

@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:680px) {
    .header-container .logo img { max-width: 60%; }
    .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%; }
}