@charset "UTF-8";

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("//img.chutcha.kr/fonts/NotoSansKR-Regular.woff2") format("woff2"),
    url("//img.chutcha.kr/fonts/NotoSansKR-Regular.woff") format("woff"),
    url("//img.chutcha.kr/fonts/NotoSansKR-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url("//img.chutcha.kr/fonts/NotoSansKR-Medium.woff2") format("woff2"),
    url("//img.chutcha.kr/fonts/NotoSansKR-Medium.woff") format("woff"),
    url("//img.chutcha.kr/fonts/NotoSansKR-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url("//img.chutcha.kr/fonts/NotoSansKR-Bold.woff2") format("woff2"),
    url("//img.chutcha.kr/fonts/NotoSansKR-Bold.woff") format("woff"),
    url("//img.chutcha.kr/fonts/NotoSansKR-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: url("//img.chutcha.kr/fonts/heebo-v9-latin-regular.eot");
  src: url("//img.chutcha.kr/fonts/heebo-v9-latin-regular.eot?#iefix") format("embedded-opentype"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-regular.woff2") format("woff2"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-regular.woff") format("woff"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 500;
  src: url("//img.chutcha.kr/fonts/heebo-v9-latin-medium.eot");
  src: url("//img.chutcha.kr/fonts/heebo-v9-latin-medium.eot?#iefix") format("embedded-opentype"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-medium.woff2") format("woff2"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-medium.woff") format("woff"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-medium.ttf") format("truetype");
}

@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 700;
  src: url("//img.chutcha.kr/fonts/heebo-v9-latin-700.eot");
  src: url("//img.chutcha.kr/fonts/heebo-v9-latin-700.eot?#iefix") format("embedded-opentype"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-700.woff2") format("woff2"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-700.woff") format("woff"),
    url("//img.chutcha.kr/fonts/heebo-v9-latin-700.ttf") format("truetype");
}

/* 사이트 전체 공통 레이아웃 */
html {
  min-height: 100vh;
  font-size: 12px;
}

body {
  width: 100%;
  min-height: 100vh;
  background: #fff;
  position: relative;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

.site_wrap {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

* {
  font-family: "Heebo", "Noto Sans KR";
  font-weight: 400;
  color: #181818;
  line-height: 1.5;
  /* image-rendering: -webkit-optimize-contrast; */
  -webkit-font-smoothing: antialiased;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Heebo", "Noto Sans KR";
  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;} */


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 이상에 적용*/

/* 서브 공통 요소 */
.frm_label {
  font-size: 0.75em;
  padding-right: 9px;
  padding-left: 20px;
}

/* 폼라벨 */
.txt_input {
  padding: 8px;
  font-size: 0.75em;
  border: 1px solid #c2c2c2;
  vertical-align: middle;
}

/* 텍스트입력폼 */
.only_number {
  ime-mode: disabled;
  -webkit-ime-mode: disabled;
}

.btn {
  padding: 1.126em 0;
  font-size: 1.333em;
  font-weight: 500;
  background: #233cfa;
  color: #fff;
  border: 1px solid #233cfa;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  box-sizing: border-box;
}

/* 일반버튼 */
a.btn {
  text-decoration: none;
}

.btn span {
  line-height: 0px;
}

.btn img {
  vertical-align: top;
  line-height: 0px;
}

.btn-tiny {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  padding: 0.75em 1em;
  line-height: 1;
  background: #fff;
  border: 1px solid #e0e0e2;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  outline: none;
}

.btn-line {
  background: #fff;
  border: 1px solid #424246;
  color: #181818;
  font-weight: 500;
}

.btn-disabled {
  color: #eeeef0;
  background-color: #bdbdbf;
  border: 1px solid #bdbdbf;
}

.btn-line.btn-disabled {
  color: #bdbdbf;
  background-color: #fff;
  border: 1px solid #e0e0e2;
}

.clear_both {
  clear: both;
  display: block;
}

/* 헤더 */
.global_header {
  width: 100%;
  max-height: 72px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e0e0e2;
}

.global_header .inner {
  width: 1136px;
  margin: 0 auto;
  padding: 2em 0;
  position: relative;
}

.global_header .inner::after {
  content: "";
  display: block;
  clear: both;
}

.global_header .inner h1 {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 1em;
}

.global_header .inner h1 img {
  height: 2em;
  display: block;
  line-height: 1;
}

/* GNB */
.global_header nav {
  width: 67em;
  margin: 0;
  padding: 0 0 0 8.667em;
  float: left;
  box-sizing: border-box;
}

.global_header nav ul {
  margin: 0;
  padding: 0;
}

.global_header nav ul::after {
  content: "";
  display: block;
  clear: both;
}

.global_header nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.global_header nav>ul>li {
  float: left;
  box-sizing: border-box;
  position: relative;
  padding: 0 4em 0 0;
}

.global_header nav>ul>li a {
  font-size: 1.333em;
  z-index: 15;
  position: relative;
  padding: 1.5em 0 1.7em;
}

.global_header nav>ul>li a.on_over {
  color: #233cfa;
}

.global_header nav>ul>li ul {
  display: none;
  position: absolute;
  min-width: 10em;
  top: 0;
  margin: 4em 0 0 0;
  left: -2em;
  z-index: 20;
  background: #fff;
  border: 1px solid #e0e0e2;
  border-top: 0;
}

.global_header nav>ul>li ul li a {
  font-size: 1.167em;
  padding: 0.571em 1.714em;
  display: block;
  white-space: nowrap;
}

.global_header nav>ul>li ul li:first-child a {
  padding-top: 1.714em;
}

.global_header nav>ul>li ul li:last-child a {
  padding-bottom: 1.714em;
}

/* gnb 로그인영역 */
.global_header .user_info {
  width: 16em;
  float: right;
  margin: -0.5em 0 0 0;
}

.global_header .user_info::after {
  content: "";
  display: block;
  clear: both;
}

.global_header .user_info.before_login {
  text-align: right;
}

.global_header .user_info.before_login a.login_btn {
  display: inline-block;
  font-size: 1.167em;
  color: #181818;
  margin: 0 1.714em 0 0;
}

.global_header .user_info.before_login a.join_btn {
  display: inline-block;
  color: #233cfa;
  padding: 0.462em 0.924em;
  text-align: center;
  font-size: 1.083em;
  border: 1px solid #233cfa;
  border-radius: 1.231em;
}

.global_header .user_info .dealer_name {
  float: right;
  padding: 0.833em 0 0.833em 1em;
  display: flex;
  align-items: center;
}

.global_header .user_info .dealer_name p {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1.167em;
  cursor: pointer;
}

.global_header .user_info .dealer_name p span {
  max-width: 6em;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
}

.global_header .user_info .dealer_name button {
  width: 1.333em;
  height: 1.333em;
  display: inline-block;
  cursor: pointer;
  border: 0;
  outline: 0;
  margin: 0 0 0 0.5em;
  padding: 0;
  text-indent: -9999px;
  background-image: url("//img.chutcha.kr/files/website/dealer/common/arrow_dropdown_black_fill.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 1.333em;
  background-position: center center;
}

.global_header .user_info .dealer_name button.on {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/arrow_dropup_black_fill.svg");
}

.global_header .user_info .dealer_photo {
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.global_header .user_info .dealer_photo img {
  width: 3.333em;
  border-radius: 0.667em;
}

.global_header .user_info .dealer_photo .alarm_msg {
  display: block;
  top: -0.833em;
  left: -0.833em;
  position: absolute;
  background: #152ce0;
  min-width: 1.667em;
  height: 1.667em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0 0.55em;
  line-height: 1.667em;
  cursor: pointer;

  border-radius: 30px;
}

.global_header .user_info .dealer_photo .alarm_msg span {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -9999px;
  visibility: hidden;
}

.global_header .user_info_popup {
  display: none;
  min-width: 16em;
  position: absolute;
  right: -1.833em;
  top: 6em;
  z-index: 1000;
  margin: 0 0 0 0;
  padding: 1.917em;
  background: #fff;
  border: 1px solid #e0e0e2;
  border-top: 0;
  box-sizing: border-box;
}

.global_header .user_info_popup button {
  width: 100%;
  display: block;
  outline: 0;
  border: 0;
  margin: 0 0 1.143em 0;
  padding: 0 0 0 2.286em;
  cursor: pointer;
  background: #fff;
  text-align: left;
  font-size: 1.167em;
  box-sizing: border-box;
  background-size: auto 1.429em;
  background-position: left center;
  background-repeat: no-repeat;
}

.global_header .user_info_popup button::after {
  content: "";
  display: block;
  clear: both;
}

.global_header .user_info_popup button span {
  vertical-align: middle;
}

.global_header .user_info_popup button span.count {
  float: right;
  background: #152ce0;
  font-size: 0.786em;
  min-width: 1.545em;
  height: 1.545em;
  border-radius: 1.667em;
  color: #fff;
  text-align: center;
  border: 0;
  outline: 0;
  margin: 1px 0 0 0;
  padding: 0 0.52em 0 0.5em;
  line-height: 1.667em;
  box-sizing: border-box;
  position: relative;
}

.global_header .user_info_popup button.h_coupon_box_view {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/icon_ticket_line_black.svg");
}

.global_header .user_info_popup button.alarm_msg {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/icon_bell_line_black.svg");
}

.global_header .user_info_popup button.my_msg {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/icon_letter_line_black.svg");
}

.global_header .user_info_popup ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #e0e0e2;
}

.global_header .user_info_popup ul li {
  margin: 1.333em 0;
  padding: 0;
  list-style: none;
}

.global_header .user_info_popup ul li:last-child {
  margin: 1.333em 0 0 0;
  padding: 1.333em 0 0 0;
  border-top: 1px solid #e0e0e2;
}

.global_header .user_info_popup ul li a {
  font-size: 1.167em;
}

.global_header .user_alarm_popup {
  display: none;
  min-width: 16em;
  position: absolutetab_area;
  right: -1.833em;
  top: 6em;
  z-index: 10;
  margin: 0 0 0 0;
  padding: 1.917em;
  background: #fff;
  border: 1px solid #e0e0e2;
  border-top: 0;
  box-sizing: border-box;
}

/* 콘텐츠 영역 */
.contents_wrap {
  width: 100%;
  margin: 0;
  padding: 0;
}

.contents_wrap::after {
  content: "";
  display: block;
  clear: both;
}

.contents_wrap .inner_wrap {
  width: 1136px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* 페이지 공통 헤더 영역 */
.page_header {
  padding: 4rem 0 2.667rem 0;
}

.page_header h1 {
  margin: 0;
  padding: 0;
  font-size: 1.833rem;
  font-weight: bold;
}

.page_header .title_nav {
  margin: 0;
  padding: 0 0 0 0;
}

.page_header .title_nav ul {
  margin: 0;
  padding: 0;
}

.page_header .title_nav ul::after {
  content: "";
  display: block;
  clear: both;
}

.page_header .title_nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.page_header .title_nav ul li a {
  background: transparent;
  display: inline-block;
  border: 0;
  outline: none;
  font-size: 1.833rem;
  cursor: pointer;
  margin: 0 1.455em 0 0;
  padding: 0.35em 0 0.17em 0;
  color: #757579;
  line-height: 1;
}

.page_header .title_nav ul li.on a {
  font-weight: bold;
  color: #181818;
}

.page_header .tab_area {
  margin: 0;
  padding: 1.333rem 0 0 0;
  position: relative;
}

.page_header .tab_area ul {
  margin: 0;
  padding: 0;
  background-image: url("//img.chutcha.kr/files/website/dealer/common/tab_bg_line.gif");
  background-repeat: repeat-x;
  background-size: 1px;
  background-position: left bottom;
}

.page_header .tab_area ul::after {
  content: "";
  display: block;
  clear: both;
}

.page_header .tab_area ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.page_header .tab_area ul li button {
  background: transparent;
  border: 0;
  outline: none;
  font-size: 1.333rem;
  cursor: pointer;
  margin: 0 2em 0 0;
  padding: 0.98em 0 0.8em 0;
}

.page_header .tab_area ul li button span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 0 0.1em 0 0;
}

.page_header .tab_area ul li button span.cnt_badge {
  font-weight: 400;
  padding: 0.4em;
  font-size: 0.75em;
  background: #eeeef0;
  border-radius: 1em;
  text-align: center;
  min-width: 1.7em;
  box-sizing: border-box;
  font-weight: normal;

  font-size: 10px;
  font-size: 0.625em;
  font-weight: 500;
  line-height: 1.01;
  padding: 4px 5px;
  padding: 0.4em 0.5em;
  padding: calc(0.4em + 0.12px) 0.5em 0.4em;
}

.page_header .tab_area ul li.on button {
  border-bottom: 2px solid #181818;
  font-weight: bold;
}

.page_header .tab_area ul li.on button span {
  font-weight: bold;
}

.page_header .tab_area ul li.on button span.cnt_badge {
  background: #181818;
  color: #fff;
  font-weight: normal;
}

.cont_top_tab_area {
  width: 100%;
}

.cont_top_tab_area::after {
  content: "";
  display: block;
  clear: both;
}

.cont_top_tab_area ul.tab_list {
  margin: 0;
  padding: 0;
  float: left;
}

.cont_top_tab_area ul.tab_list::after {
  content: "";
  display: block;
  clear: both;
}

.cont_top_tab_area ul.tab_list li {
  margin: 0;
  padding: 0 0.615rem 1.333rem 0;
  list-style: none;
  float: left;
}

.cont_top_tab_area ul.tab_list li button {
  display: block;
  font-size: 1.083rem;
  font-weight: 500;
  text-align: center;
  padding: 0.692em 1.231em;
  cursor: pointer;
  border: 1px solid #e0e0e2;
  background: #fff;
  line-height: 1;
  border-radius: 2px;
}

.cont_top_tab_area ul.tab_list li.on button {
  border: 1px solid #233cfa;
  background: #233cfa;
  color: #fff;
}

.cont_top_tab_area p.added_advice {
  margin: 0;
  padding: 0.615em 0 0 1.35em;
  float: right;
  text-align: right;
  color: #757579;
  font-size: 1.083rem;
  background-image: url("//img.chutcha.kr/files/website/dealer/common/notice-icon_light_gray.png");
  background-repeat: no-repeat;
  background-size: auto 1em;
  background-position: left top 0.75em;
}

.pagination_wrap {
  position: relative;
  padding: 2.666em;
}

.pagination_wrap ul {
  margin: 0 0;
  padding: 0;
  text-align: center;
}

.pagination_wrap ul li {
  margin: 0;
  /* padding: 0 0.15em; */
  padding: 0 0.3em;
  list-style: none;
  display: inline-block;
}

/* 
.pagination_wrap ul li.first{
	padding-right : 0.35em;
}

.pagination_wrap ul li.last{
	padding-left : 0.35em;
} */

.pagination_wrap ul li button {
  cursor: pointer;
  padding: 0.667em 1em;
  font-weight: 500;
  color: #9e9ea1;
  line-height: 1;
  background: #fff;
  outline: 0;
  border: 0;
}

.pagination_wrap ul li.on button {
  color: #181818;
  font-weight: 600;
  background: #fafafb;
}

.pagination_wrap ul li button:hover {
  background: #fafafb;
}

.pagination_wrap ul li button.next,
.pagination_wrap ul li button.prev {
  border: 1px solid #e0e0e2;
}

.pagination_wrap ul li a {
  display: inline-block;
  width: 2.667em;
  padding: 0.834em 0;
  font-weight: 500;
  color: #9e9ea1;
  line-height: 1;
  background: #fff;
  outline: 0;
  border: 0;
}

.pagination_wrap ul li.on a {
  color: #181818;
  font-weight: 600;
  background: #fafafb;
}

.pagination_wrap ul li a img {
  height: 1em;
}

.pagination_wrap ul li a:hover {
  background: #fafafb;
}

.pagination_wrap ul li.next a,
.pagination_wrap ul li.prev a,
.pagination_wrap ul li.first a,
.pagination_wrap ul li.last a {
  width: 2em;
  border: 1px solid #e0e0e2;
  padding: 0.438em 0;
  box-sizing: border-box;
  border-radius: 2px;
}

.pagination_wrap ul li.next a span,
.pagination_wrap ul li.prev a span,
.pagination_wrap ul li.first a span,
.pagination_wrap ul li.last a span {
  padding: 0 0.25em;
  font-weight: 500;
  color: #9e9ea1;
  background: transparent;
  outline: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

.pagination_wrap ul li.prev a span {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/ic-arrow-left_black.png");
}

.pagination_wrap ul li.next a span {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/ic-arrow-right_black.png");
}

.pagination_wrap ul li.first a span {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/ic-arrow-first_black.png");
}

.pagination_wrap ul li.last a span {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/ic-arrow-last_black.png");
}

.pagination_wrap .per_page {
  position: absolute;
  right: 0;
  top: 2.666em;
}

/* 푸터 영역 */
.common_footer {
  background: #fafafb;
  border-top: 1px solid #e8e8e8;
}

.common_footer .inner_wrap {
  width: 1136px;
  margin: 0 auto;
  padding: 2.75em 0 2.2em;
  background: url("//img.chutcha.kr/files/website/dealer/common/footer-logo.png") no-repeat;
  background-size: 56px auto;
  background-position: right center;
}

.common_footer .inner_wrap ul {
  margin: 0;
  padding: 0;
}

.common_footer .inner_wrap ul::after {
  content: "";
  display: block;
  clear: both;
}

.common_footer .inner_wrap ul li {
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  list-style: none;
  float: left;
  position: relative;
  line-height: 1;
}

.common_footer .inner_wrap ul li::after {
  content: "";
  width: 1px;
  height: 10px;
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
  background: #d2d2d2;
}

.common_footer .inner_wrap ul li:last-child::after {
  display: none;
}

.common_footer .inner_wrap ul li a {
  font-size: 1.083em;
  color: #757579;
  line-height: 1;
  display: block;
}

.common_footer .inner_wrap ul li a:hover {
  text-decoration: underline;
}

.common_footer .inner_wrap ul li a strong {
  line-height: 1;
  font-weight: 500;
}

.common_footer .inner_wrap ul li:nth-child(2) a {
  color: #212124;
}

.common_footer .inner_wrap address {
  display: block;
  margin: 0;
  padding: 1.8em 0 0 0;
  line-height: 1.5em;
}

.common_footer .inner_wrap address p {
  margin: 0;
  padding: 0 0 0.4em 0;
  font-size: 1.083em;
  font-weight: 500;
  color: #757579;
  display: inline-block;
  font-style: normal;
}

.common_footer .inner_wrap address p:last-of-type {
  padding: 0 0 0.4em 1.23em;
  position: relative;
  font-weight: normal;
}

.common_footer .inner_wrap address p:last-of-type::after {
  content: "";
  width: 1px;
  height: 0.8em;
  display: block;
  position: absolute;
  top: 18%;
  left: 0.6em;
  background: #e0e0e2;
}

.common_footer .inner_wrap address dl {
  margin: 0;
  padding: 0;
  font-size: 1.083em;
  color: #757579;
  display: inline-block;
  font-style: normal;
}

.common_footer .inner_wrap address dl dt {
  margin: 0;
  padding: 0 0.3em 0.4em 1.23em;
  font-size: 1em;
  line-height: 2em;
  font-weight: 500;
  color: #757579;
  display: inline-block;
  font-style: normal;
  position: relative;
}

.common_footer .inner_wrap address dl dt::after {
  content: "";
  width: 1px;
  height: 0.8em;
  display: block;
  position: absolute;
  top: 18%;
  left: 0.6em;
  background: #e0e0e2;
}

.common_footer .inner_wrap address dl:nth-of-type(4) dt {
  padding: 0 0 0.4em 0;
}

.common_footer .inner_wrap address dl:nth-of-type(4) dt::after {
  display: none;
}

.common_footer .inner_wrap address dl dd {
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #757579;
  display: inline-block;
  font-style: normal;
}

.common_footer .inner_wrap address a:not(.first) {
  margin: 0;
  padding: 0 0 0.4em 1.23em;
  font-size: 1.083em;
  font-weight: 500;
  color: #757579;
  display: inline-block;
  font-style: normal;
  position: relative;
}

.common_footer .inner_wrap address a:not(.first)::after {
  content: "";
  width: 1px;
  height: 0.8em;
  display: block;
  position: absolute;
  top: 18%;
  left: 0.6em;
  background: #e0e0e2;
}

.common_footer .inner_wrap address a.first {
  text-decoration: none;
  font-size: 1.083em;
  font-weight: 500;
  color: #757579;
  display: inline-block;
  font-style: normal;
}

/* 개발 모달 */
.modal_wrap {
  width: 100%;
  height: 100vh;
  z-index: 9999;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  display: none;
  font-size: 16px;
}

.modal_wrap .modal_win {
  background: #fff;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 70px;
}

.modal_wrap .modal_win.modal_a {
  width: 290px;
}

.modal_wrap .modal_win.modal_b {
  width: 290px;
}

.modal_wrap .modal_win.modal_c {
  width: 330px;
}

.modal_wrap .modal_win.modal_d {
  width: 290px;
}

.modal_wrap .modal_win p {
  font-size: 0.8em;
  text-align: center;
  padding-top: 30px;
  line-height: 1.5em;
  display: block;
}

.modal_wrap .modal_win.modal_a .auction_desc {
  font-size: 0.85em;
  color: #aaa;
  display: block;
  padding-top: 0.5em;
}

.modal_wrap .modal_win.modal_b p.alert {
  padding-top: 95px;
  background: url("/images/common/modal_alert_mark.gif") no-repeat center 30px;
}

.modal_wrap .modal_win.modal_b p.confirm {
  padding-top: 95px;
  background: url("/images/common/modal_confirm_mark.gif") no-repeat center 30px;
}

.modal_wrap .modal_win.modal_c p.msg {
  border-bottom: 1px solid #eaeaea;
  margin: 30px;
  padding: 0 0 30px 0;
}

.modal_wrap .modal_win.modal_c p.msg.alert {
  padding-top: 65px;
  background: url("/images/common/modal_alert_mark.gif") no-repeat center 0px;
}

.modal_wrap .modal_win.modal_c p.msg.confirm {
  padding-top: 65px;
  background: url("/images/common/modal_confirm_mark.gif") no-repeat center 0px;
}

.modal_wrap .modal_win.modal_c p.ex_msg {
  display: none;
  padding: 0 30px 0 30px;
  color: #656565;
  font-size: 0.7em;
  text-align: left;
}

.modal_wrap .modal_win.modal_d p.alert {
  padding-top: 95px;
  background: url("/images/common/modal_alert_mark.gif") no-repeat center 30px;
}

.modal_wrap .modal_win.modal_d p.confirm {
  padding-top: 95px;
  background: url("/images/common/modal_confirm_mark.gif") no-repeat center 30px;
}

.modal_wrap .modal_win .ex_msg {
  display: none;
}

.modal_wrap .modal_win span.blue_txt {
  color: #1450f9;
}

.modal_wrap .modal_win span.red_txt {
  color: #ff5d5d;
}

.modal_wrap .modal_win .modal_btn {
  width: calc(100% - 40px);
  position: absolute;
  bottom: 0;
  padding: 20px;
  text-align: center;
}

/* 딤 */
.dim_area {
  position: relative;
}

.dim_area .dim_layer {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: rgba(54, 64, 81, 0);
  z-index: 100;
  display: block;
}

.dim_area .dim_layer .dim_text {
  width: 400px;
  padding: 10px;
  left: 50%;
  margin-left: -200px;
  margin-top: 30px;
  background: rgba(54, 64, 81, 0.5);
  position: absolute;
}

.dim_area .dim_layer .dim_text p {
  text-align: center;
  color: #fff;
}

/* 첫로그인 딜러 가입동의 모달 */
.layer_modal_area {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  font-size: 0.9em;
}

.layer_modal_area .white_box {
  width: 540px;
  height: 50%;
  max-height: 550px;
  padding: 30px;
  background: #fff;
  position: absolute;
  left: 50%;
  overflow-y: auto;
  overflow-x: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.layer_modal_area .white_box.both_box {
  width: 1100px;
  overflow-y: hidden;
  min-height: 480px;
}

.layer_modal_area .white_box .join_agree_box {
  border-bottom: 1px solid #eaeaea;
}

.layer_modal_area .white_box .join_agree_box:nth-of-type(2) {
  margin-top: 30px;
}

.layer_modal_area .white_box.both_box .join_agree_box {
  width: 520px;
  float: left;
  padding-right: 30px;
}

.layer_modal_area .white_box.both_box .join_agree_box:nth-of-type(2) {
  width: 519px;
  float: left;
  margin: 0 0 0 0;
  padding-left: 30px;
  padding-right: 0;
  border-left: 1px solid #eaeaea;
}

.layer_modal_area .white_box .title {
  text-align: center;
  font-size: 2em;
  margin: 0 0 30px 0;
}

.layer_modal_area .white_box ol {
  height: 130px;
  overflow-y: auto;
  border: 1px solid #eaeaea;
  font-size: 0.8em;
  padding: 20px;
}

.layer_modal_area .white_box ol li {
  margin: 3px 0 3px 15px;
  line-height: 1.6em;
}

.layer_modal_area .white_box ol li a {
  text-decoration: underline;
}

.layer_modal_area .white_box p {
  line-height: 1.6em;
}

.layer_modal_area .white_box .agree_span {
  display: none;
  color: red;
}

.layer_modal_area .white_box .agree_text_input {
  font-size: 1.2em;
  margin-bottom: 5px;
}

.layer_modal_area .white_box .agree_text_input input {
  width: 50px;
  text-align: center;
  background: #f9f9fa;
  border: 1px solid #c1c5cd;
}

.layer_modal_area .white_box .agree_text_advice {
  color: #a3a8b3;
  font-size: 0.8em;
  margin-top: 0;
}

.layer_modal_area .white_box .agree_text_advice strong {
  color: red;
  font-size: 1.3em;
}

.layer_modal_area .white_box .name_area::after {
  content: "";
  display: block;
  clear: both;
}

.layer_modal_area .white_box .name_area p.date {
  float: left;
}

.layer_modal_area .white_box .name_area p.name {
  float: right;
}

.layer_modal_area .white_box .btn_join_agree {
  padding-top: 10px;
  text-align: center;
}

.layer_modal_area .white_box.both_box .btn_join_agree {
  clear: both;
  padding-top: 20px;
}

#agree_input1_error,
#agree_input2_error {
  color: red;
  padding-left: 10px;
}

/* 중고리스 동의 모달 */
.layer_modal_area .white_box.lease_abox {
  width: 410px;
  padding-bottom: 0;
}

.layer_modal_area .white_box.lease_abox p {
  font-size: 13px;
}

.layer_modal_area .white_box.lease_abox .title {
  padding: 20px 0 0 0;
}

.layer_modal_area .white_box.lease_abox .title img {
  width: 220px;
}

.layer_modal_area .white_box.lease_abox .title_desc {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #aaa;
}

.layer_modal_area .white_box.lease_abox .lease_agree_intro_link {
  display: inline-block;
  padding: 5px 0;
  margin: 5px 0;
  color: #1450f9;
  text-decoration: underline;
}

.layer_modal_area .white_box.lease_abox .lease_agree_faq_link {
  display: inline-block;
  padding: 5px 0;
  margin: 0px 0 20px 0;
  color: #1450f9;
  text-decoration: underline;
}

.layer_modal_area .white_box.lease_abox .btn_join_agree::after {
  clear: both;
  display: block;
  content: "";
}

.layer_modal_area .white_box.lease_abox .btn_join_agree p {
  text-align: left;
  margin: 0;
  padding: 0 0 5px;
}

.layer_modal_area .white_box.lease_abox .btn_join_agree p::after {
  clear: both;
  display: block;
  content: "";
}

.layer_modal_area .white_box.lease_abox .btn_join_agree p input[type="checkbox"] {
  vertical-align: middle;
  -ms-transform: scale(1.4);
  /* IE */
  -moz-transform: scale(1.4);
  /* FF */
  -webkit-transform: scale(1.4);
  /* Safari and Chrome */
  -o-transform: scale(1.4);
  /* Opera */
}

.layer_modal_area .white_box.lease_abox .btn_join_agree p label {
  vertical-align: middle;
  padding: 0 0 0 5px;
}

.layer_modal_area .white_box.lease_abox .btn_join_agree .lease_agree_3rd_agree_link {
  float: right;
  color: #656565;
  text-decoration: underline;
}

.layer_modal_area .white_box.lease_abox .btn_join_agree .btn.btn-long._close {
  width: 48.5%;
  float: left;
  padding: 18px 0;
  margin-top: 15px;
  font-size: 18px;
  border: 0;
  background: #525f78;
  color: #fff;
}

.layer_modal_area .white_box.lease_abox .btn_join_agree .btn.btn-long.btn._submit {
  width: 48.5%;
  float: right;
  padding: 18px 0;
  margin-top: 15px;
  font-size: 18px;
  border: 0;
  max-height: none;
  background: #1450f9;
}

.layer_modal_area .white_box.lease_abox .ext_btn_wrap {
  background: #f4f4f4;
  width: 100%;
  height: 15px;
  padding: 10px 30px;
  margin: 10px -30px 0;
}

.layer_modal_area .white_box.lease_abox .ext_btn_wrap button {
  border: 0;
  background: transparent;
  color: #a1a1a1;
  cursor: pointer;
  font-size: 12px;
  margin-left: -20px;
}

/* 휴면계정 안내 모달 */
.modal_wrap .modal_win.dormant_msg {
  width: 380px;
}

/* 모달 edge 핵 */
@supports (-ms-ime-align: auto) {

  .modal_sell_wrap,
  .modal_wrap,
  .layer_modal_area {
    position: fixed;
  }
}

/* 쿠폰함 */
#coupon_box_modal_cont {
  display: none;
}

.modal_wrap .modal_win.modal_a.coupon_box {
  width: 430px;
  height: 626px;
  font-size: 16px;
}

.modal_wrap .modal_win.modal_a.coupon_box .msg {
  padding: 0;
  margin: 0;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont {
  padding: 35px 50px;
  display: block;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont h2 {
  margin: 0;
  padding: 0 0 30px 0;
  font-size: 1.4em;
  line-height: 1em;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont h2 span {
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  line-height: 1;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont h2 button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  height: 1em;
  cursor: pointer;
  line-height: 1em;
  vertical-align: bottom;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont h2 button img {
  display: block;
  height: 1em;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont .tab_btn_wrap {
  width: 100%;
  padding: 0 0 1em 0;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont .tab_btn_wrap::after {
  content: "";
  clear: both;
  display: block;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont .tab_btn_wrap button {
  width: 50%;
  font-size: 1.1em;
  font-weight: bold;
  float: left;
  padding: 1em 0;
  border: 1px solid #eaeaea;
  background: #f8f9fb;
  cursor: pointer;
  box-sizing: border-box;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont .tab_btn_wrap button:first-child {
  border-right: 0;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont .tab_btn_wrap button.on {
  border-bottom: 0;
  background: transparent;
  text-align: center;
}

.modal_wrap .modal_win.modal_a.coupon_box #coupon_box_modal_cont .tab_btn_wrap button .coupon_count {
  color: #1450f9;
  font-weight: bold;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_list_wrap {
  height: 450px;
  overflow-x: hidden;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_list_wrap.scrollbar-macosx-c>.scroll-element.scroll-y .scroll-bar {
  width: 3px;
  left: -3px;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_list_wrap.scrollbar-macosx-c>.scroll-element .scroll-bar {
  background-color: #d2d7e2;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap {
  padding: 0 0.5em 0 0.5em;
  display: none;
}

/* .modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap.type_a_wrap{display:none;} */
/* .modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap.type_c_wrap{display:none;} */
.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap h3 {
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 0.95em;
  color: #555555;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap h3 span {
  display: inline-block;
  font-size: 0.87em;
  color: #999;
  line-height: 1em;
  vertical-align: bottom;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap h3 button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  height: 1em;
  cursor: pointer;
  line-height: 1em;
  vertical-align: bottom;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap h3 button img {
  display: block;
  height: 1em;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul {
  margin: 0;
  padding: 0;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li {
  margin: 0.8em 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li.list_empty {
  color: #555;
  font-size: 0.85em;
  text-align: center;
  padding: 2em 0;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li input:checked+label {
  border: 1.2px solid #1450f9;
  color: #1450f9;
  background: url("/images/sub/check-pre-btn.png") no-repeat;
  background-position: right 2em center;
  background-size: 2em;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li input:checked+label * {
  color: #1450f9;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li label {
  cursor: pointer;
  padding: 1.5em;
  display: block;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  background: url("/images/sub/check-nor-btn.png") no-repeat;
  background-position: right 2em center;
  background-size: 2em;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li label * {
  color: #383838;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li label .coupon_name {
  font-size: 1.58em;
  padding: 0.2em 0 0 0;
  font-weight: bold;
  display: block;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li label .dc_price {
  display: block;
  font-size: 0.95em;
  padding: 0.8em 0 0.4em;
  line-height: 1em;
}

.modal_wrap .modal_win.modal_a.coupon_box .coupon_group_wrap ul li label .coupon_expire_date {
  font-size: 0.87em;
  line-height: 1;
}

.modal_wrap .modal_win.modal_a.coupon_box.h_coupon .coupon_group_wrap ul li label {
  background: none;
}

.modal_wrap .modal_win.modal_a.coupon_box .empty_coupon {
  display: none;
  margin: 0;
  padding: 14em 0 0 0;
  font-size: 1.2em;
  background: url("/images/common/empty_list_bg.png") no-repeat;
  background-size: auto;
  background-position: center center;
}

.modal_wrap .modal_win.modal_a.coupon_box .reg_coupon_wrap {
  height: 420px;
  display: none;
}

.modal_wrap .modal_win.modal_a.coupon_box .reg_coupon_wrap .reg_coupon_form {
  margin: 8em 0 1em;
}

.modal_wrap .modal_win.modal_a.coupon_box .reg_coupon_wrap .reg_coupon_form::after {
  content: "";
  display: block;
  clear: both;
}

.modal_wrap .modal_win.modal_a.coupon_box .reg_coupon_wrap .reg_coupon_form input {
  width: 80%;
  padding: 15px 10px;
  border: 1px solid #d4d7db;
  display: block;
  float: left;
  outline: 0;
  box-sizing: border-box;
}

.modal_wrap .modal_win.modal_a.coupon_box .reg_coupon_wrap .reg_coupon_form .btn {
  width: 20%;
  font-size: 1em;
  padding: 15px 10px;
  display: block;
  float: left;
  max-height: inherit;
  box-sizing: border-box;
}

.modal_wrap .modal_win.modal_a.coupon_box .reg_coupon_wrap ul {
  margin: 0;
  padding: 1em 0;
}

.modal_wrap .modal_win.modal_a.coupon_box .reg_coupon_wrap ul li {
  margin: 0.5em 0;
  padding: 0;
  list-style: none;
  text-align: left;
  color: #555555;
  font-size: 0.85em;
}

.modal_wrap .modal_win.modal_a.coupon_box .modal_btn {
  padding: 30px 20px;
  border-top: 1px solid #cecece;
}

.modal_wrap .modal_win.modal_a.coupon_box .modal_btn .btn {
  width: 120px;
  font-size: 0.85em;
  padding: 1em;
  max-height: none;
  margin: 0 2px;
  background: #525f78;
  border: 1px solid #525f78;
  cursor: pointer;
}

/* 툴팁 */
.tooltip_wrap {
  width: 160px;
  background: #525f78;
  position: absolute;
  z-index: 100;
  max-height: 250px;
  display: none;
}

.tooltip_wrap .tri_angle {
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #525f78;
  border-bottom: 0 solid transparent;
  border-left: 0 solid #525f78;
  border-right: 10px solid transparent;
  position: absolute;
}

.tooltip_wrap h5 {
  padding: 15px 0;
  margin: 0;
  text-align: center;
  color: #fff;
}

.tooltip_wrap .mod_list {
  max-height: 130px;
  margin: 0 15px 15px 15px;
  padding: 0;
  overflow-y: hidden;
}

.tooltip_wrap .mod_list li {
  list-style: none;
  text-align: left;
  font-size: 0.9em;
  border-bottom: 1px solid #757f93;
  overflow-y: auto;
  padding: 7px 0 3px 0;
  word-break: keep-all;
}

.tooltip_wrap .mod_list li:last-of-type {
  border-bottom: 0;
}

.tooltip_wrap .mod_list li::after {
  clear: both;
}

.tooltip_wrap .mod_list li .mod_title {
  display: none;
}

.tooltip_wrap .mod_list li .mod_price {
  color: #fff;
  float: left;
  padding-left: 2px;
}

.tooltip_wrap .mod_list li .mod_date {
  color: #babfc9;
  float: right;
  font-size: 0.9em;
  padding-right: 2px;
}

/* 차량등록툴팁 */
.tooltip_wrap.reg_car {
  min-width: 200px;
  width: auto;
  bottom: 100%;
  left: -5%;
}

.tooltip_wrap.reg_car p {
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  line-height: 1.5em;
}

/* 쿠폰툴팀 */
.tooltip_wrap.coupon_box {
  width: 300px;
  max-height: inherit;
}

.tooltip_wrap.coupon_box .mod_list li {
  color: #fff;
  font-size: 0.7em;
  line-height: 1.3;
}

.tooltip_wrap.coupon_box.coupon_section {
  width: 280px;
}

.tooltip_wrap.coupon_box p {
  margin: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 1em;
  text-align: left;
  word-break: keep-all;
}

/* 툴팁 스크롤바 */
.tooltip_wrap .scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
  left: -5px;
  width: 5px;
}

.tooltip_wrap .scrollbar-macosx>.scroll-element .scroll-bar {
  background-color: #a4abb8;
}

/* 셀렉트박스 기본 디자인 */
.selectBox-dropdown {
  min-width: auto;
  line-height: 1;
  font-size: 1em;
  border: solid 1px #dddddd;
  border-radius: 3px;
  background: #fff;
  color: #101010;
  padding: 7px 10px 6px 8px;
}

.selectBox-dropdown .selectBox-label {
  padding: 0 0 0;
  font-size: 1em;
  font-weight: 500;
  box-sizing: border-box;
}

.selectBox-dropdown .selectBox-arrow {
  width: 20px;
  line-height: 1;
  border: 0;
  background: url("//img.chutcha.kr/files/website/dealer/common/arrow_dropdown_black_fill.png") no-repeat;
  background-size: 12px auto;
  background-position: right 7px center;
}

.selectBox-options LI A {
  font-size: 1em;
  font-weight: 500;
  padding: 0.5em;
}

/* 모달 기본 */
.blocker {
  z-index: 100;
}

.modal {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
}

/* 기본모달 */
/* 기본 모달 */
.modal.basic_modal {
  width: 368px;
  padding: 0;
}

.modal.basic_modal .inner_wrap {
  padding: 32px;
}

.modal.basic_modal .inner_wrap .modal_title {
  display: none;
}

.modal.basic_modal .inner_wrap .modal_msg {
  font-size: 16px;
  text-align: center;
}

.modal.basic_modal .close_btn {
  width: 50%;
  border: 0;
  float: left;
  border-top: 1px solid #eee;
  text-align: center;
  padding: 20px 0;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  background: transparent;
  cursor: pointer;
}

.modal.basic_modal .ok_btn {
  width: 50%;
  border: 0;
  float: left;
  color: #233cfa;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  text-align: center;
  padding: 20px 0;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  background: transparent;
  cursor: pointer;
}

.modal#basic_modal {
  width: 368px;
  padding: 0;
}

.modal#basic_modal .inner_wrap {
  padding: 32px;
}

.modal#basic_modal .inner_wrap .modal_title {
  display: none;
}

.modal#basic_modal .inner_wrap .modal_msg {
  font-size: 16px;
  text-align: center;
}

.modal#basic_modal .modal_btn_wrap {
  display: flex;
  justify-content: space-between;
}

.modal#basic_modal .modal_btn_wrap .close_btn {
  flex-grow: 1;
  flex-basis: 100%;
  border: 0;
  float: left;
  color: #233cfa;
  border-top: 1px solid #eee;
  text-align: center;
  padding: 20px 0;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  background: transparent;
  cursor: pointer;
}

.modal#basic_modal .modal_btn_wrap .cancel_btn {
  display: none;
  flex-grow: 1;
  flex-basis: 100%;
  border: 0;
  float: right;
  color: #233cfa;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  text-align: center;
  padding: 15px 0;
  font-size: 16px;
  box-sizing: border-box;
  background: transparent;
  cursor: pointer;
}

.modal#confirm_modal {
  width: 368px;
  padding: 0;
}

.modal#confirm_modal .inner_wrap {
  padding: 32px;
}

.modal#confirm_modal .inner_wrap .modal_title {
  display: none;
}

.modal#confirm_modal .inner_wrap .modal_msg {
  font-size: 16px;
  text-align: center;
}

.modal#confirm_modal .modal_btn_wrap {
  display: flex;
  justify-content: space-between;
}

.modal#confirm_modal .modal_btn_wrap .confirm_close_btn {
  display: block;
  flex-grow: 1;
  flex-basis: 100%;
  border: 0;
  float: left;
  border-top: 1px solid #eee;
  text-align: center;
  padding: 20px 0;
  font-size: 16px;
  box-sizing: border-box;
  background: transparent;
  cursor: pointer;
}

.modal#confirm_modal .modal_btn_wrap .confirm_btn {
  flex-grow: 1;
  flex-basis: 100%;
  border: 0;
  float: right;
  color: #233cfa;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  text-align: center;
  padding: 20px 0;
  font-size: 16px;
  box-sizing: border-box;
  background: transparent;
  cursor: pointer;
}

/* 겹치기 기본 모달 */
.modal#stack_basic_modal {
  width: 368px;
  padding: 0;
}

.modal#stack_basic_modal .inner_wrap {
  padding: 32px;
}

.modal#stack_basic_modal .inner_wrap .modal_title {
  display: none;
}

.modal#stack_basic_modal .inner_wrap .modal_msg {
  font-size: 16px;
  text-align: center;
}

.modal#stack_basic_modal .stack_close_btn {
  width: 100%;
  border-top: 1px solid #e0e0e2;
  text-align: center;
  padding: 20px 0;
  display: block;
  font-size: 16px;
  color: #233cfa;
}

/* 입력관련 기본 모달 */
.modal.smc_basic_input_modal {
  width: 368px;
  padding: 0;
  border-radius: 5px;
}

.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: 2.667em 2.667em;
}

.modal.smc_basic_input_modal .inner_wrap .modal_title {
  font-size: 1.667em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.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: 23px 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;
}

/* 가격수정 계산기 */
.modify_price_popup {
  width: 110px;
  height: 110px;
  padding: 15px;
  background: #f8f9fb;
  border: 1px solid #4c4c4c;
  position: absolute;
  z-index: 100;
  display: none;
  font-size: 16px;
}

.modify_price_popup .price_input span {
  font-size: 0.75em;
}

.modify_price_popup .price_input input {
  width: 70px;
  font-size: 0.75em;
  padding: 7px 5px 5px;
  border: 1px solid #c4c2c2;
}

.modify_price_popup .adjust_btn {
  padding: 7px 0 2px 0;
  overflow-y: auto;
}

.modify_price_popup .adjust_btn .btn {
  width: 32px;
  margin-right: 6px;
  float: left;
}

.modify_price_popup .adjust_btn .btn:nth-child(3n) {
  width: 34px;
  margin-right: 0;
  padding-right: 5px;
}

.modify_price_popup .adjust_btn .btn:nth-child(-n + 4) {
  margin-bottom: 5px;
}

.modify_price_popup .confirm_btn .btn {
  width: 53px;
  padding: 3px 5px;
}

/* 차량 슬롯 위치 변경 모달 */
.position_change_modal {
  position: absolute;
  width: 215px;
  background: #f8f9fb;
  border: 1px solid #4c4c4c;
  display: none;
  z-index: 400;
  font-size: 16px;
}

.position_change_modal h1 {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 1em 0;
}

.position_change_modal ul {
  margin: 0;
  padding: 0 1em;
}

.position_change_modal ul li {
  font-size: 0.75em;
  margin: 0;
  padding: 0.5em 0;
  list-style: none;
}

.position_change_modal ul li input {
  vertical-align: middle;
}

.position_change_modal ul li label {
  vertical-align: middle;
}

.position_change_modal ul li label span {
  color: #1450f9;
}

.position_change_modal .btn_wrap {
  text-align: center;
  padding: 1em 0;
}

.position_change_modal .btn_wrap .btn {
  width: 5em;
}

/* 차량 슬롯 위치 선택 모달 */
.position_select_modal {
  position: absolute;
  width: 215px;
  background: #f8f9fb;
  border: 1px solid #4c4c4c;
  display: none;
  z-index: 400;
}

.position_select_modal h1 {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 1em 0;
}

.position_select_modal ul {
  margin: 0;
  padding: 0 1em;
}

.position_select_modal ul li {
  font-size: 0.75em;
  margin: 0;
  padding: 0.5em 0;
  list-style: none;
}

.position_select_modal ul li input {
  vertical-align: middle;
}

.position_select_modal ul li label {
  vertical-align: middle;
}

.position_select_modal ul li label span {
  color: #1450f9;
}

.position_select_modal .btn_wrap {
  text-align: center;
  padding: 1em 0;
}

.position_select_modal .btn_wrap .btn {
  width: 5em;
}

/* 로딩 이미지 */
.vue_loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 100;
}

.vue_loading .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: 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);
  }
}

