@charset "UTF-8";

@font-face {
    font-family: "Pretendard JP";
    font-weight: 700;
    font-display: swap;
    src:
        local("Pretendard JP Bold"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff2/Pretendard-Bold.woff2") format("woff2"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff/Pretendard-Bold.woff") format("woff");
}

@font-face {
    font-family: "Pretendard JP";
    font-weight: 600;
    font-display: swap;
    src:
        local("Pretendard JP SemiBold"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff2/Pretendard-SemiBold.woff2") format("woff2"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
    font-family: "Pretendard JP";
    font-weight: 500;
    font-display: swap;
    src:
        local("Pretendard JP Medium"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff2/Pretendard-Medium.woff2") format("woff2"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff/Pretendard-Medium.woff") format("woff");
}

@font-face {
    font-family: "Pretendard JP";
    font-weight: 400;
    font-display: swap;
    src:
        local("Pretendard JP Regular"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff2/Pretendard-Regular.woff2") format("woff2"),
        url("https://img.chutcha.kr/fonts/pretendard/static/woff/Pretendard-Regular.woff") format("woff");
}

/* 해상도 별 기본 폰트 사이즈 */
@media (max-width: 320px) {
	html {
		font-size: 10px;
	}
}
@media (min-width: 321px) and (max-width: 359px) {
	html {
		font-size: 11px;
	}
}
@media (min-width: 360px) and (max-width: 419px) {
	html {
		font-size: 12px;
	}
}
@media (min-width: 420px) and (max-width: 439px) {
	html {
		font-size: 13px;
	}
}
@media (min-width: 440px) and (max-width: 479px) {
	html {
		font-size: 14px;
	}
}
@media (min-width: 480px) and (max-width: 519px) {
	html {
		font-size: 15px;
	}
}
@media (min-width: 520px) and (max-width: 559px) {
	html {
		font-size: 16px;
	}
}
@media (min-width: 560px) and (max-width: 599px) {
	html {
		font-size: 17px;
	}
}
@media (min-width: 600px) {
	html {
		font-size: 18px;
	}
}

/* 사이트 전체 공통 레이아웃 */
html {
	min-height: 100vh;
}
body {
	width: 100%;
	min-height: 100vh;
	background: #fff;
	position: relative;
}
#site_wrap {
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
}
* {
	font-family: "-apple-system", "BlinkMacSystemFont", "Apple SD Gothic Neo", "Pretendard JP", "Segoe UI", "Roboto", "Noto Sans KR", "Helvetica Neue",
    "Arial", "sans-serif"; 
	font-weight: 400;
	color: #181818;
}
/* image-rendering: -webkit-optimize-contrast; */
button,
input,
optgroup,
select,
textarea {
	font-family: "-apple-system", "BlinkMacSystemFont", "Apple SD Gothic Neo", "Pretendard JP", "Segoe UI", "Roboto", "Noto Sans KR", "Helvetica Neue",
    "Arial", "sans-serif"; 
	font-weight: 400;
	color: #181818;
}
b *,
strong * {
	font-weight: bold;
}
a {
	text-decoration: none;
	color: #181818;
}
a:active,
a:focus,
a:hover {
	text-decoration: none;
	color: none;
}
a:visited {
	text-decoration: none;
	color: none;
}
strong {
	font-weight: 700;
}
button {
	outline: 0;
}
/* img{image-rendering: -webkit-optimize-contrast;} */

/* iOS input default */
input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input:-ms-input-placeholder {
	color: #b4b4b4;
} /* Internet Explorer 10 이상에 적용*/
input::-webkit-input-placeholder {
	color: #b4b4b4;
} /* Webkit, Blink, Edge에 적용*/
input::-moz-placeholder {
	color: #b4b4b4;
} /* Mozilla Firefox 4 부터 18에 적용*/
input::-moz-placeholder {
	color: #b4b4b4;
} /* Mozilla Firefox 19 이상에 적용*/
textarea:-ms-input-placeholder {
	color: #b4b4b4;
} /* Internet Explorer 10 이상에 적용*/
textarea::-webkit-input-placeholder {
	color: #b4b4b4;
} /* Webkit, Blink, Edge에 적용*/
textarea::-moz-placeholder {
	color: #b4b4b4;
} /* Mozilla Firefox 4 부터 18에 적용*/
textarea::-moz-placeholder {
	color: #b4b4b4;
} /* Mozilla Firefox 19 이상에 적용*/

/* 체크박스 */
.basic_checkbox {width: 100%; height: auto; position: relative;}
.basic_checkbox input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.basic_checkbox .ck_label_btn {background: transparent; box-shadow: 0; border: 0; outline-width: 0;}
.basic_checkbox input[type="checkbox"] + label, .basic_checkbox .ck_label_btn {
	display: flex; flex-direction: row; align-items: center;
	justify-content: flex-start; width: auto; height: auto;
}
.basic_checkbox input[type="checkbox"] + label .ico, .basic_checkbox .ck_label_btn .ico {
	display: block; width: 24px; height: 24px; width: 2em; height: 2em; background-image: url("//img.chutcha.kr/files/website/dealer/common/check-off-btn.png"); background-size: 100% auto; background-size: contain; background-position: center center;
}
.basic_checkbox input[type="checkbox"]:checked + label .ico, .basic_checkbox .ck_label_btn.act .ico { background-image: url("//img.chutcha.kr/files/website/dealer/common/check-on-btn.png"); }
/* 체크박스 + 우측에 텍스트 붙는 스타일 
- 텍스트 폰트 사이즈랑 패딩값은 그때그때 클래스 추가로 붙여서 스타일링
*/
.basic_checkbox.with_txt input[type="checkbox"] + label, .basic_checkbox.with_txt .ck_label_btn {width: 100%;}
.basic_checkbox.with_txt input[type="checkbox"] + label .txt, .basic_checkbox.with_txt .ck_label_btn .txt {
	display: block; font-size: 16px; font-size: 1.333em; font-weight: 400; line-height: 1.2; margin-top: 1px; padding-left: 12px; padding-left: 0.75em;
}
/* 체크박스 아이콘이 라인으로만 된 스타일 */
.basic_checkbox.ck_ico_line input[type="checkbox"] + label .ico, .basic_checkbox.ck_ico_line .ck_label_btn .ico {
	display: block; width: 16px; height: 16px; width: 1.333em; height: 1.333em; background-image: url("//img.chutcha.kr/files/website/dealer/common/check-line-off-btn.png"); background-size: 100% auto; background-size: contain; background-position: center center;
}
.basic_checkbox.ck_ico_line input[type="checkbox"]:checked + label .ico, .basic_checkbox.ck_ico_line .ck_label_btn.act .ico { background-image: url("//img.chutcha.kr/files/website/dealer/common/check-line-on-btn.png"); }
.basic_checkbox.with_txt.ck_ico_line input[type="checkbox"] + label .txt, .basic_checkbox.with_txt.ck_ico_line .ck_label_btn .txt {
	display: block; font-size: 15px; font-size: 1.25em; font-weight: 400; line-height: 1.466; margin-top: 1px; padding-left: 12px; padding-left: 0.8em;
}
/* 입력필드 - 하단 선만 있고 좌측에 라벨붙는 스타일 */
.basic_input.border_bottom_style{display:block; width: 100%; height: auto; padding: 16px 0;  border-bottom:1px solid #f5f5f6; padding:1.5em 0 1.167em 0;}
/* padding:1.5em 0 1.167em 0; */
/* .basic_input.border_bottom_style .inner{padding:1.333em 0 0;}
.basic_input.border_bottom_style .inner::after{content:"";display:block;clear:both;} */
.basic_input.border_bottom_style::after{content:"";display:block;clear:both;}
.basic_input.border_bottom_style.focus{border-bottom:1px solid #1450f9;}
.basic_input.border_bottom_style.error{border-bottom:1px solid #fc2441;}
.basic_input.border_bottom_style label{width:5em;display:block;font-weight:500;font-size:1.333em;float:left;line-height: 1.1875;}
.basic_input.border_bottom_style .input_field_wrap{width:calc(100% - 5em);font-size:1.333em;display:block;position: relative;float:right;}
.basic_input.border_bottom_style .input_field_wrap .input_text{width:100%;display:inline-block;border:0;padding:0;outline:0; display: block;}
.basic_input.border_bottom_style .input_field_wrap .input_text::placeholder{color:#bdbdbf;}
.basic_input.border_bottom_style .input_field_wrap .input_txt_del_btn{display:none;width:1.5em;height:1.5em;position: absolute;margin:0;padding:0;top:50%;right:0;transform: translateY(-50%);border:0;background-color:transparent;cursor: pointer;outline:0;}
.basic_input.border_bottom_style .input_field_wrap .input_txt_del_btn.on{display:block;}
.basic_input.border_bottom_style .input_field_wrap .input_txt_del_btn img{width:100%;}
.basic_input.border_bottom_style .input_field_wrap .unit_text{display:none;width:auto;height:auto;line-height:1;position: absolute;margin:0;padding:0;top:50%;right:0;transform: translateY(-50%);border:0;background-color:transparent;outline:0;}
.basic_input.border_bottom_style .input_field_wrap .unit_text.on{display:block;}
.basic_input.border_bottom_style ~ .txt_error_msg{display: none; font-size:1.083em;margin:0.615em 0 0 0;padding:0;color:#fc2441;}
.basic_input.border_bottom_style.error ~ .txt_error_msg {display: block;}

/* 입력필드 - 회색 라인의 박스 안에 라벨 텍스트랑 입력필드가 있는 스타일  */
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style{display:block; width: 100%; height: auto; border: 1px solid #e0e0e2; border-radius: 4px; border-radius: 0.333em;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style.error {border-color: #fc2441;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style.focus {border-color: #233cfa;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style ~ .txt_error_msg {display: none; font-size:1.083em;margin:0.615em 0 0 0;padding:0;color:#fc2441;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style.error ~ .txt_error_msg {display: block;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style .input_wrap_inner {width: 100%; height: 48px; height: 4em; display: grid; grid-template-columns: minmax(80px, max-content) 1fr; gap: 8px; gap: 0.666em; padding: 0 16px; padding: 0 1.333em; position: relative;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style .input_wrap_inner label {display: flex; width: 100%; height: 100%; flex-direction: row; align-items: center; justify-content: flex-start;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style .input_wrap_inner input {display: block; width: 100%; height: 100%;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style .input_field_wrap .input_txt_del_btn{display:none;width:1.5em;height:1.5em;position: absolute;margin:0;padding:0;top:50%;right:16px; right: 1.333em; transform: translateY(-50%);border:0;background-color:transparent;cursor: pointer;outline:0;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style.on .input_field_wrap .input_txt_del_btn{display:block;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style .input_field_wrap .input_txt_del_btn img{width:100%;}
/* .input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style.error .input_wrap_inner label {color: #fc2441;} */
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style .input_wrap_inner .input_field_wrap {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; height: 100%;}
.input_set.txt_input_area .input_frame.basic_input.label_input_in_box_style ~ .add_desc_text {display: block; font-size: 13px; font-size: 1.083em; line-height: 1.384; padding-top: 12px; padding-top: 0.923em; color: #757579;}

/* 기본 버튼 */
.btn {
	display: inline-block;
	width: 100%;
	padding: 1.125em 0;
	margin: 1.25em 0 0 0;
	text-align: center;
	background: #233cfa;
	color: #fff;
	border: 1px solid #233cfa;
	border-radius: 4px;
	font-size: 1.333em;
	cursor: pointer;
}
.btn.disabled {
	background: #c3c3c3;
	border: 1px solid #c3c3c3;
}
.btn.onlyline {
	background: #fff;
	border: 1px solid #000;
	color: #000;
}
.btn.onlyline-light {
	background: #fff;
	border: 1px solid #c8c8c8;
	color: #000;
}
.btn.onlyline.disabled {
	color: #bdbdbf;
	background-color: #fff;
	border: 1px solid #e0e0e2;
}
.btn.call {
	line-height: 1em;
}
.btn.call span {
	display: inline-block;
	border: 1px solid #5582ff;
	border-radius: 3px;
	color: #fff;
	padding: 5px 5px 4px 5px;
	font-size: 0.68em;
	line-height: 1em;
	vertical-align: middle;
}
.btn.btn_half {
	width: 50%;
}

.float_btn {
	position: fixed;
	color: #fff;
	padding: 1.125em 0;
	font-size: 1.333em;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	border: 0;
	transition: All 0.2s ease;
	-webkit-transition: All 0.2s ease;
	-moz-transition: All 0.2s ease;
	-o-transition: All 0.2s ease;
}

.bottom_float {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.bottom_float .hat {
	display: block;
	width: 100%;
	height: 24px;
	background-image: url("//img.chutcha.net/files/webview/dealer_app/common/floatingbtn_bg.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
}
.bottom_float .inner {
	display: block;
	width: 100%;
	padding: 0 20px 34px;
	box-sizing: border-box;
	background-color: #fff;
}
.bottom_float .inner .checkbox_wrap input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.bottom_float .inner .checkbox_wrap input[type="checkbox"] + label {
	padding: 0.667em 0 1.5em 2em;
	font-size: 1.333em;
	display: inline-block;
	line-height: 1.4;
	margin: 0 auto;
	cursor: pointer;
	background: url("//img.chutcha.kr/files/website/dealer/common/check-off-btn.png")
		no-repeat;
	background-size: 1.5em auto;
	background-position: left top 0.6em;
	position: relative;
}
.bottom_float .inner .checkbox_wrap input[type="checkbox"]:checked + label {
	background: url("//img.chutcha.kr/files/website/dealer/common/check-on-btn.png")
		no-repeat;
	background-size: 1.5em auto;
	background-position: left top 0.5em;
}
.bottom_float .inner p.msg_text {
	margin: 0;
	padding: 0 0 1.143em 0;
	font-size: 1.167em;
	line-height: 1.5em;
}
.bottom_float .inner p.msg_text.exclamation {
	padding: 0 0 1.143em 1.5em;
	background-image: url("//img.chutcha.net/files/webview/dealer_app/common/icon-ic-exclamation-line.svg");
	background-size: auto 1em;
	background-position: left top 0.3em;
	background-repeat: no-repeat;
}
.bottom_float .inner a.msg_text {
	margin: 0;
	padding: 0 0 1.143em 0;
	font-size: 1.167em;
	line-height: 1.5em;
	display: block;
}
.bottom_float .inner a.msg_text.exclamation {
	padding: 0 0 1.143em 1.5em;
	background-image: url("//img.chutcha.net/files/webview/dealer_app/common/icon-ic-exclamation-line.svg");
	background-size: auto 1em;
	background-position: left top 0.3em;
	background-repeat: no-repeat;
}
.bottom_float .inner a.msg_text.exclamation span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
}
.bottom_float .inner a.msg_text.exclamation img {
	display: inline-block;
	height: 1em;
	vertical-align: middle;
	line-height: 1.5em;
}
.bottom_float .btn {
	margin: 0;
}

/* 기본 입력폼 */
.input_box {
	border: 1px solid #cecece;
	border-radius: 2px;
	padding: 15px;
	margin: 0 0 10px 0;
	font-size: 1.1em;
}
.input_box::after {
	content: "";
	display: block;
	clear: both;
}
.input_box label {
	margin: 0;
	padding: 0;
	float: left;
	width: 30%;
	color: #cecece;
}
.input_box input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-align: right;
	float: right;
	width: 70%;
	line-height: 1em;
}

/* 기본 입력폼 type 2 */
.input_box_diff_line {
	width: 100%;
	margin: 2.667em 0 0 0;
	position: relative;
}
.input_box_diff_line label {
	width: 100%;
	display: block;
	font-size: 1.083em;
	line-height: 1.385em;
	color: #757579;
}
.input_box_diff_line input {
	width: 100%;
	display: block;
	margin: 0.333em 0 0 0;
	padding: 0 0 0.5em 0;
	font-size: 1.5em;
	line-height: 1.2em;
	border: 0;
	border-bottom: 1px solid #f5f5f6;
	outline: 0;
}
.input_box_diff_line input:focus {
	border-bottom: 1px solid #233cfa;
}
.input_box_diff_line .btn_input {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  font-size: 13px;
  font-size: 1.083em;
  font-weight: 500;
  color: #fff;
  background-color: #233cfa;
  cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 6px
}
.input_box_diff_line .btn_input.disabled, .input_box_diff_line .btn_input:disabled {
  background-color: #bdbdbf;
  cursor: default;
}

/* 기본 얼럿 모달 */
.blocker {
	z-index: 1000;
	background-color: rgba(24, 24, 24, 0.4);
	padding: 24px;
}
.modal {
	width: 86%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border-radius: 4px;
}

#basic_modal {
	padding: 0;
	display: none;
	max-width: 460px;
	border-radius: 4px;
}
#basic_modal .inner_wrap {
	padding: 2em;
}
#basic_modal h1 {
	font-weight: bold;
	text-align: center;
	font-size: 1.333em;
}
#basic_modal p {
	text-align: center;
	line-height: 1.5em;
	font-size: 1.333em;
}
#basic_modal .close_btn {
	width: 100%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	color: #233cfa;
	font-weight: 500;
}
#basic_modal .cancel_btn {
	width: 100%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
}

#confirm_modal {
	border-radius: 0;
	padding: 0;
	display: none;
	max-width: 460px;
	border-radius: 4px;
}
#confirm_modal .inner_wrap {
	padding: 2em;
}
#confirm_modal h1 {
	font-weight: bold;
	text-align: center;
	font-size: 1.333em;
}
#confirm_modal p {
	text-align: center;
	line-height: 1.5em;
	font-size: 1.333em;
}
#confirm_modal .confirm_btn {
	width: 50%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	color: #233cfa;
	font-weight: 500;
	float: right;
	box-sizing: border-box;
}
#confirm_modal .close_btn {
	width: 50%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	float: left;
	box-sizing: border-box;
}

