@charset "utf-8";

header.h_module { border-bottom:.01rem solid #eee !important; }
.contents.resMortgage { min-height:-webkit-calc(100vh - 5.0rem); }
.rmStep1_visual *, .rmStep1_info *,
.rmStep5_visual *, .rmStep5_info * { font-family:"Noto Sans KR","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;letter-spacing:-.08rem; }
.rmStep1_visual {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:start;-moz-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;
	width:calc(100% - 3.2rem);
	min-height:8.5rem;
	margin:2.4rem auto 0 auto;
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_visual_img.png') no-repeat center right 1rem / 7.5rem auto;
}
.rmStep1_visual h3 {
	font-size:2.4rem;
	font-weight:600;
	color:#111;
}
.rmStep1_visual span {
	display:block;
	padding-right:10rem;
	margin-top:1rem;
	font-size:1.5rem;
	font-weight:300;
	color:#666;
	line-height:1.3;
	word-break:keep-all;
}
.rmStep1_info {
	width:calc(100% - 3.2rem);
	margin:4rem auto 0 auto;
}
.rmStep1_info h4 {
	font-size:1.7rem;
	font-weight:600;
	color:#26282c;
}
.rmStep1_info ul {
	width:100%;
}
.rmStep1_info ul li {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:start;-moz-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:6.4rem;
	margin:.8rem 0;
	padding:0 0 0 7.5rem;
	-webkit-border-radius:.6rem;
	border-radius:.6rem;
	background-color:#f1f3f8;
	font-size:1.5rem;
	font-weight:500;
	color:#26282c;
	white-space:nowrap;
}
.rmStep1_info ul li.disabled { opacity:.5; }
.rmStep1_info ul li:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:1.6rem;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:4rem;
	height:4rem;
	-webkit-border-radius:.5rem;
	border-radius:.5rem;
	background-color:#fff;
}
.rmStep1_info ul li:nth-child(1):before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_01.png') no-repeat center center / 4rem auto;
	background-color:#fff;
}
.rmStep1_info ul li:nth-child(2):before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_02.png') no-repeat center center / 4rem auto;
	background-color:#fff;
}
.rmStep1_info ul li:nth-child(3):before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_03.png') no-repeat center center / 4rem auto;
	background-color:#fff;
}
.rmStep1_info ul li:nth-child(4):before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_04.png') no-repeat center center / 4rem auto;
	background-color:#fff;
}
.rmStep1_info ul li:nth-child(5):before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_05.png') no-repeat center center / 4rem auto;
	background-color:#fff;
}
.rmStep1_info ul li:nth-child(6):before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_06.png') no-repeat center center / 4rem auto;
	background-color:#fff;
}
.rmStep1_info ul li:nth-child(7):before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_07.png') no-repeat center center / 4rem auto;
	background-color:#fff;
}
.rmStep1_info ul li.stepComp:before {
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_step_comp.png') no-repeat center center / 4rem auto;
}
.rmStep5_visual {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	width:calc(100% - 3.2rem);
	min-height:13.5rem;
	margin:4.8rem auto 0 auto;
	padding:7rem 0 0 0;
	background:url('/mhwr/direct/images/app/resMortgage/resMortgage_ico_complete.png') no-repeat top center / 5rem auto;
}
.rmStep5_visual h3 {
	font-size:2rem;
	font-weight:600;
	color:#111;
	line-height:1.3;
	white-space:nowrap;
}
.rmStep5_info {
	width:calc(100% - 3.2rem);
	margin:4rem auto 0 auto;
	padding:1.6rem;
	-webkit-border-radius:.8rem;
	border-radius:.8rem;
	background-color:#f7f7fa;
}
.rmStep5_info h4 {
	display:block;
	padding-bottom:.8rem;
	border-bottom:.01rem solid #ddd;
	font-size:1.7rem;
	font-weight:600;
	color:#26282c;
}
.rmStep5_info table {
	width:100%;
	margin:.8rem 0 0 0;
}
.rmStep5_info table th {
	padding:.5rem 0;
	font-size:1.5rem;
	font-weight:400;
	color:#888;
	text-align:left;
}
.rmStep5_info table td {
	padding:.5rem 0;
	font-size:1.5rem;
	font-weight:500;
	color:#26282c;
	text-align:right;
}
.rmStep5_caution {
	position:relative;
	top:0;
	left:0;
	width:calc(100% - 3.2rem);
	margin:1rem auto 0 auto;
	padding:0 0 0 1.8rem;
	font-size:1.4rem;
	font-weight:300;
	color:#888;
	line-height:1.3;
}
.rmStep5_caution:before {
	content:'※';
	position:absolute;
	top:.1rem;
	left:0;
	font-size:1.3rem;
	font-weight:300;
	color:#888;
}
.resMortgage .btmFixedArea .btnArea.fixed { padding:2.5rem 1.6rem !important; }