/* 공통 로딩중 */
.loading_screen {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}

.loading_screen.on {
  display: block;
}

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* 구형브라우저 페이지 */
.main_body.old_browser {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/img_old_browser_bg.jpg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.main_body.old_browser .old_browser_dim {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
}

.main_body.old_browser .old_browser_wrap {
  width: 520px;
  height: auto;
  padding: 0;
  overflow: hidden;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -305px;
  margin-top: -200px;
  text-align: center;
  border-radius: 4px;
  border: 0;
}

.main_body.old_browser .old_browser_wrap .cont_wrap {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 48px 0;
}

.main_body.old_browser .old_browser_wrap h1 {
  width: 100%;
  height: 63px;
  margin: 0;
  margin-bottom: 24px;
}

.main_body.old_browser .old_browser_wrap p {
  width: 100%;
  height: 72px;
  margin: 0;
}

.main_body.old_browser .old_browser_wrap .cont_wrap img {
  display: block;
  margin: 0 auto;
}

.main_body.old_browser .old_browser_wrap h1 img {
  max-width: 310px;
}

.main_body.old_browser .old_browser_wrap p img {
  max-width: 416px;
  width: 100%;
  height: auto;
}

.main_body.old_browser .old_browser_wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e0e0e2;
}

.main_body.old_browser .old_browser_wrap ul:after,
.main_body.old_browser .old_browser_wrap ul::after {
  content: "";
  clear: both;
}