#basic_2_modal {
	border-radius: 0;
	padding: 0;
	display: none;
	max-width: 460px;
	border-radius: 4px;
}
#basic_2_modal .inner_wrap {
	padding: 2em;
}
#basic_2_modal h1 {
	font-weight: bold;
	text-align: center;
	font-size: 1.3em;
}
#basic_2_modal p {
	text-align: center;
	line-height: 1.5em;
}
#basic_2_modal .cancel_btn {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
}

#stack_basic_modal {
	border-radius: 0;
	padding: 0;
	display: none;
	max-width: 460px;
	border-radius: 4px;
}
#stack_basic_modal .inner_wrap {
	padding: 2em;
}
#stack_basic_modal h1 {
	font-weight: bold;
	text-align: center;
	font-size: 1.333em;
}
#stack_basic_modal p {
	text-align: center;
	line-height: 1.5em;
	font-size: 1.333em;
}
#stack_basic_modal .close_btn {
	width: 100%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	color: #233cfa;
	font-weight: 500;
}
#stack_basic_modal .cancel_btn {
	width: 100%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
}
#stack_basic_modal .stack_close_btn {
	width: 100%;
	border-top: 1px solid #f2f2f2;
	text-align: center;
	padding: 1.188em 0;
	display: block;
	font-size: 1.333em;
	color: #233cfa;
}

