/* color info */
:root {
  --main-color : #0099FF;
  --main-background-color : #F9F9F9;
  --button-bg-color : #0099FF;
  --button-text-color : #fff;
  --inactive-button-bg-color : #EBEBEB;
  --inactive-button-text-color : #8C8C8C;
  --input-bg-color : #F9F9F9;
  --input-text-color : #ABABAB;
  --inout-text-error : #EC4E39;
  --input-text-success : #3DB15B;
  --text-color1 : #3B3B3B;
  --text-color2 : #8C8C8C;
  --text-color3 : #B3B3B3;
}
/* --main-color : #36AEE2; 기존 메인 컬러*/
/* --main-color : #0099FF; 변경된 메인 컬러*/
::-webkit-scrollbar {
  display: auto;
  height: 7px;
  width: 2px;
}

::-webkit-scrollbar-track {
  background: var(--input-bg-color);
}

::-webkit-scrollbar-thumb {
  background: var(--input-text-color);
  border-radius: 6px;
}

button.close_modal2 { font-size: 22px; }

.footer_section {
  border-top: 2px solid #FAFAFA;
  box-sizing: border-box;
  padding: 20px 20px;
  display: flex;
  justify-content: space-between;
}

.wrapper {
  max-width: 600px;
  min-height: 100vh;
  margin: 0 auto;
  background-color: white;
}

.content_type01 {
  margin: 0 20px;
}

.content_type02 {
  margin: 20px 20px 0;
}

.content_type03 {
  margin: 0 20px;
  padding-bottom: 45px;
}

.content_type04 {
  padding: 20px;
}

.content_type05 {
  padding-bottom: 45px;
}

[class^="content_"] > h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

[class^="content_"] > h2 + p {
  color: #333;
  margin-top: 10px;
}

[class^="content_"] > h2 + [class^="input_type"],
[class^="content_"] > h2 + p + [class^="input_type"] {
  margin-top: 25px;
}

[class^="content_"] > h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.8rem;
}

/* 자동납부 관리, 결제수단 관리 */
.list_empty {
  padding: 150px 0;
  text-align: center;
}

.list_empty > p {
  color: #333;
  font-weight: 500;
  margin-top: 10px;
}

.list_empty > p + p {
  margin-top: 5px;
}

.list_empty + .btn_area {
  margin-top: 15px;
}

input {
  font-size: 14px;
  color: #000;
}

select {
  font-size: 14px;
}

option {
  font-size: 14px;
}

::placeholder {
  font-size: 14px;
}

.hidden { 
  visibility: hidden; 
  position: absolute;
}

.none{
  display: none !important;
}






/*구린 dialog 용 강제 css 변경*/
[data-r-role="dialog"] header {
  background: #fff !important;
  display: none !important;
}

[data-r-role="dialog"] {
  border-radius: 10px !important;
  overflow-y: auto !important;
}

[data-r-role="dialog"] .positive_button {
  background:#0099FF !important;
  border: 1px solid #0099FF;
  border-radius: 4px !important;
  padding: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: auto !important;
}
[data-r-role="dialog"] footer {
  padding-top: 30px !important;
}

.dialog_message_section::before {
  content: "여긴 비워 둘 수 없어요!";
  color:#333; 
  font-weight: 700;
}

.dialog_message_section {
  visibility: hidden; 
  position: relative;
}

.dialog_message_section::before {
  visibility: visible;
  position: absolute;
  left: 25%;
  top: 50%;
}

/* info_area */

.info_area { margin-top: 10px; }
.info_area p { display: flex; position: relative; background: none !important; line-height: 1.2; padding: 0 0 0 18px !important; color: #999; font-size: 12px; align-items: center; }
.info_area p::before { content: ""; display: block; position: absolute; top: 0; left: 2px;margin-right: 4px; width: 13px; height: 13px; background: url(./images/icon_info_hover.svg) no-repeat; background-size: cover; }


/* strong.must, strong.not_must */
strong.must, strong.not_must { display: flex; align-items: center; }
strong.must::after { content: "[필수]"; position: relative; top: -1px; margin-left: 4px; font-weight: 600; font-size: 0.625rem; color: var(--main-color); }
strong.not_must::after { content: "[선택]"; position: relative; top: -1px; margin-left: 4px; font-weight: 600; font-size: 0.625rem; color: var(--text-color3);}

/*시스템 폰트 크기 고정*/
html {
  -webkit-text-size-adjust: none; /* iOS Safari 및 크롬 */
  -ms-text-size-adjust: none;     /* IE */
  text-size-adjust: none;    /* 표준 */
  -moz-text-size-adjust: none; /*파이어폭스*/
}