.inpText#loanAmount { text-align:right; }
.inpText#indiBusNum1_01, .inpText#indiBusNum1_02, .inpText#indiBusNum1_03,
.inpText#indiBusNum2_01, .inpText#indiBusNum2_02, .inpText#indiBusNum2_03 { text-align:center; }

.inBoxGray {
	margin-top:.5rem;
	padding:1rem;
	background-color:#ececec;
	font-size:1.4rem;
	color:#666;
}

#genIns0601M_phoneNum .formItem .inpArea.phone .inpItem { width:45%;max-width:20rem; }
#genIns0601M_phoneNum .formItem .inpArea.phone .inpText { padding:0; }

.container .contentArea .agreeCheckbox,
.fullPopWrap .popContWrap .popContent .agreeCheckbox {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin-top:1.6rem;
	-webkit-border-radius:.8rem;
	border-radius:.8rem;
	border:.1rem solid #ccc;
}
.container .contentArea .agreeCheckbox:first-child { margin-top:4.8rem; }
.fullPopWrap .popContWrap .popContent .agreeCheckbox:first-child { margin-top:1.6rem; }
.container .contentArea .agreeCheckbox input[type="checkbox"],
.fullPopWrap .popContWrap .popContent .agreeCheckbox input[type="checkbox"] {
	position:absolute;
    width:0;
    height:0;
    padding:0;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;
}
.container .contentArea .agreeCheckbox label,
.fullPopWrap .popContWrap .popContent .agreeCheckbox label {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:5.6rem;
	padding-left:4.8rem;
	border-bottom:.1rem solid #ccc;
	font-size:1.6rem;
	font-weight:700;
	color:#26282c;
	text-align:left;
	line-height:5.6rem;
}
.fullPopWrap .popContWrap .popContent .agreeCheckbox label { border-bottom:0; }
.container .contentArea .agreeCheckbox label:before,
.fullPopWrap .popContWrap .popContent .agreeCheckbox label:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:1.6rem;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:2.4rem;
	height:2.4rem;
	background:url("/mhwr/direct/images/app/common/icon_ctrAmn_checkCircle_default.png") no-repeat center center / 2.4rem;
}
.container .contentArea .agreeCheckbox input[type="checkbox"]:checked + label,
.fullPopWrap .popContWrap .popContent .agreeCheckbox input[type="checkbox"]:checked + label { color:#26282c; }
.container .contentArea .agreeCheckbox input[type="checkbox"]:checked + label:before,
.fullPopWrap .popContWrap .popContent .agreeCheckbox input[type="checkbox"]:checked + label:before { background:url("/mhwr/direct/images/app/common/icon_ctrAmn_checkCircle_select.png") no-repeat center center / 2.4rem; }
.container .contentArea .agreeCheckbox input[type="checkbox"]:disabled + label:before,
.fullPopWrap .popContWrap .popContent .agreeCheckbox input[type="checkbox"]:disabled + label:before { background:url("/mhwr/direct/images/app/common/icon_ctrAmn_checkCircle_disabled.png") no-repeat center center / 2.4rem; }
.container .contentArea .agreeCheckbox > div,
.fullPopWrap .popContWrap .popContent .agreeCheckbox > div {
	width:100%;
	padding:1.6rem;
}
.container .contentArea .agreeCheckbox ul,
.container .contentArea .agreeCheckbox dl { width:100%; }
.container .contentArea .agreeCheckbox dl:nth-child(n+2) { margin-top:1.6rem; }
.container .contentArea .agreeCheckbox dl dt {
	font-size:1.4rem;
	font-weight:500;
	color:#26282c;
	text-align:left;
	line-height:1.9rem;
}
.container .contentArea .agreeCheckbox ul li,
.infoStyleLI li,
.container .contentArea .agreeCheckbox dl dd {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin-top:.8rem;
	padding-left:.9rem;
	font-size:1.4rem;
	font-weight:400;
	color:#666;
	text-align:left;
	line-height:1.9rem;
}
.container .contentArea .agreeCheckbox ul li:first-child,
.infoStyleLI li:first-child,
.container .contentArea .agreeCheckbox dl dd:first-child { margin-top:0; }
.container .contentArea .agreeCheckbox ul li:before,
.infoStyleLI li:before,
.container .contentArea .agreeCheckbox dl dd:before {
	content:'';
	display:block;
	position:absolute;
	top:.8rem;
	left:0;
	width:.3rem;
	height:.3rem;
	-webkit-boreder-radius:50%;
	boreder-radius:50%;
	background-color:#91919c;
}
.container .contentArea .agreeCheckbox dl.noListStyle dd { padding-left:0; }
.container .contentArea .agreeCheckbox dl.noListStyle dd:before { display:none; }
.container .contentArea .agreeCheckbox.accordion label { border-bottom:0; }
.container .contentArea .agreeCheckbox.accordion .btnAcdion {
	position:absolute;
	top:0;
	right:0;
	width:5.6rem;
	height:5.6rem;
	background:url("/mhwr/direct/images/app/common/icon_ctrAmn_arr.png") no-repeat center center / 2.4rem;
	transition:.4s all ease;
}
.container .contentArea .agreeCheckbox.accordion .btnAcdion.active {
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
.container .contentArea .agreeCheckbox.accordion > div {
	display:none;
	border-top:.1rem solid #ccc;
}
.container .contentArea .agreeCheckbox table {
	width:100%;
	margin-top:.8rem;
}
.container .contentArea .agreeCheckbox table thead th {
	height:3.1rem;
	background-color:#f3f3f3;
	border-bottom:.1rem solid #ddd;
	font-size:1.4rem;
	font-weight:400;
	color:#666;
	line-height:3.1rem;
	text-align:center;
}
.container .contentArea .agreeCheckbox table thead th:nth-child(n+2) { border-left:.1rem solid #ddd; }
.container .contentArea .agreeCheckbox table tbody > * {
	height:3rem;
	background-color:#fff;
	border-bottom:.1rem solid #ddd;
	font-size:1.3rem;
	font-weight:400;
	color:#26282c;
	line-height:3rem;
	text-align:center;
}
.container .contentArea .agreeCheckbox table tbody td:nth-child(n+2) { border-left:.1rem solid #ddd; }
.chocobi-popup .pop-header {
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	height:5.6rem;
	padding:0 1.6rem;
	background:#fff;
	border-bottom:0;
	overflow:inherit;
}
.chocobi-popup .pop-header h4 {
	font-size:1.6rem;
	font-weight:500;
	color:#111;
	text-align:center;
	line-height:5.6rem;
}
.chocobi-popup .pop-header .pop-btn-close {
	position:absolute;
	top:1.6rem;
	right:1.6rem;
	width:2.4rem;
	height:2.4rem;
	background:url(/mhwr/direct/images/app/direct/icon_btn_close.png) no-repeat center / 100%;
	font-size:0;
}
.chocobi-popup .pop-wrap .crownix-prevent-user-select {
	height:calc(100% - 16rem) !important;
	top:5.6rem !important;
}
.chocobi-popup .pop-wrap .button-section {
	height:auto !important;
	padding:2.4rem 0 !important;
	background-image:linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,1.0),rgba(255,255,255,1.0),rgba(255,255,255,1.0));
}
.chocobi-popup .pop-wrap .button-section button {
	width:calc(100% - 3.2rem);
	height:5.6rem;
	padding:1.7rem .8rem !important;
	margin:0 1.6rem !important;
	-webkit-border-radius:.8rem;
	border-radius:.8rem;
	background-color:#046fd9;
	font-size:1.6rem;
	font-weight:700;
	color:#fff;
	text-align:center;
}

.fullPopWrap .popContWrap .popTitle h2 {
	display:block;
    width:100%;
    font-size:2.4rem;
    font-weight:700;
    color:#111;
    text-align:left;
    line-height:3.3rem;
}