.main_body.old_browser .old_browser_wrap ul li {
  display: block;
  float: left;
  width: 259.5px;
  border-right: 1px solid #e0e0e2;
}

.main_body.old_browser .old_browser_wrap ul li:last-child {
  border-right: 0;
}

.main_body.old_browser .old_browser_wrap ul li a {
  display: table;
  width: 100%;
  height: 63px;
}

.main_body.old_browser .old_browser_wrap ul li .button_inner {
  display: table-cell;
  vertical-align: middle;
}

.main_body.old_browser .old_browser_wrap ul li a img {
  width: auto;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.main_body.old_browser .old_browser_wrap ul li a .txt {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #233cfa;
}

.main_body.old_browser .old_browser_wrap ul li a .txt b {
  font-weight: 500;
  color: #233cfa;
}



/*********************************************/
/* 220509 { */

/* page style */
.overflow_y_scroll {
  overflow-y: scroll;
}

.page {
  width: 100%;
  height: auto;
  font-size: 12px;
}

.page .page_max_width {
  width: 100%;
  max-width: 1136px;
  margin: 0 auto;
}

.page .page_max_width_half {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.section {
  width: 100%;
  height: auto;
}

.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;
}

.minheight_full.rotate_center_contents {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* image rendering */
.page i.img,
.page i.ico {
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 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;
}

.txt.skyblue {
  color: #4678ff;
}

.txt.blue {
  color: #233cfa;
}

.txt.grey_desc {
  color: #9e9ea1;
}

.txt.grey_60 {
  color: #757579;
}

.txt.red {
  color: #fc2441;
}

.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_large {
  font-size: 16px;
  font-size: 1.333em;
}

.txt.txt_copyright {
  font-size: 12px;
  font-size: 1em;
  color: #bdbdbf;
}

.txt.align_center {
  text-align: center;
}

.txt.subject {
  font-weight: 500;
}

.txt i.txt_line {
  display: inline-block;
  width: 1px;
  height: 12px;
  height: 0.857em;
  vertical-align: middle;
  margin: 0 5px;
  background-color: #e0e0e2;
}

/* input field */
input.basic,
textarea.basic {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e0e0e2;
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
  -webkit-appearance: none;
}

textarea.basic {
  resize: none;
  padding: 16px;
  padding: 1.333em;
  line-height: 1.5;
}

textarea.basic.txt_style_contents {
  padding: 1.142em;
}

textarea.basic::-webkit-scrollbar,
.scrollbar_custorm::-webkit-scrollbar {
  width: 6px;
  width: 0.428em;
  background-color: #f5f5f6;
  border-radius: 32px;
}

textarea.basic::-webkit-scrollbar-thumb,
.scrollbar_custorm::-webkit-scrollbar-thumb {
  background-color: #e0e0e2;
  border-radius: 32px;
}

input.basic.style_transparent,
textarea.basic.style_transparent {
  border: 0;
  padding: 0;
}

input.basic:focus,
textarea.basic:focus {
  outline: 0;
}

input.basic:disabled,
textarea.basic:disabled {
  background-color: #fafafb;
}

input.basic::placeholder,
textarea.basic::placeholder,
input.basic::-moz-placeholder,
textarea.basic::-moz-placeholder,
input.basic::-webkit-input-placeholder,
textarea.basic::-webkit-input-placeholder {
  font-weight: 400;
  color: #bdbdbf;
}

input.basic {
  height: 48px;
  padding: 0 16px;
}

input.basic.large {
  height: 56px;
}

input.basic:-webkit-autofill,
input.basic:-webkit-autofill:hover,
input.basic:-webkit-autofill:focus,
input.basic:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #181818 !important;
}

input.basic+.txt_valid_msg,
.input_frame+.txt_valid_msg,
.txt_valid_msg {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 8px;
  padding-top: 0.666em;
  color: #fc2441;
}

input.basic.valid_fail,
textarea.basic.valid_fail,
.valid_fail input.basic,
.valid_fail textarea.basic {
  border-color: #fc2441;
}

input.basic.valid_fail+.txt_valid_msg,
textarea.basic.valid_fail+.txt_valid_msg,
.input_frame.valid_fail+.txt_valid_msg {
  display: block;
}

.input_group {
  width: 100%;
  height: auto;
}

.input_group .input_group_item {
  width: 100%;
  height: auto;
  padding-bottom: 24px;
  padding-bottom: 2em;
}

.input_group .row_input_layout {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.input_group.maxwidth_752 .row_input_layout .input_frame,
.input_group.maxwidth_752 .row_input_layout .input_set {
  max-width: 560px;
  width: 100%;
}

.input_group.maxwidth_560 .row_input_layout .input_frame,
.input_group.maxwidth_560 .row_input_layout .input_set {
  max-width: 368px;
  width: 100%;
}

.input_group .row_input_layout .input_set .input_frame {
  max-width: none;
  width: 100%;
  padding-bottom: 16px;
  padding-bottom: 1.333em;
}

.input_group .row_input_layout .input_set .input_frame.nopadding {
  padding-bottom: 0;
}

.input_group .row_input_layout .input_set .input_frame:last-child,
.input_group .row_input_layout .input_set .input_frame.last {
  padding-bottom: 0;
}

.input_group .row_input_layout .input_set.nopadding .input_frame {
  padding-bottom: 0;
}

.input_group .row_input_layout.has_only_txt {
  padding-bottom: 32px;
  padding-bottom: 2.666em;
  padding-top: 8px;
  padding-top: 0.666em;
}

.input_group .row_input_layout .txt_frame.subject {
  width: 192px;
  min-width: 192px;
  width: 16em;
  min-width: 16em;
  min-height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.input_group .row_input_layout.has_only_txt .txt_frame.subject {
  min-height: auto;
}

.input_group .row_input_layout.has_only_txt .txt_frame.subject .txt {
  padding: 0;
}

.input_group .row_input_layout .txt_frame.subject .txt {
  padding: 2px 0;
}

.input_group .row_input_layout .txt_frame.subject .txt .txt_select {
  font-weight: inherit;
  color: #757579;
}

.input_group .row_input_layout .input_frame {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  width: 100%;
}

.input_group .row_input_layout .input_frame .btn_squared {
  font-size: 14px;
  font-size: 1.166em;
  font-weight: 500;
}

.input_group .row_input_layout .input_frame.row {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.input_group .row_input_layout.align_top .txt_frame.subject {
  align-items: flex-start;
}

.input_group .txt_area_limit {
  padding-top: 8px;
  padding-top: 0.666em;
}

.input_group .txt_area_limit,
.input_group .txt_area_limit span {
  font-size: 13px;
  font-size: 1.083em;
  color: #BDBDBF;
  text-align: right;
}

.input_frame.desc .txt.list_cir {
  padding-bottom: 8px;
  color: #757579;
}

.input_frame.desc .txt.list_cir:last-child {
  padding-bottom: 0;
}

.txt.list_cir {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.txt.list_cir i {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #bdbdbf;
  margin-right: 8px;
  margin-top: 0.58em;
}

.input_frame.valid_num_frame {
  position: relative;
}

.input_frame.valid_num_frame input.basic {
  padding-right: 140px;
  padding-right: 10em;
}

.input_frame.valid_num_frame .count_time {
  display: block;
  font-size: 13px;
  font-size: 1.083em;
  font-weight: 400;
  position: absolute;
  right: 96px;
  right: 7.384em;
  padding-right: 16px;
  padding-right: 1.333em;
  color: #757579;
}

/* checkbox */
.input_frame.checkbox {
  position: relative;
  overflow: hidden;
}

.input_frame.checkbox input[type="checkbox"],
.input_frame.checkbox input[type="radio"] {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  opacity: 0;
  text-indent: -999px;
}

.check_all {
  background-color: transparent;
}

.input_frame.checkbox input[type="checkbox"]+label,
.check_all,
.input_frame.checkbox input[type="radio"]+label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.input_frame.checkbox input[type="checkbox"]+label .ico,
.check_all .ico,
.input_frame.checkbox input[type="radio"]+label .ico {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("//img.chutcha.net/files/website/dealer/common/check-off-btn.svg");
  background-size: 100% auto;
  background-position: center center;
}

.input_frame.checkbox input[type="checkbox"]+label .txt,
.check_all .txt,
.input_frame.checkbox input[type="radio"]+label .txt {
  font-size: 14px;
  font-weight: 400;
  padding-left: 8px;
  margin-top: 2px;
}

.input_frame.checkbox input[type="checkbox"]:checked+label .ico,
.check_all.act .ico,
.input_frame.checkbox input[type="radio"]:checked+label .ico {
  background-image: url("//img.chutcha.net/files/website/dealer/common/check-on-btn.svg");
}

.input_frame.checkbox input[type="radio"]+label .ico {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/radio-off-btn.png");
}

.input_frame.checkbox input[type="radio"]:checked+label .ico {
  background-image: url("//img.chutcha.kr/files/website/dealer/common/radio-on-btn.png");
}

.input_frame.checkbox input[type="checkbox"]+label .ico.small,
.check_all .ico.small,
.input_frame.checkbox input[type="radio"]+label .ico.small {
  width: 16px;
  height: 16px;
  width: 1.333em;
  height: 1.333em;
}

.input_frame.checkbox input[type="checkbox"]+label .txt.small,
.check_all .txt.small,
.input_frame.checkbox input[type="radio"]+label .txt.small {
  font-size: 13px;
  font-size: 1.083em;
}

.input_frame.checkbox input[type="checkbox"]+label.has_desc,
.check_all.has_desc,
.input_frame.checkbox input[type="radio"]+label.has_desc {
  align-items: flex-start;
}

.input_frame.checkbox input[type="checkbox"]+label.has_desc .txt,
.check_all.has_desc .txt,
.input_frame.checkbox input[type="radio"]+label.has_desc .txt {
  display: block;
  margin-top: 0;
  padding-top: 8px;
  padding-top: 0.666em;
}

.input_frame.checkbox input[type="checkbox"]+label.has_desc .txt:first-child,
.check_all.has_desc .txt:first-child,
.input_frame.checkbox input[type="radio"]+label.has_desc .txt:first-child {
  margin-top: 1px;
  padding-top: 0;
}

.input_frame.checkbox.box_style input[type="radio"]+label {
  border: 1px solid #e0e0e2;
  height: 48px;
  height: 4em;
}

.input_frame.checkbox.box_style input[type="radio"]+label .txt {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.input_frame.checkbox.box_style input[type="radio"]:checked+label {
  border-color: #233cfa;
}

.input_frame.checkbox.box_style input[type="radio"]:checked+label .txt {
  font-weight: 700;
  color: #233cfa;
}

.checkbox_box_style_wrap .input_frame.checkbox.box_style {
  overflow: visible;
}

.checkbox_box_style_wrap .input_frame.checkbox.box_style input[type="radio"]+label {
  margin-left: -1px;
}

.checkbox_box_style_wrap .input_frame.checkbox.box_style:first-child input[type="radio"]+label {
  margin-left: 0;
}

.checkbox_box_style_wrap .input_frame.checkbox.box_style input[type="radio"]:checked+label {
  z-index: 1;
}


/* buttons */
.btn.btn_squared {
  display: block;
  width: 100%;
  height: 48px;
  padding: 16px 0;
  font-size: 16px;
  font-size: 1.333em;
  font-weight: 400;
  border-radius: 2px;
}

.btn.btn_squared:not(a) {
  line-height: 1;
}

.btn.btn_squared.large {
  height: 56px;
}

.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;
  font-size: 12px;
  font-size: 1em;
  padding: 7px 0;
}

.btn.with_icon i.ico {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 8px;
}

.btn.tiny.with_icon i.ico {
  margin-right: 4px;
}

.btn.with_icon.btn_bg_blue .ico_plus {
  width: 16px;
  height: 16px;
  width: 1.142em;
  height: 1.142em;
  margin-top: -1px;
  background-image: url('//img.chutcha.kr/files/website/dealer/common/ic_plus_white.png');
  background-size: 100% auto;
  background-position: center center;
}

.btn_frame.width_medium {
  width: 100%;
  max-width: 136px;
  max-width: 11.333em;
}

.btn_bg_blue {
  background-color: #233cfa;
  color: #fff;
  font-weight: 500;
}

.btn_bg_blue:hover {
  background-color: #152ce0;
}

.btn_bg_blue:disabled,
.btn_bg_blue[disabled="true"],
.btn_bg_blue[disabled="disabled"] {
  cursor: default;
  background-color: #bdbdbf;
  border-color: #bdbdbf;
}

.btn_bg_grey {
  background-color: #f5f5f6;
  border-color: #f5f5f6;
  color: #181818;
}

.btn_bg_grey:hover {
  background-color: #eeeef0;
  border-color: #eeeef0;
}

.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:hover {
  background-color: #ffe6e9;
  border-color: #ffe6e9;
}

.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:hover {
  background-color: #fafafb;
}

.btn_line_black:disabled,
.btn_line_black[disabled="true"],
.btn_line_black[disabled="disabled"] {
  cursor: default;
  border: 1px solid #bdbdbf;
  color: #bdbdbf;
}

.btn_line_grey {
  background-color: #fff;
  border: 1px solid #e0e0e2;
  color: #181818;
  font-weight: 500;
}

.btn_line_grey:hover {
  background-color: #fafafb;
}

.btn_line_grey:disabled,
.btn_line_grey[disabled="true"],
.btn_line_grey[disabled="disabled"] {
  cursor: default;
  border: 1px solid #e0e0e2;
  color: #bdbdbf;
}

a.btn_txt_only {
  display: block;
}

.btn_squared.btn_with_icon .ico {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: contain;
  background-position: left center;
  padding-right: 8px;
  margin-top: -2px;
}

/* box */
.box_greyline {
  width: 100%;
  height: auto;
  border: 1px solid #e0e0e2;
}

/* page layout (사이드메뉴 있는 페이지) */
.page>.contents_wrap .inner_wrap {
  display: flex;
  padding: 48px 0;
  padding-bottom: 80px;
}

.page>.contents_wrap .inner_wrap>.left_area,
.page>.contents_wrap .inner_wrap>.right_area {
  display: flex;
}

.page>.contents_wrap .inner_wrap>.left_area {
  width: 150px;
  min-width: 150px;
}

.page>.contents_wrap .inner_wrap>.right_area {
  flex-grow: 1;
}

.page>.contents_wrap .contents_area {
  width: 100%;
  height: auto;
  padding-left: 40px;
  padding-left: 3.333em;
}

/* page side menu */
.page aside {
  width: 100%;
  height: auto;
  border-right: 1px solid #e0e0e2;
}

.page aside nav {
  width: 100%;
  height: auto;
}

.page aside nav ul {
  width: 100%;
  height: auto;
  padding-right: 12px;
  padding-right: 1em;
}

.page aside nav li {
  width: 100%;
  height: auto;
  padding: 12px 0;
  padding: 1em 0;
}

.page aside nav li:first-child {
  padding-top: 0;
}

.page aside nav li:last-child {
  padding-bottom: 0;
}

.page aside nav li a {
  display: block;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-size: 1.166em;
  font-weight: 400;
}

.page aside nav li.on a {
  font-weight: 700;
}

/* 페이지 서브 타이틀 */
.page .sub_title_area {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 32px;
}

.page .sub_title_area .sub_title {
  font-size: 22px;
  font-size: 1.833em;
  ;
  font-weight: 700;
}

.page .bottom_btn_area {
  padding-top: 24px;
  padding-top: 2em;
}

/* max width */
.maxwidth_88 {
  max-width: 88px;
  max-width: 7.333em;
}

.maxwidth_100 {
  max-width: 100px;
  max-width: 8.333em;
}

.maxwidth_130 {
  max-width: 130px;
  max-width: 10.833em;
}

.maxwidth_368 {
  max-width: 368px;
  max-width: 30.666em;
}

.maxwidth_560 {
  max-width: 560px;
}

.maxwidth_752 {
  max-width: 752px;
}

/* 페이지 상단 회색배경 박스 설명 */
.txt_frame.desc_box {
  width: 100%;
  height: auto;
  padding: 24px;
  padding: 2em;
  border-radius: 4px;
  background-color: #fafafb;
}

.txt_frame.desc_box .txt {
  text-align: center;
}

.txt_frame.desc_box .txt.align_left {
  text-align: left;
}


/* vue select */
.vselect.basic * {
  font-family: "Heebo", "Noto Sans KR";
  font-weight: 400;
  color: #181818;
}

.vselect.basic .vs__dropdown-toggle {
  /* width: 100%; */
  border: 1px solid #e0e0e2;
  border-radius: 2px;
  background-color: #fff;
}

.vselect.basic .vs__dropdown-toggle {
  height: 48px;
  padding: 0 16px;
}

.vselect.basic .vs__dropdown-toggle.large {
  height: 56px;
}

.vselect.basic .ico_dropdown {
  display: block;
  height: 100%;
  width: 16px;
  background-image: url("//img.chutcha.kr/files/website/dealer/common/ic_arrow_down.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.vselect.basic .vs__selected {
  font-size: 12px;
  font-size: 1em;
  font-weight: 500;
  color: #181818;
  white-space: nowrap;
}

.vselect.basic.style_basic .vs__selected {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-size: 1.166em;
}

.vselect.basic.align_right .vs__selected {
  width: 100%;
  justify-content: flex-end;
}

.vselect.basic.vs--single.vs--open .vs__selected {
  opacity: 1;
}

.vselect.basic .vs__search:read-only {
  width: 0;
  height: 0;
}

.vselect.basic .vs__search,
.vselect.basic .vs__search:focus {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.vselect.basic .vs__selected-options {
  justify-content: center;
  align-items: center;
}

.vselect.basic .vs__dropdown-menu {
  width: 100%;
}

.vselect.basic .vs__dropdown-option {
  font-size: 12px;
  font-size: 1em;
  font-weight: 500;
  padding: 8px;
  padding: 0.666em;
}

.vselect.basic .vs__dropdown-option--selected {
  background-color: #cbdef4;
  color: #181818;
}

.vselect.basic .vs__dropdown-option--highlight:not(.vs__dropdown-option--selected) {
  background-color: #eee;
  color: #181818;
}

/* vue select - transparent style */
.vselect.basic.style_transparent .vs__dropdown-toggle {
  height: auto;
  padding: 0;
  border: 0;
  min-height: 20px;
}

.vselect.basic.style_transparent .vs__actions {
  padding-left: 7px;
}

.vselect.basic.style_transparent .vs__search,
.vselect.basic.style_transparent .vs__search:focus {
  flex-grow: unset;
}

.vselect.basic.style_transparent .ico_dropdown {
  display: block;
  height: 100%;
  width: 12px;
  background-image: url("//img.chutcha.kr/files/website/dealer/common/arrow_dropdown_black_fill.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.vselect.basic.valid_fail .vs__dropdown-toggle {
  border-color: #fc2441;
}


/* 테이블 리스트 */
.table_warp {
  width: 100%;
  height: auto;
}

/* 테이블 리스트 - 일반 게시판 목록 형식(내쪽지 포함) */
.table_alim_list table {
  width: 100%;
  height: auto;
  table-layout: fixed;
}

.table_alim_list table tr {
  height: 54px;
}

.table_alim_list table thead tr {
  border-bottom: 1px solid #e0e0e2;
}

.table_alim_list table tbody tr {
  border-bottom: 1px solid #eeeef0;
}

.table_alim_list table tbody tr.empty {
  border-bottom: 0;
}

.table_alim_list table tr th,
.table_alim_list table tr td {
  padding-right: 24px;
  padding-right: 2em;
}

.table_alim_list table tr th:last-child,
.table_alim_list table tr td:last-child {
  padding-right: 0;
}

.table_alim_list table .ckbox {
  min-width: 20px;
  min-width: 1.666em;
  width: 44px;
  width: 3.666em;
}

.table_alim_list table .ckbox .input_frame {
  width: 20px;
  width: 1.666em;
}

.table_alim_list table .subject {
  width: 100%;
  max-width: 86%;
}

.table_alim_list table button.list_subject {
  cursor: pointer;
  background-color: #fff;
}

.table_alim_list table button.list_subject .txt {
  text-align: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table_alim_list table button.list_subject:hover .txt {
  font-weight: 500;
}

.table_alim_list table .date {
  min-width: 80px;
  min-width: 6.666em;
  text-align: right;
  width: 80px;
  width: 6.666em;
}

.table_alim_list table .date .txt {
  color: #757579;
}

.table_alim_list table .btn_squared.tiny {
  min-width: 56px;
  min-width: 4.666em;
}

.table_alim_list table tr .select {
  vertical-align: bottom;
}

.table_alim_list table tr .vselect.basic.style_transparent {
  padding-bottom: 12px;
  padding-bottom: 1em;
}

.table_alim_list table tr .vselect.basic.style_transparent .vs__selected-options {
  justify-content: flex-end;
}

/* 목록이 없을 때 */
.con_list_empty {
  width: 100%;
  height: auto;
  padding: 120px 0;
  padding: 10em 0;
}

.con_list_empty .img_frame {
  width: 100%;
  height: 144px;
  height: 12em;
}

.con_list_empty .img_frame img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.con_list_empty .txt {
  text-align: center;
}

/* 테이블 리스트 - 지출증빙 정보 목록 */
.table_taxinfo_list table {
  width: 100%;
  height: auto;
  table-layout: fixed;
}

.table_taxinfo_list table tr {
  border-bottom: 1px solid #eeeef0;
}

.table_taxinfo_list table thead tr {
  height: 48px;
  height: 4em;
  background-color: #fafafb;
  border-top: 1px solid #e0e0e2;
}

.table_taxinfo_list table thead th,
.table_taxinfo_list table thead th .txt {
  font-weight: 500;
}

.table_taxinfo_list table tbody td {
  padding: 24px 12px;
  padding: 2em 1em;
}

.table_taxinfo_list table tbody .list_empty td {
  padding: 64px 0;
  padding: 5.333em 0;
}

.table_taxinfo_list table tbody .list_empty .txt {
  color: #757579;
  text-align: center;
}

/* 페이지네이션 */
.style_reset .pagination_wrap ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  width: 2.666em;
  height: 32px;
  height: 2.666em;
}

.style_reset .pagination_wrap ul li.next a,
.style_reset .pagination_wrap ul li.prev a,
.style_reset .pagination_wrap ul li.first a,
.style_reset .pagination_wrap ul li.last a {
  width: 32px;
  width: 2.666em;
  height: 32px;
  height: 2.666em;
}

.style_reset .pagination_wrap ul li.next a span,
.style_reset .pagination_wrap ul li.prev a span,
.style_reset .pagination_wrap ul li.first a span,
.style_reset .pagination_wrap ul li.last a span {
  display: block;
  width: 100%;
  height: 100%;
}

/* 모달: 쪽지 상세보기 */
.modal_view_message_detail .top_sec {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eeeef0;
  padding: 24px 0;
  padding: 2em 0;
  padding-top: 0;
  justify-content: space-between;
  align-items: center;
}

.modal_view_message_detail .top_sec .txt.profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #757579;
}

.modal_view_message_detail .top_sec .txt {
  margin: 0;
  padding: 0;
}

.modal_view_message_detail .top_sec .txt.date {
  color: #757579;
}

.modal_view_message_detail .input_frame {
  padding-top: 24px;
  padding-top: 2em;
}

.modal_view_message_detail .top_sec .txt.profile .txt.subject {
  font-weight: 500;
  display: block;
  margin-top: 3px;
}

.modal_view_message_detail .top_sec .txt.profile i.img_chutcha_profile {
  margin-right: 8px;
}

i.img_chutcha_profile {
  display: block;
  background-image: url('//img.chutcha.kr/files/website/dealer/common/mtm_answer_profile.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  width: 2em;
  height: 2em;
}

.txt_style_contents i.img_chutcha_profile {
  width: 1.714em;
  height: 1.714em;
}


.modal_msg .txt.red,
.modal_msg .red_txt {
  color: #FC2441;
}

.modal_msg .txt.red,
.modal_msg .blue_txt {
  color: #1450f9;
}



body.overflow_hidden {
  overflow: hidden;
}

.page_off {
  height: 100vh;
}

.page_off * {
  display: none;
}


/* 지출증빙정보 선택 박스 */
.taxinfo_select_box {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background-color: #fafafb;
  font-size: 12px;
}

.taxinfo_select_box .box_inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 24px;
  padding: 2em;
}

.taxinfo_select_box .txt_box>.txt_frame {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 4px;
}

.taxinfo_select_box .txt_box>.txt_frame:last-child {
  padding-bottom: 0;
}

.taxinfo_select_box .txt_box .txt_frame .label_round {
  margin-left: 8px;
  margin-right: 0.666em
}

.taxinfo_select_box .btn_box {
  min-width: 118px;
  min-width: 9.833em;
}

.taxinfo_select_box .btn_box .btn.btn_squared.tiny {
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 500;
}

.label_round {
  padding: 2px 8px;
  border-radius: 36px;
  background-color: #e0e0e2;
}

.label_round.green {
  background-color: #0ab963;
}

.label_round.green .txt {
  color: #fff;
  font-weight: 500;
}

.label_round.with_icon {
  padding-left: 6px;
  padding-right: 6px;
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.label_round.with_icon .txt {
  font-size: 10px;
  font-size: 0.833em;
  line-height: 1.4;
  margin-top: 1px;
}

.label_round.with_icon .ico {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-top: -1px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.label_round.with_icon .ico_check {
  background-image: url('//img.chutcha.kr/files/website/dealer/common/ic_check_white.svg')
}


.modal .close_btn .ico {
  display: block;
  width: 100%;
  height: 30px;
}

.modal .close_btn .ico.ico_close {
  background-image: url('//img.chutcha.kr/files/website/dealer/common/modal_close_x_btn_padding.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

/* 모달: 지출증빙정보 선택 */
.modal#taxinfo_list_modal {
  width: 520px;
  padding: 0;
  box-sizing: border-box;
}

.modal#taxinfo_list_modal .modal_confirm {
  width: 100%;
  font-size: 1.333em;
  font-weight: 500;
  padding: 1.375em 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modal#taxinfo_list_modal .close_btn {
  position: absolute;
  top: 12px;
  right: 12px;
  border: 0;
  cursor: pointer;
  background: transparent;
  width: 24px;
  width: 2em;
  height: 24px;
  height: 2em;
  padding: 0;
  margin: 0;
}

.modal#taxinfo_list_modal .close_btn .ico.ico_close {
  width: 100%;
  height: 100%;
}

.modal#taxinfo_list_modal .close_btn img {
  width: 100%;
}

.modal#taxinfo_list_modal .inner_wrap {
  padding: 32px;
}

.modal#taxinfo_list_modal .inner_wrap .modal_title {
  font-size: 1.667em;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.modal#taxinfo_list_modal .inner_wrap ul {
  margin: 0;
  padding: 2em 0 0 0;
}

.modal#taxinfo_list_modal .input_group .txt_frame {
  width: auto;
  min-width: auto;
}

.modal#taxinfo_list_modal .input_frame.checkbox input[type="radio"]+label .txt {
  padding-left: 12px;
}

.modal#taxinfo_list_modal .input_frame.checkbox input+label.has_desc .txt.subject {
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.modal#taxinfo_list_modal .input_frame.checkbox input+label.has_desc .txt.small {
  padding-top: 4px;
}

.modal#taxinfo_list_modal .bottom_desc_box {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  padding-top: 1.333em;
}

.modal#taxinfo_list_modal .bottom_desc_box .txt {
  color: #757579;
}