/* 기본 얼럿 확인 모달 */
.basic_modal {
	padding: 0;
	display: none;
	max-width: 460px;
}
.basic_modal .inner_wrap {
	padding: 2em;
}
.basic_modal h1 {
	font-weight: bold;
	text-align: center;
	font-size: 1.3em;
}
.basic_modal p {
	text-align: center;
	line-height: 1.5em;
}
.basic_model p.estn_price {
	color: rgb(21, 31, 249);
	font-weight: bold;
}
.basic_model p.modal_sub_msg {
	color: rgb(173, 173, 173);
	font-size: 1em;
}
.basic_modal .close_btn {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	float: left;
}
.basic_modal .cancel_btn {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	float: left;
}
.basic_modal .ok_btn {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	background: none;
	color: #1450f9;
	cursor: pointer;
	float: left;
}

/* 아래쪽 고정 모달 형태 */
.bottom_modal {
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0;
	padding: 0;
	display: none;
	max-width: 100%;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
.bottom_modal .inner_wrap {
	padding: 2em;
}
.bottom_modal h1 {
	font-weight: bold;
	text-align: left;
	font-size: 1.6em;
	padding: 1.35em 1.15em 0.75em 1.2em;
	margin: 0;
}
.bottom_modal .modal_close_btn {
	position: absolute;
	top: 2.5em;
	right: 2em;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.bottom_modal .modal_close_btn img {
	display: block;
	height: 1.3em;
}
.bottom_modal p {
	text-align: center;
	line-height: 1.5em;
}
.bottom_modal p.modal_sub_msg {
	color: rgb(173, 173, 173);
	font-size: 1em;
}
.bottom_modal .close_btn {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	float: left;
}
.bottom_modal .cancel_btn {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	float: left;
}
.bottom_modal .ok_btn {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	background: none;
	color: #1450f9;
	cursor: pointer;
	float: left;
}
.bottom_modal .btn.disabled {
	background: #eee;
	border: 1px solid #eee;
	color: #bbb;
}
.bottom_modal .btn {
	cursor: pointer;
}
.bottom_modal .btn .hide {
	display: none;
}

/* 입력관련 기본 모달 */
.modal.smc_basic_input_modal {
	width: 100%;
	padding: 0;
}
.modal.smc_basic_input_modal .close_btn {
	position: absolute;
	top: 16px;
	right: 16px;
	border: 0;
	cursor: pointer;
	background: transparent;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
}
.modal.smc_basic_input_modal .close_btn img {
	width: 100%;
}
.modal.smc_basic_input_modal .inner_wrap {
	padding: 3.333em 2em 3.333em;
}
.modal.smc_basic_input_modal .inner_wrap .modal_title {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.33em;
}
.modal.smc_basic_input_modal .modal_btn_wrap {
	display: flex;
	justify-content: space-between;
}
.modal.smc_basic_input_modal .modal_btn_wrap .confirm_btn {
	flex-grow: 1;
	flex-basis: 100%;
	border: 0;
	float: right;
	color: #fff;
	background-color: #233cfa;
	text-align: center;
	padding: 20px 0;
	font-size: 1.333em;
	font-weight: 500;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.modal.smc_basic_input_modal .modal_btn_wrap .confirm_btn.disabled {
	background-color: #bdbdbf;
}

.confirm_modal {
	padding: 0;
	display: none;
	max-width: 460px;
	border-radius: 4px;
}
.confirm_modal .inner_wrap {
	padding: 1.188em 2em;
}
.confirm_modal h1 {
	font-weight: bold;
	text-align: center;
	font-size: 1.333em;
}
.confirm_modal p {
	text-align: center;
	line-height: 1.5em;
	font-size: 1.333em;
}
.confirm_modal .ok_btn {
	width: 50%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	color: #233cfa;
	font-weight: 500;
	float: right;
	box-sizing: border-box;
}
.confirm_modal .close_btn {
	width: 50%;
	padding: 1.188em 0;
	font-size: 1.333em;
	text-align: center;
	border: 0;
	border-top: 1px solid #f2f2f2;
	background: none;
	cursor: pointer;
	float: left;
	box-sizing: border-box;
}

/* 페이지네이션 */
.pagination {
	text-align: center;
	margin: 0;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 4em;
}
.pagination li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 1.15em;
	line-height: 10px;
	vertical-align: middle;
}
.pagination li span {
	display: inline-block;
	padding: 0 5px;
	color: #1551f9;
	font-weight: bold;
}
.pagination li a {
	display: inline-block;
	padding: 0 5px;
}
.pagination li a img {
	width: 1.4em;
}

.bg_extend {
	background: #fff;
	overflow: hidden;
}
.txt_white {
	color: #fff;
}

/* 공통 상단 탭 */
/* 기본 탭은 글자수에 관계없이 동일한 너비를 가진 탭 */
.common_tab_area {
	width: 100%;
	border-bottom: 1px solid #e0e0e2;
	box-sizing: border-box;
	padding: 0 20px;
	position: fixed;
	z-index: 100;
	background: #fff;
}
.common_tab_area ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.common_tab_area ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	flex-grow: 1;
	flex-basis: 50%;
}
.common_tab_area.diff ul li {
	flex-grow: 0;
	flex-basis: auto;
} /* 글자수에 따라 다른 탭 */
.common_tab_area ul li a {
	display: block;
	text-align: center;
	font-size: 1.333em;
	padding: 1.125em 0;
	box-sizing: border-box;
}
.common_tab_area ul li a span {
	display: inline-block;
	vertical-align: middle;
}
.common_tab_area ul li a span.cnt_badge {
	font-size: 0.688em;
	padding: 0.25em 0.4em;
	background: #eeeef0;
	border-radius: 1em;
	text-align: center;
	min-width: 1.545em;
	box-sizing: border-box;
	font-weight: normal;
}
.common_tab_area ul li button {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 1.333em;
	padding: 1.125em 0;
	box-sizing: border-box;
	background: #fff;
	border: 0;
	outline: 0;
	cursor: pointer;
}
.common_tab_area ul li button span {
	display: inline-block;
	vertical-align: middle;
}
.common_tab_area ul li button span.cnt_badge {
	font-size: 0.688em;
	padding: 0.25em 0.4em;
	background: #eeeef0;
	border-radius: 1em;
	text-align: center;
	min-width: 1.545em;
	box-sizing: border-box;
	font-weight: normal;
	padding: 2px 5px;
	padding: 0.181em 0.454em;
}
.common_tab_area ul li.on a {
	font-weight: bold;
	border-bottom: 2px solid #181818;
	margin: 0 0 -1px 0;
}
.common_tab_area ul li.on a span.cnt_badge {
	background: #181818;
	color: #fff;
}
.common_tab_area ul li.on button {
	font-weight: bold;
	border-bottom: 2px solid #181818;
	margin: 0 0 -1px 0;
}
.common_tab_area ul li.on button span {
	font-weight: bold;
}
.common_tab_area ul li.on button span.cnt_badge {
	background: #181818;
	color: #fff;
	font-weight: 400;
}

.common_tab_area_dummy {
	width: 100%;
	font-size: 1.333em;
	padding: 1.125em 0;
	display: block;
	color: transparent;
	border-bottom: 3px solid transparent;
}

/* 공통 서브 탭 */
.common_sub_tab_area {
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
}
.common_sub_tab_area ul {
	margin: 0;
	padding: 0;
}
.common_sub_tab_area ul li {
	margin: 0 0.5em 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.common_sub_tab_area ul li button {
	display: block;
	margin: 1.143em 0 0 0;
	padding: 0.538em 0.857em;
	background: #fff;
	outline: none;
	font-size: 1.167em;
	font-weight: 500;
	border: 1px solid #E0E0E2;
		border-radius: 10em;
	cursor: pointer;
	box-sizing: border-box;
	color: #424246;
}
.common_sub_tab_area ul li.on button {
	background: #2B384C;
	color: #fff;
	border: 1px solid #2B384C;
}

/* 공통 상단 유의사항 영역 */
.common_alert_msg_area {
	width: 100%;
	background: #f5f5f6;
	padding: 1.417em 20px;
	position: relative;
	box-sizing: border-box;
}
.common_alert_msg_area p {
	font-size: 1.083em;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	display: inline-block;
}
.common_alert_msg_area button {
	width: 1.333em;
	height: 1.333em;
	position: absolute;
	top: 1.417em;
	right: 20px;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.common_alert_msg_area button img {
	width: 100%;
	height: 100%;
}

/* 공통 로딩중 */
.loading_screen {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
.loading_screen.on {
	display: block;
}
.loading_screen img {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

/* vue 공통 로딩 이미지 */
.vue_loading {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
	background-color: rgba(255, 255, 255, 0.5);
}
.vue_loading img {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 5em;
}

/* 로딩 이미지 v2 */
.vue_loading.vue_loading_v2 {
	display: block;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.25);
	z-index: 100;
}
.vue_loading.vue_loading_v2 .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	/* transform: translate(-50%, -50%); */
	translate: -50% -50%;
	border: 0.5em solid #f3f3f3;
	/* Light grey */
	border-top: 0.5em solid #233cfa;
	/* Blue */
	border-radius: 50%;
	width: 3em;
	height: 3em;
	animation: spinner 1s linear infinite;
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*********************************************/
/* 220708 ~ { */

.style_reset * {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
}
.style_reset table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* display */
.block {
	display: block;
}

/* layout */
.row {
	display: flex;
	flex-direction: row;
}
.col {
	display: flex;
	flex-direction: column;
}
.align_items_start {
	align-items: start;
}
.align_items_center {
	align-items: center;
}
.align_items_end {
	align-items: flex-end;
}
.justify_start {
	justify-content: flex-start;
}
.justify_end {
	justify-content: flex-end;
}
.justify_center {
	justify-content: center;
}
.justify_spacebetween {
	justify-content: space-between;
}
.justify_spacebaround {
	justify-content: space-around;
}

/* layout - width */
.lay_1 {
	width: 100%;
}
.lay_2_1 {
	width: 50%;
}
.blank_box_8 {
	width: 8px;
	min-width: 8px;
	height: 8px;
	min-height: 8px;
}
.blank_box_16 {
	width: 16px;
	min-width: 16px;
	height: 16px;
	min-height: 16px;
}

/* font style */
.txt {
	font-weight: 400;
	line-height: 1.5;
}
.txt.skyblue {
	color: #4678ff;
}
.txt.blue {
	color: #233cfa;
}
.txt.red {
	color: #fc2441;
}
.txt.grey_desc {
	color: #9e9ea1;
}
.txt.grey_60 {
	color: #757579;
}
.txt.underline {
	text-decoration: underline;
}
.txt.txt_style_contents {
	font-size: 14px;
	font-size: 1.166em;
}
.txt.txt_style_contents_small {
	font-size: 13px;
	font-size: 1.083em;
}
.txt.txt_style_contents_medium {
	font-size: 15px;
	font-size: 1.25em;
}
.txt.txt_style_contents_large {
	font-size: 16px;
	font-size: 1.333em;
}
.txt.txt_style_contents_title {
	font-size: 20px;
	font-size: 1.666em;
}
.txt.txt_copyright {
	font-size: 12px;
	font-size: 1em;
	color: #bdbdbf;
}
.txt.align_center {
	text-align: center;
}
.txt.subject {
	font-weight: 500;
}
.txt.weight_bold {
	font-weight: 700;
}

/* button */
.btn.btn_squared {
	display: block;
	width: 100%;
	height: 48px;
	height: 3em;
	padding: 16px 0;
	font-size: 16px;
	font-size: 1.333em;
	font-weight: 400;
	border-radius: 4px;
}
.btn.btn_squared:not(a) {
	line-height: 1;
}
.btn.btn_squared.large {
	height: 56px;
	height: 3.5em;
}
.btn.btn_squared.small {
	font-size: 14px;
	font-size: 1.166em;
	padding: 0 16px;
	padding: 0 1.142em;
	font-weight: 500;
	height: 40px;
	height: 2.857em;
}
.btn.btn_squared.tiny {
	height: 32px;
	height: 2.666em;
	font-size: 12px;
	font-size: 1em;
	padding: 7px 0;
}
.btn_bg_blue {
	background-color: #233cfa;
	color: #fff;
	font-weight: 500;
}
.btn_bg_blue:disabled,
.btn_bg_blue.disabled {
	background-color: #bdbdbf;
	border-color: #bdbdbf;
}
.btn_bg_grey {
	background-color: #f5f5f6;
	border-color: #f5f5f6;
	color: #181818;
}
.btn_bg_grey:disabled,
.btn_bg_grey.disabled {
	color: #bdbdbf;
}
.btn_bg_red_pastel {
	background-color: #fff0f2;
	border-color: #fff0f2;
	color: #fc2441;
}
.btn_bg_red_pastel:disabled,
.btn_bg_red_pastel.disabled {
	background-color: #f5f5f6;
	border-color: #f5f5f6;
	color: #bdbdbf;
}
.btn_line_black {
	background-color: #fff;
	border: 1px solid #212124;
	color: #181818;
	font-weight: 500;
}
.btn_line_black:disabled {
	border: 1px solid #e0e0e2;
	color: #bdbdbf;
}
.btn_line_grey {
	background-color: #fff;
	border: 1px solid #e0e0e2;
	color: #181818;
	font-weight: 500;
}
.btn_line_grey:disabled {
	border: 1px solid #e0e0e2;
	color: #bdbdbf;
}
.btn_squared.btn_with_icon .ico {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
	background-position: left center;
	padding-right: 8px;
	padding-right: 0.5em;
	margin-top: -2px;
	margin-top: -0.125em;
}
.btn_squared.small.btn_with_icon .ico {
	width: 16px;
	height: 16px;
	width: 1.142em;
	height: 1.142em;
	padding-right: 8px;
	padding-right: 0.571em;
	margin-top: -2px;
	margin-top: -0.142px;
}
.btn_squared.tiny.btn_with_icon .ico {
	width: 16px;
	height: 16px;
	width: 1.333em;
	height: 1.333em;
	padding-right: 8px;
	padding-right: 0.666em;
	margin-top: -2px;
	margin-top: -0.166em;
}

/* } 220708 ~ 끝 */
/*********************************************/

/* 220805 { 
	- 탭 버튼 카운트 뱃지 디자인 변경
*/
.common_tab_area ul li button span.cnt_badge.red {
	background-color: #fc2441;
	color: #fff;
	font-weight: 600;
}
/* } 220805 끝 */


/* 앱 다운로드 안내 UI { */
.app_download_box_group { width: 100%; height: auto; max-width: 540px;}
.app_download_box_group .app_download_box_group_inner {width: 100%; height: auto; padding: 0; margin: 0;}
.app_download_box_group.border_box_grey .app_download_box_group_inner {width: 100%; height: auto; padding: 24px; padding: 2em; border: 1px solid #e0e0e2;}
.app_download_box_group.rounded .app_download_box_group_inner {border-radius: 8px; border-radius: 0.666em;}
.app_download_box_group .txt_sec { width: 100%; height: auto; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding-bottom: 16px; padding-bottom: 1.333em; }
.app_download_box_group .txt_sec .img_frame { width: 56px; width: 4.666em; height: 56px; height: 4.666em; }
.app_download_box_group .txt_sec .img_frame .img_chutcha_app { display: block; width: 100%; height: 100%; background-image: url("//img.chutcha.kr/files/website/dealer/common/img_chutcha_app_icon.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.app_download_box_group .txt_sec .txt_frame { padding-left: 16px; padding-left: 1.333em; }
.app_download_box_group .txt_sec .txt { padding-bottom: 4px; }
.app_download_box_group .txt_sec .txt.txt_style_contents_large { font-weight: 500; }
.app_download_box_group .txt_sec .txt:last-child { padding-bottom: 0; }
.app_download_box_group .btn_sec { width: 100%; height: auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.app_download_box_group .btn_sec .btn_frame { display: flex; flex-grow: 1; width: 50%; }
.app_download_box_group .btn_sec .btn_frame.fullwidth {width: 100%;}
.app_download_box_group .btn_sec .btn_appdown { width: 100%; height: 40px; height: 3.333em; background-color: #fafafb; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.app_download_box_group .btn_sec .btn_appdown:hover { background-color: #f5f5f6; }
.app_download_box_group .btn_sec .btn_appdown .ico { display: block; width: 100%; height: 18px; height: 1.5em; background-repeat: no-repeat; background-size: auto 100%; background-position: center center; }
.app_download_box_group .btn_sec .btn_appdown .ico.ico_appstore { background-image: url("//img.chutcha.kr/files/website/dealer/common/img_iOS.svg"); }
.app_download_box_group .btn_sec .btn_appdown .ico.ico_googleplay { background-image: url("//img.chutcha.kr/files/website/dealer/common/img_android.svg"); }
.app_download_box_group .btn_sec .btn_appdown_blue { display: flex; align-items: center; justify-content: center; font-size: 16px; font-size: 1.333em; line-height: 1.5; font-weight: 500; width: 100%; height: 56px; height: 3.5em; background-color: #233cfa; border-radius: 8px; border-radius: 0.5em; color: #fff;}
/* } 앱 다운로드 안내 UI */


/*********************************************/
/* vue modal custom { */

.vue_modal_custom {
	font-size: 12px;
	font-size: 1em;
}
.vue_modal_custom .modal-content {
	font-size: inherit;
	min-width: 320px;
	max-width: 500px;
	width: calc(100% - 48px);
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 24px -1px rgba(24, 24, 24, 0.2);
	border-radius: 4px;
	overflow: hidden;
}
.vue_modal_custom.max_width_356 .modal-content {
	max-width: 356px;
}
.vue_modal_custom .modal-content .modal_inner {
	width: 100%;
	height: auto;
	font-size: inherit;
	background-color: #fff;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap {
	width: 100%;
	height: auto;
	font-size: inherit;
	background-color: #fff;
}
.vue_modal_custom .modal-content .modal_inner.modal_inner_bg_transparent {
	background-color: transparent;
}

.vue_modal_custom .modal-content .modal_section {
	width: 100%;
	height: auto;
	font-size: inherit;
	padding: 24px;
	padding: 2em;
	background-color: #fff;
	position: relative;
}

.vue_modal_custom .modal-content .modal_section.modal_section_top {
	width: 100%;
	height: auto;
	font-size: inherit;
	padding-top: 32px;
		padding-top: 2.667em;
	padding-bottom: 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}
.vue_modal_custom .modal-content .modal_section.modal_section_top .txt_frame {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-grow: 1;
}
.vue_modal_custom .modal-content .modal_section.modal_section_top .txt_title {
	font-size: 18px;
	font-size: 1.5em;
	font-weight: bold;
	font-weight: 700;
}
.vue_modal_custom .modal-content .modal_section.modal_section_top .btn_frame {
	width: 24px;
	width: 2em;
	min-width: 24px;
	min-width: 2em;
	height: 24px;
	height: 2em;
	margin-right: -8px;
	margin-right: -0.666em;
	margin-top: -16px;
		margin-top: -1.333em;
}
.vue_modal_custom
	.modal-content
	.modal_section.modal_section_top
	.btn_modal_close {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url("//img.chutcha.kr/files/website/dealer/common/modal_close_x_btn_padding.png");
	background-size: 100% auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.vue_modal_custom .modal-content .modal_section.modal_section_bottom {
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.vue_modal_custom
	.modal-content
	.modal_section.modal_section_bottom
	.btn_frame {
	width: 100%;
	height: auto;
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.vue_modal_custom
	.modal-content
	.modal_section.modal_section_bottom
	.btn_modal_bottom {
	font-size: 16px;
	font-size: 1.333em;
	font-weight: 500;
	width: 100%;
	height: 56px;
	height: 3.5em;
	border-radius: 0;
}

/* view modal msg */
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_mid {
	font-size: inherit;
	padding-top: 48px;
	padding-bottom: 48px;
	padding-top: 4em;
	padding-bottom: 4em;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_top
	~ .modal_section.modal_section_mid {
	padding: 24px 24px 32px;
	padding: 2em 2em 2.666em;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_mid
	.txt_frame {
	width: 100%;
	height: auto;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_mid
	.txt_content {
	font-size: 16px;
	font-size: 1.333em;
	font-weight: 400;
	text-align: center;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_bottom {
	border-top: 1px solid #e0e0e2;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_bottom
	.btn_frame {
	border-right: 1px solid #e0e0e2;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_bottom
	.btn_frame:last-child {
	border-right: 0;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_bottom
	.btn_modal_bottom {
	background-color: #fff;
	color: #181818;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_bottom
	.btn_frame:last-child
	.btn_modal_bottom {
	color: #233cfa;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_section.modal_section_bottom
	.btn_frame:last-child
	.btn_modal_bottom.btn_blue {
	background-color: #233cfa;
	color: #fff;
}

/* 모달: 바텀시트 스타일 */
.vue_modal_custom.view_custom_down .modal-content {
	max-width: 100%;
	width: 100%;
	border-radius: 8px 8px 0 0;
	top: auto;
	bottom: 0;
	transform: translate(-50%, 0);
	box-shadow: none;
}
.vue_modal_custom.view_custom_down .modal-content .modal_section.modal_section_top {padding: 18px 20px; padding-top: 26px;}
.vue_modal_custom.view_custom_down .modal-content .modal_section.modal_section_top .txt_title {font-size: 20px; font-size: 1.666em; font-weight: 700; line-height: 28px; line-height: 1.4;}
.vue_modal_custom.view_custom_down.view_modal_msg .modal-content .modal_section.modal_section_top ~ .modal_section.modal_section_mid {padding: 0 20px 2.666em;}
.vue_modal_custom.view_custom_down .modal-content .modal_section.modal_section_bottom {background-color: #fff; border: 0;}
.vue_modal_custom.view_custom_down .modal-content .modal_section.modal_section_bottom .btn_frame {padding: 34px 20px; padding-top: 0; background-color: #fff;}
.vue_modal_custom.view_custom_down .modal-content .modal_section.modal_section_bottom .btn_frame:last-child .btn_modal_bottom {border-radius: 4px;}
.vue_modal_custom.view_custom_down.view_modal_msg .modal-content .modal_section.modal_section_bottom .btn_frame:last-child .btn_modal_bottom.btn_blue.disabled {
	background-color: #bdbdbf; cursor: none; pointer-events: none;
}
/* 모달: 바텀시트+옵션선택 모달 */
.vue_modal_custom.view_selectbox_option_modal .modal-content {
	/* max-width: 100%; */
	width: 100%;
	border-radius: 8px 8px 0 0;
	top: auto;
	bottom: 0;
	transform: translate(-50%, 0);
	box-shadow: none;

	/* max-height: 60%;
	overflow-y: auto; */
}
.vue_modal_custom.view_selectbox_option_modal.view_modal_msg .modal-content .modal_section.modal_section_mid {padding: 0 20px 34px;}
/* 스크롤 스타일 { */
.vue_modal_custom.view_selectbox_option_modal.view_modal_msg .modal-content .modal_section.modal_section_mid {
	max-height: 56vh;
	overflow-y: auto;
}
.vue_modal_custom.view_selectbox_option_modal.view_modal_msg .modal-content .modal_section.modal_section_mid::-webkit-scrollbar {
	width: 4px;
	padding-right: 4px;
}
.vue_modal_custom.view_selectbox_option_modal.view_modal_msg .modal-content .modal_section.modal_section_mid::-webkit-scrollbar-thumb {
	background-color: #d1d1d1;
	border-radius: 38px;
}
.vue_modal_custom.view_selectbox_option_modal.view_modal_msg .modal-content .modal_section.modal_section_mid::-webkit-scrollbar-track {
	background-color: transparent;
}
/* } 스크롤 스타일 */
.bottom_sheet_option_group.bottom_sheet_option_group_2 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding-top: 8px;
}
.bottom_sheet_option_group.bottom_sheet_option_group_2 .bottom_sheet_option_item {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.bottom_sheet_option_group.bottom_sheet_option_group_2 .bottom_sheet_option_item .btn_selectbox_option {
	display: inline-flex;
	width: 100%;
	height: 56px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
}
.bottom_sheet_option_group.bottom_sheet_option_group_2 .bottom_sheet_option_item:not(:last-child) .btn_selectbox_option {
	border-bottom: 1px solid #eeeef0;
}
.bottom_sheet_option_group.bottom_sheet_option_group_2 .bottom_sheet_option_item .btn_selectbox_option.selected {
	color: #233cfa;
	font-weight: 700;
}

/* 모달: 경매장 이용 불가 안내 */
.smc_permission_modal.vue_modal_custom .modal-content {
	min-width: 270px;
	width: calc(100% - 64px);
}
.modal_go_ad {
}
.modal_go_ad .modal_contents_html {
	width: 100%;
	height: auto;
}
.modal_go_ad .modal_contents_html .txt {
	line-height: 1.45;
	letter-spacing: -0.3px;
	word-break: keep-all;
}
.modal_go_ad .modal_contents_html .txt_frame {
	width: 100%;
	height: auto;
	margin-top: 24px;
	margin-top: 2em;
}
.modal_go_ad .modal_contents_html .txt_frame:first-child {
	margin-top: 0;
}
.modal_go_ad .modal_contents_html .txt_frame.grey_box {
	padding: 24px;
	padding: 2em;
	border-radius: 4px;
	background-color: #fafafb;
}
.modal_go_ad .modal_contents_html .txt_frame.grey_box .txt:first-child {
	font-weight: 500;
	padding-bottom: 16px;
	padding-bottom: 1em;
	border-bottom: 1px solid #eeeef0;
}
.modal_go_ad .modal_contents_html .txt_frame.grey_box .txt:nth-child(2) {
	padding-top: 16px;
	padding-top: 1.333em;
}
.modal_go_ad .modal_contents_html .txt_frame.grey_box .txt.txt_style_contents_small {
	line-height: 1.384;
}
/* .modal_go_ad .modal_contents_html .txt_frame.grey_box .txt.txt_style_contents_small {font-size: 12px; font-size: 1em;} */
.modal_go_ad .modal_contents_html .txt_frame.grey_box .ico_hello {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.5em;
	width: 20px;
	height: 20px;
	width: 1.25em;
	height: 1.25em;
	background-image: url("//img.chutcha.net/files/website/dealer/common/img_imoticon_hello_man.png");
	background-size: 100% auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 4px;
}
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_go_ad
	.modal_section.modal_section_bottom
	.btn_frame,
.vue_modal_custom.view_modal_msg
	.modal-content
	.modal_go_ad
	.modal_section.modal_section_bottom {
	border: 0;
	background-color: transparent;
}
/* } 내차팔기 프로 이전 개선 끝 */

/* } vue modal custom */
/*********************************************/

/* Vue Transition Animation { */
/* fade - 페이드인아웃 */
.fade-enter {
	opacity: 0;
}
.fade-enter-active,
.fade-leave-active {
	transition: 0.4s ease-out;
}
.fade-leave-to {
	opacity: 0;
}

/* fadehide - 페이드인아웃 & 영역 줄어듬 */
@keyframes fadehide-in {
	0% {
		opacity: 0;
		max-height: 0;
		overflow: hidden;
	}
	100% {
		opacity: 1;
		max-height: 500px;
		overflow: hidden;
	}
}
.fadehide-enter-active {
	animation: fadehide-in 0.4s;
}
.fadehide-leave-active {
	animation: fadehide-in 0.4s reverse;
}
/* } Vue Transition Animation 끝 */



/*******************************************************/
/* 딜러앱 헤더영역 웹에서 직접 만들때 적용할 스타일 { */
/* reset */
.wv_app_header_wrap, .wv_app_header_wrap .hd_inner, .wv_app_header_wrap .hd_lr_area, .wv_app_header_wrap .hd_btn, .wv_app_header_wrap .hd_txt {
	margin: 0; padding: 0; border: 0; box-shadow: 0; outline-width: 0; box-sizing: border-box; list-style: none; text-decoration: none; background: transparent; color: #181818;
}
/* 스타일 적용 */
.wv_app_header_wrap {
	width: 100%; height: auto; max-width: 1100px;
	position: fixed; z-index: 100; top: 0; left: 50%; transform: translateX(-50%);
}
.wv_app_header_wrap .hd_inner {
	width: 100%; height: 44px; background-color: #fff;
	display: grid; grid-template-columns: max-content 1fr max-content; align-items: center;
	position: relative;
}
.wv_app_header_wrap .hd_title {
	display: flex; font-size: 18px; font-weight: 600; letter-spacing: -0.3px; text-align: center;
	width: 100%; height: 100%; flex-direction: row; align-items: center; justify-content: center;
	position: absolute; top: 0; left: 0; z-index: 0;
}
.wv_app_header_wrap .hd_lr_area {
	display: inline-flex;
	width: max-content;
	height: 100%;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
.wv_app_header_wrap .hd_btn {
	display: flex;
	width: 20px; height: 100%;
	box-sizing: content-box !important;
	flex-direction: row; align-items: center; justify-content: center;
	cursor: pointer;
}
.wv_app_header_wrap .hd_btn img {display: block; width: 100%; height: 100%; object-fit: contain;}
.wv_app_header_wrap .hd_lr_area.hd_left_area .hd_btn {	
	padding-left: 14px;
}
.wv_app_header_wrap .hd_lr_area.hd_right_area .hd_btn {
	padding-right: 14px;
}
.wv_app_header_wrap ~ .pg_cont_wrap {
	padding-top: 44px !important;
}

/* } 딜러앱 헤더영역 웹에서 직접 만들때 적용할 스타일 */
/*******************************************************/