.modal#taxinfo_list_modal .bottom_desc_box .btn_frame {
  min-width: 116px;
}

.modal#taxinfo_list_modal .bottom_desc_box .btn {
  font-weight: 500;
}

.input_group.taxinfo_select_group .input_group_item {
  padding: 24px 0;
  padding: 2em 0;
  border-top: 1px solid #eeeef0;
}

.modal#taxinfo_list_modal .label_round.with_icon {
  margin-left: 8px;
}

.modal#taxinfo_list_modal .label_round.with_icon .txt,
.modal#taxinfo_list_modal .input_frame.checkbox input[type="radio"]+label .label_round.with_icon .txt {
  font-size: 10px;
  font-size: 0.714em;
  padding: 0;
}

.input_group.taxinfo_select_group .input_group_item:last-child {
  border-bottom: 1px solid #eeeef0;
}

input.basic.tiny {
  font-size: 12px;
  font-size: 1em;
  font-weight: 500;
  padding: 0 8px;
  padding: 0 0.666em;
  cursor: pointer;
  border: 1px solid #e0e0e2;
  background-color: #fff;
  border-radius: 2px;
  height: 34px;
  height: 2.666em;
}

.input_frame.datepicker {
  width: 120px;
  min-width: 120px;
  width: 10em;
  min-width: 10em;
}

.input_frame.datepicker input.basic {
  background-image: url('//img.chutcha.kr/files/website/dealer/common/ic_calender.svg');
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-size: 1.333em auto;
  background-position: left 8px center;
  background-position: left 0.666em center;
  padding-left: 32px;
  padding-left: 2.666em;
}

/* calendar */
.datepicker.custom_calendar {
  font-size: 12px;
  font-size: 1em;
}

/* .datepicker.custom_calendar .vc-pane-container {padding: 24px; padding: 2em;} */
/* .datepicker.custom_calendar.layout2 .vc-pane:nth-child(odd) {padding-right: 20px; padding-right: 1.666em;}
.datepicker.custom_calendar.layout2 .vc-pane:nth-child(even) {padding-left: 20px; padding-left: 1.666em;} */
.datepicker.custom_calendar .vc-header,
.datepicker.custom_calendar .vc-weeks,
.datepicker.custom_calendar .vc-arrows-container {
  padding: 0;
}

.datepicker.custom_calendar .vc-weekday,
.datepicker.custom_calendar span.vc-day-content {
  font-size: 14px;
  font-size: 1.166em;
  padding: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 40px;
  width: 2.857em;
  height: 40px;
  height: 2.857em;
  line-height: 1;
  font-weight: 400;
  color: #181818;
}

.datepicker.custom_calendar .vc-header {
  padding: 24px;
  padding: 2em;
}

.datepicker.custom_calendar .vc-weeks {
  padding: 24px;
  padding: 2em;
  padding-top: 0;
}

.datepicker.custom_calendar.layout2 .vc-header:nth-child(odd) {
  padding-right: 20px;
  padding-right: 1.666em;
}

.datepicker.custom_calendar.layout2 .vc-weeks:nth-child(odd) {
  padding-right: 20px;
  padding-right: 1.666em;
}

.datepicker.custom_calendar.layout2 .vc-header:nth-child(even) {
  padding-left: 20px;
  padding-left: 1.666em;
}

.datepicker.custom_calendar.layout2 .vc-weeks:nth-child(even) {
  padding-left: 20px;
  padding-left: 1.666em;
}

.datepicker.custom_calendar .vc-weekday {
  font-weight: 500;
  color: #9e9ea1
}

.datepicker.custom_calendar .vc-day-content.is-disabled {
  color: #e0e0e2;
}

.datepicker.custom_calendar .vc-popover-content {
  border: 0;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.datepicker.custom_calendar .vc-arrows-container {
  left: 0;
  padding: 24px;
  padding: 2em;
  padding-bottom: 0;
}

.datepicker.custom_calendar .vc-header {
  padding-bottom: 8px;
  padding-bottom: 0.666em;
}

.datepicker.custom_calendar .vc-title {
  font-size: 16px;
  font-size: 1.333em;
  pointer-events: none;
}

.datepicker.custom_calendar .vc-arrow .vc-svg-icon {
  display: none;
}

.datepicker.custom_calendar .vc-arrow {
  border: 0;
  border-radius: 0;
  width: 16px;
  height: 16px;
  width: 1.333em;
  height: 1.333em;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 6px;
  margin-top: 0.5em;
}

.datepicker.custom_calendar .vc-arrow:hover {
  background-color: transparent;
}

.datepicker.custom_calendar .vc-arrow.is-left {
  background-image: url('//img.chutcha.kr/files/website/dealer/common/ic_arrow_left.svg');
}

.datepicker.custom_calendar .vc-arrow.is-right {
  background-image: url('//img.chutcha.kr/files/website/dealer/common/ic_arrow_right.svg');
}

.datepicker.custom_calendar .vc-highlights,
.datepicker.custom_calendar .vc-highlights+span.vc-day-content {
  pointer-events: none;
}

/* } 220509 */
/*********************************************/



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

.vue_modal_custom {
  font-size: 12px;
  font-size: 1em;
}

.vue_modal_custom .modal-content {
  font-size: inherit;
  min-width: 368px;
  min-width: 30.666em;
  max-width: 30.666em;
  width: 100%;
  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 .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_cont_wrap.modal_slot_cont_wrap {}

.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: 32px;
  padding: 2.666em;
  background-color: #fff;
  position: relative;
}

.vue_modal_custom .modal-content .modal_section.modal_section_top {
  width: 100%;
  height: auto;
  font-size: inherit;
  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: 20px;
  font-size: 1.666em;
  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: -16px;
  margin-top: -16px;
}

.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.reverse_confirm_btns {
  flex-direction: row-reverse;
}

.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: 64px;
  height: 4em;
  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 32px 32px;
  padding: 2em 2.666em 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.reverse_confirm_btns .btn_frame {
  border-left: 1px solid #e0e0e2;
}
.vue_modal_custom.view_modal_msg .modal-content .modal_section.modal_section_bottom.reverse_confirm_btns .btn_frame:last-child {
  border-left: 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;
  border: 1px solid #233cfa;
  color: #fff;
}

.vue_modal_custom.view_modal_msg .modal-content .modal_section.modal_section_bottom .btn_frame:last-child .btn_modal_bottom.btn_blue:hover {
  background-color: #152ce0;
  border: 1px solid #152ce0;
}

.vue_modal_custom.view_modal_msg .modal-content .modal_section.modal_section_bottom .btn_frame:last-child .btn_modal_bottom.btn_blue:disabled,
.vue_modal_custom.view_modal_msg .modal-content .modal_section.modal_section_bottom .btn_frame:last-child .btn_modal_bottom.btn_blue[disabled="true"],
.vue_modal_custom.view_modal_msg .modal-content .modal_section.modal_section_bottom .btn_frame:last-child .btn_modal_bottom.btn_blue[disabled="disabled"] {
  cursor: default;
  background-color: #bdbdbf;
  border-color: #bdbdbf;
}

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


/* 채널톡 */
#ch-plugin-launcher div[data-ch-testid="badge"] {
  background-color: #FF6D2F;
  right: 8px !important;
}

/* 220805 { 
    - 탭 버튼 카운트 디자인 변경    
*/
.page_header .tab_area ul li button span.cnt_badge.red {
  font-size: 10px;
  font-size: 0.625em;
  font-weight: 500;
  line-height: 1.01;
  padding: 4px 5px;
  padding: 0.4em 0.5em;
  padding: calc(0.4em + 0.12px) 0.5em 0.4em;
  background: #fc2441;
  color: #fff;
}

.page_header .tab_area ul li button span.cnt_badge {
  margin: 0;
}

.page_header .tab_area ul li button .cnt_txt {
  font-size: inherit;
  font-weight: bold;
  font-weight: 700;
}

.page_header .tab_area ul li.on button .cnt_txt {
  color: #233cfa;
}

/* } 220805 끝 */


/* 자주 쓰는 이모지 추가 */
i.ico_hello {
  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;
}


/* 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: 300px;
    overflow: hidden;
  }
}

.fadehide-enter-active {
  animation: fadehide-in 0.4s;
}

.fadehide-leave-active {
  animation: fadehide-in 0.4s reverse;
}

/* } Vue Transition Animation 끝 */


/* 마케팅 수신 동의 안내 모달 { */
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap.modal_slot_cont_wrap {}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents {
  width: 100%; height: auto;
  padding: 40px 32px; padding: 3.333em 2.666em;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_title_area {
  display: flex; flex-direction: row; align-items: center; justify-content: center;
  width: 100%; height: auto;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_title_area .txt.txt_title {
  font-size: 18px; font-size: 1.5em; font-weight: 700; line-height: 1.444;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 100%; height: auto;
  gap: 16px; gap: 1.333em;
  padding-top: 16px; padding-top: 1.333em;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .marketing_notice_list_group {
  display: flex; flex-direction: column; align-items: space-between; justify-content: flex-start;
  width: 100%; height: auto;
  gap: 12px; gap: 1em;
  padding: 16px; padding: 1.333em;
  border-radius: 4px; border-radius: 0.333em;
  background-color: #fafafb;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .marketing_notice_list_group .txt_frame {
  display: grid; 
  grid-template-columns: max-content 1fr;
  justify-content: space-between;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .marketing_notice_list_group .txt {
  display: inline-flex;
  justify-content: flex-end;
  line-height: 1.5;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .marketing_notice_list_group dt.txt {color: #757579; justify-content: flex-start;}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .caution_list_group {
  display: flex; flex-direction: column;
  width: 100%; height: auto;
  justify-content: flex-start; align-items: flex-start;
  gap: 4px; gap: 0.333em;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .caution_list_group .bullet_list {
  display: grid; grid-template-columns: max-content 1fr;
  width: 100%; height: auto;
  gap: 8px; gap: 0.666em;
  position: relative;
}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .caution_list_group .bullet_list .txt {color: #757579;}
.vue_modal_custom .modal-content .modal_inner .modal_cont_wrap .marketing_notice_modal_contents .modal_cont_area .caution_list_group .bullet_list::before {
  content: "·";
  display: inline-flex;
  width: auto; height: auto;
  line-height: 1.75;
  color: #bdbdbf;
}

.marketing_agree_modal.modal#stack_basic_modal .modal_title {
	display: block;
	font-size: 1.500em;
	line-height: 1.44em;
	font-weight: 700;
	text-align: center;
}
.marketing_agree_modal.modal#stack_basic_modal .modal_msg {
	margin-bottom: 0;
}
/* 수신거부 컨펌 모달 */
.modal.marketing_confirm_modal#confirm_modal .modal_btn_wrap .confirm_close_btn {
	order: 2;
	border-left: 1px solid #eee;
  font-weight: 500;
}
.modal.marketing_confirm_modal#confirm_modal .modal_btn_wrap .confirm_btn {
	order: 1;
	border-left: 0;
  font-weight: 500;
}
/* } 마케팅 수신 동의 안내 모달 */