@charset "UTF-8";
#u_skip {
  position: relative;
  z-index: 999;
}
#u_skip a {
  position: absolute;
  top: -3.5rem;
  left: 0;
  width: 13.8rem;
  border: 1px solid #4D4DFF;
  background: #4D4DFF;
  text-align: center;
}
#u_skip a:active, #u_skip a:focus {
  top: 0;
  z-index: 10;
}
#u_skip span {
  display: inline-block;
  padding: 0.2rem 0.6rem 0 0;
  font-size: 1.3rem;
  color: #fff;
  letter-spacing: -1px;
  line-height: 2.6rem;
  white-space: nowrap;
}

#header {
  position: fixed;
  padding: 1rem 0;
  width: 100%;
  border-bottom: 0.2rem solid #4D4DFF;
  background: #fff;
  z-index: 100;
}
#header .inr {
  position: relative;
  width: 128rem;
  margin: 0 auto;
}
#header .inr > div h1 {
  display: inline-block;
  vertical-align: bottom;
}
#header .inr > div .u-info {
  display: inline-block;
  margin-left: 1.2rem;
  font-weight: var(--font-medium);
}
#header .inr > div .u-info > strong {
  padding-left: 1.2rem;
  font-size: 2.4rem;
}
#header .inr .notice-box {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 40.7rem;
  height: 10.9rem;
  padding: 1.1rem 2.5rem;
  background-color: #fbfbfb;
  border-radius: 0.8rem;
  box-sizing: border-box;
}
#header .inr .notice-box > span {
  display: block;
  font-size: 2rem;
  font-weight: bold;
}
#header .inr .notice-box > span > button {
  float: right;
  margin-top: 0.2rem;
  font-weight: normal;
  font-size: 1.8rem;
  color: #1d1d1d;
}
#header .inr .notice-box > span > button > i {
  margin-top: -0.4rem;
  margin-left: 0.3rem;
}
#header .inr .notice-box > ul {
  overflow: hidden;
  width: 100%;
  height: 9.4rem;
  margin-top: 1.4rem;
  border-top: 1px solid #C2C2C2;
}
#header .inr .notice-box > ul > li {
  margin-top: 1rem;
}
#header .inr .notice-box > ul > li > button, #header .inr .notice-box > ul > li a {
  display: flex;
  font-size: 1.8rem;
  color: #1d1d1d;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
#header .inr .notice-box > ul > li > button > span, #header .inr .notice-box > ul > li a > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
#header .inr .notice-box > ul > li > button > span:first-child, #header .inr .notice-box > ul > li a > span:first-child {
  flex-grow: 1;
}
#header .inr .notice-box > ul > li > button > span:last-child, #header .inr .notice-box > ul > li a > span:last-child {
  width: 10.5rem;
  text-align: right;
  color: #7F7F7F;
  flex-shrink: 0;
}
#header .inr > .gnb {
  display: block;
  width: 100%;
  margin-top: 1.6rem;
}
#header .inr > .gnb > li {
  float: left;
}
#header .inr > .gnb > li > a {
  display: flex;
  color: #000;
  justify-content: flex-start;
  align-items: center;
}
#header .inr > .gnb > li > a .ico {
  margin-right: 0.8rem;
}
#header .inr > .gnb > li + li {
  margin-left: 1.2rem;
}

.container-wrap {
  padding-top: 16rem;
  padding-bottom: 1.6rem;
  /*서브타이틀 공통*/
}
.container-wrap .content-box > .inr {
  position: relative;
  width: 128rem;
  margin: 0 auto;
}
.container-wrap .content-box > .inr .box + .box {
  margin-top: 1.6rem;
}
.container-wrap .content-box > .inr .box > .my-panel {
  height: 14.6rem;
  padding: 2.5rem 2.4rem;
  background: url(/images/agnt/my-panel_bg.svg) no-repeat 1rem #fff;
  box-shadow: 0 0 0.7rem 0.1rem rgba(63, 63, 63, 0.25);
  border-radius: 2rem;
  box-sizing: border-box;
  flex: 1;
}
.container-wrap .content-box > .inr .box > .my-panel > .info {
  display: flex;
  height: 100%;
  margin-left: 14rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .bridge, .container-wrap .content-box > .inr .box > .my-panel > .info .address-box {
  display: inline-block;
  vertical-align: top;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .bridge > span, .container-wrap .content-box > .inr .box > .my-panel > .info .address-box > span {
  display: block;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .bridge > span:last-child, .container-wrap .content-box > .inr .box > .my-panel > .info .address-box > span:last-child {
  font-size: 2rem;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .bridge b, .container-wrap .content-box > .inr .box > .my-panel > .info .address-box b {
  display: block;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .bridge b.txt-over, .container-wrap .content-box > .inr .box > .my-panel > .info .address-box b.txt-over {
  overflow: hidden;
  max-width: 520px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .bridge b > span, .container-wrap .content-box > .inr .box > .my-panel > .info .address-box b > span {
  color: #C2C2C2;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .address-box {
  display: inline-block;
  margin-left: 1.2rem;
  font-size: 2.6rem;
  line-height: 3.3rem;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .address-box > span {
  overflow: hidden;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .txt-right {
  text-align: right;
}
.container-wrap .content-box > .inr .box > .my-panel > .info .sqft-box {
  display: inline-block;
  padding: 1.6rem 0.6rem;
  border-radius: 0.8rem;
  background: #F2F2F2;
  font-weight: 500;
  font-size: 1.8rem;
  color: #7F7F7F;
}
.container-wrap .content-box > .inr .box .link-box > a {
  overflow: hidden;
  display: inline-block;
  width: 120px;
  height: 146px;
  padding: 2.2rem;
  border: 1px solid #C2C2C2;
  border-radius: 0.8rem;
  background-color: #f9f9f9;
  font-size: 1.8rem;
  text-align: center;
  color: #000;
  box-sizing: border-box;
}
.container-wrap .content-box > .inr .box .link-box > a > .ico {
  display: block;
  margin: 0 auto 0.6rem auto;
}
.container-wrap .content-box > .inr .box .link-box > a + a {
  margin-left: 2rem;
}
.container-wrap .sub-tit {
  display: inline-block;
  margin-bottom: 1.6rem;
  font-weight: bold;
  font-size: 2.4rem;
  color: #1d1d1d;
}

/*메인 > 거래비용 계산하기*/
.content-box .count-list > .item-top {
  overflow: hidden;
}
.content-box .count-list > .item-top .formCheck {
  float: right;
  margin-top: 0.8rem;
}
.content-box .info-list {
  width: 40.7rem;
  margin: 0 3.1rem;
}
.content-box .btn-list {
  width: 40.7rem;
}

/* 계산비용 리스트 */
.bill-box {
  width: 100%;
  margin-top: 1.2rem;
  padding: 2rem;
  border: 1px solid #C2C2C2;
  border-radius: 0.8rem;
  font-size: 2rem;
  color: #1d1d1d;
}
.bill-box > div[class*=b-] {
  border-bottom: 1px solid #C2C2C2;
}
.bill-box > div[class*=b-]:last-child {
  border-bottom: none;
}
.bill-box > div[class*=b-] > .line {
  display: flex;
  margin-bottom: 1.2rem;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bill-box > div[class*=b-] > .line span:first-child {
  color: #555;
}
.bill-box > div[class*=b-] > .line span + span {
  font-weight: bold;
}
.bill-box > div[class*=b-] > .line > ul {
  overflow: hidden;
  display: block;
  width: 100%;
  margin-top: 1.2rem;
  padding: 1.2rem 2rem;
  border-radius: 0.8rem;
  background: #F8F8F8;
}
.bill-box > div[class*=b-] > .line > ul > li {
  margin-bottom: 0.4rem;
}
.bill-box > div[class*=b-] > .line > ul > li:last-child {
  margin-bottom: 0;
}
.bill-box > div[class*=b-] > .line > ul > li > dl {
  display: flex;
  font-size: 1.8rem;
  color: #555;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.bill-box > div[class*=b-] > .line > ul > li > dl > dt {
  width: 15.7rem;
  flex-shrink: 0;
}
.bill-box > div[class*=b-] > .line > ul > li > dl > dd {
  text-align: left;
  flex-grow: 1;
}
.bill-box > div[class*=b-] > .line > ul > li > dl > dd:last-child {
  text-align: right;
}
.bill-box > div[class*=b-] > .line .input-text input {
  max-width: 36rem;
  padding: 0.6rem 1.6rem;
  min-height: 4rem;
  text-align: right;
}
.bill-box > div[class*=b-] > .line .info-txt {
  font-size: 1.8rem;
  font-weight: var(--font-regular) !important;
  color: #3636B3 !important;
}
.bill-box .gray-box {
  overflow: hidden;
  width: 100%;
  height: 3.8rem;
  line-height: 3.8rem;
  margin-bottom: 1.2rem;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  background: #F8F8F8;
  font-size: 2rem;
  text-align: center;
  color: #555;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.bill-box .b-header .line span:first-child {
  font-weight: var(--font-bold);
}
.bill-box .b-content {
  padding: 1.2rem 0;
}
.bill-box .b-footer {
  padding-top: 1rem;
}
.bill-box .b-footer > .line {
  margin-bottom: 0 !important;
}
.bill-box .b-footer > .line .totla {
  font-weight: bold;
  font-size: 3.2rem;
  color: #4D4DFF;
}
.bill-box + .info-txt {
  display: block;
  margin-top: 1.2rem;
  line-height: 2.8rem;
  color: #555;
}
.bill-box + .info-txt span {
  display: block;
}

/* 커스텀 selectbox */
.select-box {
  position: relative;
  /*클릭시*/
}
.select-box > button {
  overflow: hidden;
  border-radius: 8px;
  font-weight: bold;
  font-size: 2rem;
}
.select-box > .st-listbox {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 6.8rem;
  left: 0;
}
.select-box.on > button::after {
  transform: rotate(180deg);
}
.select-box.on > .st-listbox {
  display: block;
}
.select-box.style-01 > button {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.5rem 2rem;
  background: #4D4DFF;
  text-align: left;
  color: #fff;
}
.select-box.style-01 > button::after {
  display: block;
  position: absolute;
  top: 1.7rem;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/images/agnt/icon_row_pc.svg) no-repeat center center;
  content: "";
}
.select-box.style-02 > button {
  width: 36rem;
  padding: 1rem 1.6rem;
  border: 1px solid var(--outline);
  font-size: 1.8rem;
  font-weight: var(--font-regular);
  background-color: var(--white);
  color: #7f7f7f;
  text-align: left;
}
.select-box.style-02 > button::after {
  display: block;
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  width: 2rem;
  height: 2rem;
  content: "";
}

.st-listbox {
  width: 100%;
  padding: 1.6rem;
  border: 1px solid #C2C2C2;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  z-index: 1;
}
.st-listbox ul li {
  width: 100%;
  margin-bottom: 2px;
}
.st-listbox ul li button {
  width: inherit;
  overflow: hidden;
  padding: 0.7rem 1.6rem;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  text-align: left;
  color: #111;
}
.st-listbox ul li button:hover, .st-listbox ul li button:focus, .st-listbox ul li button.on {
  background: #F2F2F2;
}
.st-listbox.select-counselor {
  overflow: auto;
  max-height: 49rem;
}
.st-listbox.select-counselor ul {
  flex: 1;
}
.st-listbox.select-counselor ul li .ico {
  margin-right: 0.8rem;
}
.st-listbox.select-counselor ul li > button > span {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 40px);
  text-overflow: ellipsis;
  vertical-align: top;
}

/* Button */
.btn-box {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.8rem;
  position: relative;
}
.btn-box .icon_info {
  position: absolute;
  top: 1.7rem;
  right: 6.9rem;
}
.btn-box.ico-btn > span {
  width: 100%;
}
.btn-box.ico-btn > span > .main-service {
  padding-right: 4.5rem;
}

.btn {
  display: inline-block;
  width: 100%;
  height: 4rem;
  padding: 0 1rem;
  font-weight: var(--font-medium);
  color: #353535;
  border-radius: 0.8rem;
  text-align: center;
  box-sizing: border-box;
  line-height: 4rem;
}
.btn.enable {
  color: var(--white);
  background-color: var(--primary-p600);
}
.btn.enable:disabled {
  color: #7f7f7f;
  background-color: #f2f2f2;
}
.btn.normal {
  color: #000;
  background-color: var(--primary-p100);
}
.btn.normal:hover {
  outline: 0.3rem solid var(--primary-p600);
}
.btn.normal:disabled {
  cursor: auto;
}
.btn.normal:disabled:hover {
  outline: initial;
}
.btn.tertiary {
  background-color: var(--white);
  border: 1px solid var(--outline);
  color: #1d1d1d;
}
.btn.tertiary.primary {
  border-color: var(--primary-p600);
  color: var(--primary-p600);
}
.btn.main-service {
  height: 11.2rem;
  font-size: 2rem;
  background-color: #f8f8f8;
  color: #7f7f7f;
  line-height: 11.2rem;
}
.btn.lg {
  height: 11.2rem;
  line-height: 11.2rem;
  font-size: 2rem;
  font-weight: var(--font-bold);
}
.btn.md {
  height: 8rem;
  line-height: 8rem;
  font-size: 2.4rem;
}
.btn.sm {
  height: 4.8rem;
  line-height: 4.8rem;
}
.btn.warning {
  background-color: var(--warning);
  color: var(--white);
}

/* Input-Text */
.form-label {
  position: relative;
  font-weight: var(--font-bold);
  color: #1d1d1d;
}

.input-text {
  position: relative;
  display: flex;
  flex-direction: column;
}
.input-text input[type=text], .input-text input[type=password], .input-text input[type=tel], .input-text input[type=number], .input-text input[type=search], .input-text input[type=date], .input-text input[type=email], .input-text input[type=url], .input-text input[type=time] {
  display: block;
  width: 100%;
  min-height: 4.8rem;
  padding: 1rem 1.6rem;
  font-weight: var(--font-regular);
  color: #1d1d1d;
  border-radius: 8px;
  border: 1px solid var(--outline);
  box-sizing: border-box;
}
.input-text input[type=text]::-moz-placeholder, .input-text input[type=password]::-moz-placeholder, .input-text input[type=tel]::-moz-placeholder, .input-text input[type=number]::-moz-placeholder, .input-text input[type=search]::-moz-placeholder, .input-text input[type=date]::-moz-placeholder, .input-text input[type=email]::-moz-placeholder, .input-text input[type=url]::-moz-placeholder, .input-text input[type=time]::-moz-placeholder {
  font-weight: var(--font-regular);
  color: #7f7f7f;
}
.input-text input[type=text]::placeholder, .input-text input[type=password]::placeholder, .input-text input[type=tel]::placeholder, .input-text input[type=number]::placeholder, .input-text input[type=search]::placeholder, .input-text input[type=date]::placeholder, .input-text input[type=email]::placeholder, .input-text input[type=url]::placeholder, .input-text input[type=time]::placeholder {
  font-weight: var(--font-regular);
  color: #7f7f7f;
}
.input-text input[type=text]:disabled, .input-text input[type=password]:disabled, .input-text input[type=tel]:disabled, .input-text input[type=number]:disabled, .input-text input[type=search]:disabled, .input-text input[type=date]:disabled, .input-text input[type=email]:disabled, .input-text input[type=url]:disabled, .input-text input[type=time]:disabled {
  font-weight: var(--font-regular);
  border-radius: 8px;
  background-color: #f2f2f2;
  color: #7f7f7f;
}
.input-text input[type=text]:-moz-read-only, .input-text input[type=password]:-moz-read-only, .input-text input[type=tel]:-moz-read-only, .input-text input[type=number]:-moz-read-only, .input-text input[type=search]:-moz-read-only, .input-text input[type=date]:-moz-read-only, .input-text input[type=email]:-moz-read-only, .input-text input[type=url]:-moz-read-only, .input-text input[type=time]:-moz-read-only {
  background-color: #f2f2f2;
  border: 1px solid var(--outline);
}
.input-text input[type=text]:read-only, .input-text input[type=password]:read-only, .input-text input[type=tel]:read-only, .input-text input[type=number]:read-only, .input-text input[type=search]:read-only, .input-text input[type=date]:read-only, .input-text input[type=email]:read-only, .input-text input[type=url]:read-only, .input-text input[type=time]:read-only {
  background-color: #f2f2f2;
  border: 1px solid var(--outline);
}
.input-text input[type=text]:-moz-read-only:focus, .input-text input[type=password]:-moz-read-only:focus, .input-text input[type=tel]:-moz-read-only:focus, .input-text input[type=number]:-moz-read-only:focus, .input-text input[type=search]:-moz-read-only:focus, .input-text input[type=date]:-moz-read-only:focus, .input-text input[type=email]:-moz-read-only:focus, .input-text input[type=url]:-moz-read-only:focus, .input-text input[type=time]:-moz-read-only:focus {
  border: 1px solid var(--outline);
  outline: none;
}
.input-text input[type=text]:read-only:focus, .input-text input[type=password]:read-only:focus, .input-text input[type=tel]:read-only:focus, .input-text input[type=number]:read-only:focus, .input-text input[type=search]:read-only:focus, .input-text input[type=date]:read-only:focus, .input-text input[type=email]:read-only:focus, .input-text input[type=url]:read-only:focus, .input-text input[type=time]:read-only:focus {
  border: 1px solid var(--outline);
  outline: none;
}
.input-text input[type=text].main-num, .input-text input[type=password].main-num, .input-text input[type=tel].main-num, .input-text input[type=number].main-num, .input-text input[type=search].main-num, .input-text input[type=date].main-num, .input-text input[type=email].main-num, .input-text input[type=url].main-num, .input-text input[type=time].main-num {
  height: 6rem;
  font-size: 2.4rem;
}
.input-text input[type=text]:focus, .input-text input[type=password]:focus, .input-text input[type=tel]:focus, .input-text input[type=number]:focus, .input-text input[type=search]:focus, .input-text input[type=date]:focus, .input-text input[type=email]:focus, .input-text input[type=url]:focus, .input-text input[type=time]:focus {
  border: 1px solid #4D4DFF;
  outline: none;
}
.input-text + button {
  max-width: 9.8rem;
}

/* input - checkbox */
[type=checkbox] {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border 0.28s ease-in-out;
}
[type=checkbox] + .form-label {
  position: relative;
  min-height: 2.4rem;
  padding-left: 3.2rem;
  font-weight: var(--font-medium);
  box-sizing: border-box;
  transition: 0.28s ease;
  -webkit-transition: 0.28s ease;
  cursor: pointer;
}
[type=checkbox] + .form-label:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #b7b7b7;
  border-radius: 0.4rem;
  background-color: #fff;
  z-index: 1;
  content: "";
}
[type=checkbox] + .form-label:after {
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0.7rem;
  width: 1.2rem;
  height: 1rem;
  background: url(/images/agnt/icon_checkbox_20px.svg) no-repeat;
  z-index: 10;
  content: "";
}
[type=checkbox] + .form-label.lg {
  padding-left: 7.2rem;
  font-size: 2rem;
}
[type=checkbox] + .form-label.lg:before {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.4rem;
}
[type=checkbox] + .form-label.lg:after {
  display: block;
  position: absolute;
  top: 1.4rem;
  left: 1.3rem;
  width: 2.4rem;
  height: 2rem;
  z-index: 10;
  content: "";
}
[type=checkbox]:checked + .form-label:before {
  border-color: var(--primary-p600);
  background-color: var(--primary-p600);
}
[type=checkbox]:checked:disabled + .form-label {
  color: #353535;
}
[type=checkbox]:checked:disabled + .form-label:after {
  background-color: #b7b7b7;
}
[type=checkbox]:disabled + .form-label {
  color: #949494;
}
[type=checkbox]:disabled + .form-label:before {
  border-color: #b7b7b7;
  background-color: #f2f2f2;
}
[type=checkbox]:disabled + .form-label:after {
  background-color: #f2f2f2;
}

/* textarea */
.textarea-wrap {
  width: 100%;
}
.textarea-wrap.main-visual {
  height: 51.9rem;
}
.textarea-wrap .txtarea {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 18.3rem;
  padding: 2rem;
  border: 1px solid var(--outline);
  border-radius: 8px;
  font-weight: var(--font-medium);
  color: #1d1d1d;
  line-height: 3rem;
  outline: none;
  resize: none;
  box-sizing: border-box;
}
.textarea-wrap .txtarea::-moz-placeholder {
  color: #7f7f7f;
}
.textarea-wrap .txtarea::placeholder {
  color: #7f7f7f;
}
.textarea-wrap .txtarea:-moz-read-only {
  color: #000;
}
.textarea-wrap .txtarea:read-only {
  color: #000;
}
.textarea-wrap .txtarea:focus-visible {
  outline: 1px solid var(--primary-p600);
}

.formCheck {
  position: relative;
  display: inline-block;
  height: auto;
  min-height: 2.4rem;
  vertical-align: top;
}

[type=radio] {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border 0.28s ease-in-out;
}
[type=radio]:not(:checked), [type=radio]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
[type=radio]:not(:checked) + .form-label, [type=radio]:checked + .form-label {
  position: relative;
  min-height: 2.4rem;
  margin-left: 0;
  padding-left: 2.8rem;
  font-weight: var(--font-regular);
  color: #1d1d1d;
  transition: 0.28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
}
[type=radio]:not(:checked) + .form-label:before, [type=radio]:not(:checked) + .form-label:after, [type=radio]:checked + .form-label:before, [type=radio]:checked + .form-label:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #b7b7b7;
  transform: translateY(-50%);
  border-radius: 50%;
  content: "";
}
[type=radio]:checked + .form-label:before, [type=radio]:checked + .form-label:after {
  border: 1px solid var(--primary-p600);
}
[type=radio]:checked + .form-label:after {
  background-color: var(--primary-p600);
  transform: scale(0.5) translateY(-100%);
  -webkit-transform: scale(0.5) translateY(-100%);
  transition: 0.28s ease;
  -webkit-transition: 0.28s ease;
}
[type=radio]:disabled:not(:checked) + .form-label {
  color: #949494;
}
[type=radio]:disabled:not(:checked) + .form-label:before {
  border-color: #b7b7b7;
  background-color: #f2f2f2;
}
[type=radio]:disabled:checked + .form-label:before {
  border-color: #b7b7b7;
  background-color: #f2f2f2;
}
[type=radio]:disabled:checked + .form-label:after {
  border-color: #b7b7b7;
  background-color: #b7b7b7;
}

/* modal */
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
}
.modal.show {
  display: block;
}
.modal .modal-dialog {
  position: relative;
  top: 50%;
  max-width: 50rem;
  margin: 0 auto;
  padding: 2.4rem 3.2rem;
  border-radius: 0.8rem;
  background-color: #fff;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.modal .modal-dialog.border-type {
  border: 1px solid var(--outline);
}
.modal .modal-dialog.sm {
  padding: 2rem;
  max-width: 35.9rem;
}
.modal .modal-dialog.sm .modal-content button.icon_close_24px {
  position: absolute;
  top: 2.3rem;
  right: 2rem;
}
.modal .modal-dialog.sm .modal-content .st-listbox.select-counselor {
  height: 27rem;
  border-radius: 0.8rem;
}
.modal .modal-dialog.sm .modal-content .st-listbox.select-counselor + span {
  display: block;
  margin-top: 5px;
  text-align: right;
  color: var(--primary-p600);
}
.modal .modal-dialog.sm .modal-content .modal-footer .btn-box {
  align-items: center;
  gap: 1.2rem;
}
.modal .modal-dialog.sm .modal-content .modal-footer .btn-box .btn {
  max-width: 100%;
}
.modal .modal-dialog.sm .modal-title {
  font-size: 1.8rem;
}
.modal .modal-dialog.sm .modal-title + .modal-main {
  margin-top: 1.6rem;
}
.modal .modal-dialog.lg {
  position: relative;
  overflow: auto;
  height: calc(100% - 40px);
  max-height: 82.1rem;
  min-width: 108rem;
  max-width: 128rem;
  padding: 4.8rem 11rem;
}
.modal .modal-dialog.lg.full-type {
  height: auto;
  max-height: 100%;
  padding: 6.8rem 11rem;
}
.modal .modal-dialog.lg.full-type .modal-content {
  max-height: 82.7rem;
}
.modal .modal-dialog.lg.full-type .modal-content .modal-main {
  margin-top: 3.2rem;
}
.modal .modal-dialog.lg.full-type .table-box {
  height: 50rem;
}
.modal .modal-dialog.lg.full-type .table-box table th, .modal .modal-dialog.lg.full-type .table-box table td {
  padding: 1.8rem 1.6rem;
}
.modal .modal-dialog.lg button.icon_close_40px {
  position: absolute;
  top: 4rem;
  right: 4rem;
}
.modal .modal-dialog.lg button.icon_close_24px {
  position: absolute;
  top: 6.9rem;
  right: 8rem;
}
.modal .modal-dialog.lg .modal-title {
  font-size: 2.4rem;
  line-height: 3.4rem;
}
.modal .modal-dialog.lg .modal-title + .modal-main {
  margin-top: 6rem;
}
.modal .modal-dialog.close .modal-content {
  position: relative;
}
.modal .modal-dialog.close .modal-content .modal-title {
  display: block;
  padding-top: 2rem;
}
.modal .modal-dialog.close .modal-content .modal-title + .modal-main {
  margin-top: 1.6rem;
  padding-top: 0;
}
.modal .modal-dialog.close .modal-content .modal-main {
  padding-top: 4rem;
  font-size: 1.8rem;
  color: #555;
}
.modal .modal-dialog.close .modal-content .modal-footer .btn {
  width: 9.8rem;
}
.modal .modal-dialog.close .modal-content button.icon_close_20px {
  position: absolute;
  top: 0;
  right: 0;
}
.modal .modal-dialog.close .modal-content .box + .box {
  margin-top: 1.6rem;
}
.modal .modal-dialog.close .modal-content .box > span:first-child + .dot-type {
  margin-top: 0.8rem;
}
.modal .modal-dialog.close .modal-content .box.gray-type {
  color: #7f7f7f;
}
.modal .modal-dialog.close .modal-content .box.gray-type li:before {
  background-color: #7f7f7f;
}
.modal .modal-dialog.close .modal-content .dot-type {
  position: relative;
  padding-left: 1rem;
}
.modal .modal-dialog.close .modal-content .dot-type li:before {
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 1.1rem;
  border-radius: 0.4rem;
  background-color: #555;
  content: "";
}
.modal .modal-dialog.close .modal-content .dot-type li + li {
  margin-top: 0.4rem;
}
.modal .modal-dialog.md {
  max-width: 62rem;
  height: auto;
  padding: 3.2rem;
}
.modal .modal-dialog.md .modal-content {
  position: relative;
}
.modal .modal-dialog.md .modal-content .icon_close_24px {
  position: absolute;
  top: 0;
  right: 0;
}
.modal .modal-dialog.md .modal-main {
  margin-top: 3.2rem;
}
.modal .modal-body .modal-main {
  font-weight: var(--font-regular);
  font-size: 1.8rem;
  color: #555555;
  line-height: 2.8rem;
}
.modal .modal-body .modal-main .btn-box {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.8rem;
  -moz-column-gap: 1.9rem;
       column-gap: 1.9rem;
  overflow: auto;
  height: 32.4rem;
  padding: 2rem 0;
  border-radius: 0.8rem;
}
.modal .modal-title {
  font-size: 2rem;
  font-weight: var(--font-bold);
  line-height: 3rem;
}
.modal .modal-footer {
  margin-top: 2rem;
  text-align: center;
}
.modal .modal-footer .btn-box {
  justify-content: center;
}
.modal .modal-footer .btn {
  min-width: 9.8rem;
  max-width: 19.4rem;
  font-weight: var(--font-regular);
}
.modal .modal-search {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}
.modal .modal-search .input-text {
  flex-direction: row;
  gap: 1.2rem;
}
.modal .modal-search .input-text.short {
  gap: 0.8rem;
}
.modal .modal-search .input-text.short input {
  width: 10rem;
}
.modal .modal-search .input-text.short label {
  font-weight: var(--font-regular);
}
.modal .modal-search + .table-box {
  margin-top: 2rem;
}
.modal .modal-search button {
  font-weight: var(--font-regular);
}
.modal .input-text {
  display: flex;
  align-items: center;
}
.modal .input-text input {
  width: 36rem;
}
.modal .list-upload .input-text {
  align-items: flex-start;
}
.modal .list-upload .input-text + div {
  margin-top: 2.4rem;
}
.modal .list-upload .input-text > input {
  width: calc(100% - 4rem);
}
.modal .list-upload .input-text.Nphone {
  padding-right: 4rem;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 1.2rem;
}
.modal .list-upload .input-text.Nphone > .form-label {
  flex-basis: 100%;
}
.modal .list-upload .input-text.Nphone > input {
  flex: 1;
  width: calc(100% - 4rem);
  text-align: center;
}
.modal .list-upload .textarea-wrap .txtarea {
  width: calc(100% - 4rem);
}
.modal .list-upload .list-formbox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modal .list-upload .list-formbox > .box {
  flex: 1;
}
.modal .list-upload .list-formbox > .box:first-child {
  border-right: 1px solid #C2C2C2;
}
.modal .list-upload .list-formbox > .box:last-child {
  padding-left: 4rem;
}
.modal .list-upload .list-formbox + .btn {
  display: block;
  margin: 3.2rem auto 0;
  width: 12.2rem;
}
.modal .list-upload .list-formbox.spread-type {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  row-gap: 2.4rem;
}
.modal .list-upload .list-formbox.spread-type .box:first-child {
  padding-right: 4rem;
}
.modal .list-upload .list-formbox.spread-type .box:last-child {
  flex-basis: 100%;
  padding-left: 0;
}
.modal .list-upload .list-formbox.spread-type .box input {
  width: 100%;
}
.modal .list-upload .list-formbox.spread-type .box textarea {
  width: 100%;
  min-height: 15.6rem;
}
.modal .list-upload .list-formbox.spread-type .box .Nphone {
  padding-right: 0;
}
.modal .list-upload .select-box {
  width: 100%;
}
.modal .list-upload .select-box > button {
  width: 100%;
}
.modal .list-upload .form-label {
  display: block;
  margin-bottom: 0.8rem;
}
.modal .list-upload .st-listbox {
  overflow: auto;
  max-height: 32.6rem;
}
.modal .modal-info {
  padding: 1.6rem 3rem;
  border-radius: 0.8rem;
  background-color: #F2F2F2;
  text-align: center;
}
.modal .modal-info .title {
  font-size: 2rem;
  font-weight: var(--font-regular);
  color: #000;
}
.modal .info-txt {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  color: #555;
  line-height: 2.3rem;
}

.bank-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 18.4rem;
  padding: 1.1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 5.8rem;
  background-color: var(--white);
}
.bank-item:hover, .bank-item.on {
  background-color: #f2f2f2;
}

.dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
.dim.show {
  display: block;
}

/*Tab 리스트*/
.tab-box {
  width: 100%;
}
.tab-box > .t-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.tab-box > .t-btn > button {
  position: relative;
  padding: 1.3rem 0;
  font-weight: bold;
  font-size: 2rem;
  color: #7F7F7F;
  flex: 1;
}
.tab-box > .t-btn > button::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #C2C2C2;
  content: "";
}
.tab-box > .t-btn > button.on {
  color: #4D4DFF;
}
.tab-box > .t-btn > button.on::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background-color: #4D4DFF;
  content: "";
}
.tab-box > .t-btn > button.on span + em + span {
  padding-left: 4rem;
  background: url(/images/agnt/icon_arrow_right_blue.svg) no-repeat 0.8rem;
}
.tab-box > .t-btn > button span + em + span {
  padding-left: 4rem;
  background: url(/images/agnt/icon_arrow_right_gray.svg) no-repeat 0.8rem;
}
.tab-box .panel {
  padding-top: 3.2rem;
}
.tab-box .panel > .tab-list {
  display: none;
}
.tab-box .panel > .tab-list.on {
  display: block;
}

/*테이블*/
.table-box {
  overflow: auto;
  width: 100%;
  height: 50rem;
}
.table-box.t-center > table {
  text-align: center;
}
.table-box > table {
  width: inherit;
  text-align: left;
}
.table-box > table th,
.table-box > table td {
  padding: 1rem 1.6rem;
  font-size: 1.8rem;
  line-height: 2.3rem;
}
.table-box > table > thead > tr {
  border-bottom: 1px solid #D2D2FF;
}
.table-box > table > thead > tr > th {
  padding: 1.2rem 1.6rem;
  font-weight: bold;
  background-color: #F9F9FF;
}
.table-box > table > tbody > tr {
  border-bottom: 1px solid #C2C2C2;
}
.table-box > table > tbody > tr td {
  color: #7F7F7F;
}
.table-box > table.gray-type tbody tr:nth-child(4n-1), .table-box > table.gray-type tbody tr:nth-child(4n) {
  background-color: #fbfbfb;
}

/* 팝업 > 내정보 관리 */
.my-info > .box {
  overflow: hidden;
  padding: 2.4rem 3.2rem;
  border-radius: 1.2rem;
  background: #F8F8F8;
}
.my-info > .box > .item {
  display: flex;
  margin-bottom: 3.2rem;
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1.2rem;
  font-size: 2rem;
  color: #1d1d1d;
}
.my-info > .box > .item:last-child {
  margin-bottom: 0;
}
.my-info > .box > .item > span {
  vertical-align: top;
}
.my-info > .box > .item > span:first-child {
  display: inline-block;
  width: 18rem;
  flex-basis: 18rem;
  flex-shrink: 0;
  font-weight: bold;
}
.my-info > .box > .item > span:last-child {
  flex: 1;
}
.my-info > .box > .item .btn.enable {
  width: auto;
  padding: 0.6rem 1.6rem;
  font-size: 1.8rem;
  font-weight: var(--font-regular);
  line-height: 0;
}
.my-info ul {
  margin-top: 2rem;
}
.my-info ul > li {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.8rem;
  color: #555;
}
.my-info ul > li::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "*";
}

.sliding-box > .box > .title-header {
  display: inline-flex;
  width: 100%;
  border-bottom: 0.2rem solid #1d1d1d;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.sliding-box > .box > .title-header > span {
  display: inline-block;
  padding: 1.4rem 1.6rem;
}
.sliding-box > .box > .title-header > span:nth-child(1) {
  width: 10rem;
}
.sliding-box > .box > .title-header > span:nth-child(2) {
  flex: 1;
}
.sliding-box > .box > .title-header > span:nth-child(3) {
  width: 14.8rem;
}
.sliding-box > .box > ul {
  overflow: auto;
  width: 100%;
  max-height: 45rem;
}
.sliding-box > .box > ul > li {
  border-bottom: 1px solid #C2C2C2;
}
.sliding-box > .box > ul > li.on > .sd-btn {
  background-color: #F9F9FF;
}
.sliding-box > .box > ul > li.on > .sd-btn > span:nth-child(2) {
  color: #1d1d1d;
}
.sliding-box > .box > ul > li > .sd-btn {
  display: inline-flex;
  width: 100%;
  color: #555;
  cursor: pointer;
}
.sliding-box > .box > ul > li > .sd-btn:hover {
  background-color: #F9F9FF;
}
.sliding-box > .box > ul > li > .sd-btn:hover > span:nth-child(2) {
  color: #1d1d1d;
}
.sliding-box > .box > ul > li > .sd-btn > span {
  padding: 0.8rem 1.2rem;
  color: #7F7F7F;
}
.sliding-box > .box > ul > li > .sd-btn > span > em {
  overflow: hidden;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  text-indent: -999.9rem;
  white-space: nowrap;
}
.sliding-box > .box > ul > li > .sd-btn > span:nth-child(1) {
  width: 10rem;
}
.sliding-box > .box > ul > li > .sd-btn > span:nth-child(2) {
  flex: 1;
}
.sliding-box > .box > ul > li > .sd-btn > span:nth-child(3) {
  width: 14.8rem;
}
.sliding-box > .box > ul > li .sd-content {
  overflow: auto;
  display: none;
  max-height: 22rem;
  padding: 2rem 1.6rem;
}

.floating-btn {
  position: absolute;
  top: 0;
  right: -3rem;
  width: auto;
  height: 100%;
}
.floating-btn > button {
  position: fixed;
}
.floating-btn > button.flt-bottom {
  bottom: 0;
}

/* 전월세 계산기 */
.cal .box {
  display: flex;
  flex-direction: column;
}
.cal .box + button {
  display: block;
  max-width: 14.5rem;
  margin: 4rem auto 0;
  font-weight: var(--font-regular);
}
.cal .input-text {
  display: flex;
  margin-bottom: 12px;
  font-size: 2rem;
  flex-direction: row;
  gap: 2rem;
}
.cal .input-text .form-label {
  width: 14rem;
}
.cal .input-text .form-label .icon_question {
  margin-left: 0.4rem;
}
.cal .input-text .form-label, .cal .input-text span {
  font-weight: var(--font-regular);
  color: #555;
}
.cal .input-text input[type=text] {
  width: 14.8rem;
  text-align: right;
}
.cal .input-text input[type=text]:-moz-read-only {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--outline);
  border-left: none;
  border-radius: 0;
  background: #fff;
}
.cal .input-text input[type=text]:read-only {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--outline);
  border-left: none;
  border-radius: 0;
  background: #fff;
}
.cal .input-text input[type=text]:disabled {
  border: 1px solid var(--outline);
  background: #f2f2f2;
  border-radius: 8px;
}
.cal .input-text input[type=text].result {
  font-weight: bold;
  font-size: 2.4rem;
}
.cal .input-text input[type=text].result.point {
  color: #4D4DFF;
}

.list-upload {
  position: relative;
}
.list-upload > .asterisk {
  position: absolute;
  top: -3.4rem;
  right: 0;
  font-size: 1.8rem;
  color: #555;
}
.list-upload .sub-title {
  font-size: 1.6rem;
  color: #1d1d1d;
}

.asterisk {
  position: relative;
}
.asterisk > .aster {
  position: absolute;
  top: 0.6rem;
}
.asterisk.left {
  padding-left: 0.8rem;
}
.asterisk.left > .aster {
  left: 0;
}
.asterisk.right {
  padding-right: 1rem;
}
.asterisk.right > .aster {
  right: 0;
}

/* pagination */
.pagination {
  display: flex;
  margin-top: 2.4rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.pagination > li > a {
  overflow: hidden;
  display: inline-block;
  min-width: 4rem;
  min-height: 4rem;
  padding-top: 0.5rem;
  border-radius: 0.6rem;
  font-size: 1.8rem;
  color: #555;
  box-sizing: border-box;
}
.pagination > li > a .ico {
  margin: 0 0.5rem;
}
.pagination > li.active > a {
  background: #9494FF;
  color: #fff;
}

/* Tooltip */
.tooltip-box {
  position: absolute;
  top: -14rem;
  left: 9.3rem;
  display: none;
  max-width: 29.9rem;
  padding: 2rem;
  flex-direction: column;
  gap: 0.8rem;
  border: 1px solid var(--outline);
  border-radius: 1.2rem;
  font-size: 1.6rem;
  background-color: #fff;
  z-index: 100;
}
.tooltip-box:after {
  position: absolute;
  bottom: -1.2rem;
  left: 2.3rem;
  width: 2.2rem;
  height: 1.2rem;
  background: url(/images/agnt/icon_tooltip_arrow.svg);
  content: "";
}
.tooltip-box.TipOn {
  display: flex;
}
.tooltip-box .tooltip-header {
  position: relative;
}
.tooltip-box .tooltip-header .tooltip-title {
  font-weight: var(--font-bold);
  color: #1d1d1d;
}
.tooltip-box .tooltip-header .icon_close_20px {
  position: absolute;
  top: 0;
  right: 0;
}
.tooltip-box .tooltip-content {
  font-weight: var(--font-regular);
  color: #555;
  line-height: 2.6rem;
}

/* 공통 레이아웃 flex */
.flex {
  display: flex;
  flex-direction: row;
}
.flex.fx-between {
  justify-content: space-between;
}
.flex.fx-start {
  justify-content: flex-start;
}
.flex.fx-end {
  justify-content: flex-end;
}
.flex.fx-center {
  justify-content: center;
}
.flex.fx-top {
  align-items: flex-start;
}
.flex.fx-center-item {
  align-items: center;
}
.flex.fx-end-item {
  align-items: end;
}
.flex.fx-row {
  flex-direction: column;
}
.flex.fx-col-rev {
  flex-direction: column-reverse;
}

.row-gap-16 {
  row-gap: 1.6rem;
}

.row-gap-20 {
  row-gap: 2rem;
}

.row-gap-24 {
  row-gap: 2.4rem;
}

.col-gap-12 {
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
}

.col-gap-20 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.col-gap-24 {
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
}

/*wrap-unset*/
.no-wrap {
  overflow: unset !important;
}

/* bridge 공통 색상 */
.bridge {
  overflow: hidden;
  min-width: 8.8rem;
  padding: 0.8rem 1rem;
  font-weight: bold;
  font-size: 2.6rem;
  border-radius: 3.8rem;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}
.bridge.cor-01 {
  background-color: #2F83EE;
}
.bridge.cor-02 {
  background-color: #2EA98B;
}
.bridge.cor-03 {
  background-color: #E96363;
}

/* tag */
.tag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4rem;
  height: 3.8rem;
  border-radius: 0.4rem;
  font-weight: var(--font-regular);
  color: #000;
}
.tag.cor-01 {
  background-color: #FFDF4D;
}
.tag.cor-02 {
  background-color: #2E83ED;
}
.tag.cor-03 {
  background-color: #00A475;
}
.tag.cor-04 {
  background-color: #3636B3;
  color: var(--white);
}
.tag.cor-05 {
  background-color: #555555;
  color: var(--white);
}

/*important*/
.mg-t12 {
  margin-top: 1.2rem !important;
}

.mg-t16 {
  margin-top: 1.6rem !important;
}

.mg-t20 {
  margin-top: 2rem !important;
}

.mg-t60 {
  margin-top: 6rem !important;
}

.mg-r8 {
  margin-right: 0.8rem !important;
}

.center {
  text-align: center !important;
}

.dis-b {
  display: block !important;
}

/* ico */
.ico {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.ico.logo_pc {
  width: 139px;
  height: 60px;
  background-image: url(/images/agnt/logo_pc.svg);
}
.ico.icon_gnb02 {
  width: 40px;
  height: 40px;
  background-image: url(/images/agnt/icon_gnb02.svg);
}
.ico.icon_gnb03 {
  width: 40px;
  height: 40px;
  background-image: url(/images/agnt/icon_gnb03.svg);
}
.ico.icon_move_20px {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_move_20px.svg);
}
.ico.icon_close_20px {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_close_20px.svg);
}
.ico.icon_close_24px {
  width: 24px;
  height: 24px;
  background-image: url(/images/agnt/icon_close_24px.svg);
}
.ico.icon_close_40px {
  width: 40px;
  height: 40px;
  background-image: url(/images/agnt/icon_close_40px.svg);
}
.ico.icon_kakaobank {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_kakaobank.svg);
}
.ico.icon_question {
  width: 24px;
  height: 24px;
  background-image: url(/images/agnt/icon_question.svg);
}
.ico.icon_info {
  width: 24px;
  height: 24px;
  background-image: url(/images/agnt/icon_info.svg);
}
.ico.icon_cal {
  width: 82px;
  height: 112px;
  background-image: url(/images/agnt/icon_cal.svg);
}
.ico.next {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/next.svg);
}
.ico.prev {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/prev.svg);
}
.ico.noti {
  width: 48px;
  height: 48px;
  background-image: url(/images/agnt/noti.svg);
}
.ico.wrng {
  width: 48px;
  height: 48px;
  background-image: url(/images/agnt/wrng.svg);
}
.ico.aster {
  width: 8px;
  height: 6px;
  background-image: url(/images/agnt/aster.svg);
}
.ico.trash {
  width: 24px;
  height: 24px;
  background-image: url(/images/agnt/trash_pc.svg);
}
.ico.happy-call {
  width: 82px;
  height: 82px;
  background-image: url(/images/agnt/happy-call.svg);
}
.ico.icon_buil {
  width: 40px;
  height: 40px;
  background-image: url(/images/agnt/snb_buil.svg);
}
.ico.icon_per {
  width: 40px;
  height: 40px;
  background-image: url(/images/agnt/snb_per.svg);
}
.ico.icon_hana {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_hana.svg);
}
.ico.icon_ibk {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_ibk.svg);
}
.ico.icon_im {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_im.svg);
}
.ico.icon_k {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_k.svg);
}
.ico.icon_kdb {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_kdb.svg);
}
.ico.icon_kg {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_kg.svg);
}
.ico.icon_kookmin {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_kookmin.svg);
}
.ico.icon_mg {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_mg.svg);
}
.ico.icon_nonghyup {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_nonghyup.svg);
}
.ico.icon_postoffice {
  width: 28px;
  height: 14px;
  background-image: url(/images/agnt/icon_postoffice.svg);
}
.ico.icon_sbi {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_sbi.svg);
}
.ico.icon_sc {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_sc.svg);
}
.ico.icon_sh {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_sh.svg);
}
.ico.icon_shinhan {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_shinhan.svg);
}
.ico.icon_shinhyup {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_shinhyup.svg);
}
.ico.icon_toss {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_toss.svg);
}
.ico.icon_wuri {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_wuri.svg);
}
.ico.icon_bnk {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_bnk.svg);
}
.ico.icon_city {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_city.svg);
}
.ico.icon_kakao{
  width:14px;
  height:14px;
  background-image:url(/images/agnt/kakao-alram.svg);
}
.ico.icon_tongyang {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_tongyang.svg);
}
.ico.icon_heungkuk {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_heungkuk.svg);
}
.ico.icon_abl {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_abl.svg);
}
.ico.icon_samsung_fire {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_samsung_fire.svg);
}
.ico.icon_fubon {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_fubon.svg);
}
.ico.icon_samsung {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_samsung.svg);
}
.ico.icon_hanwha {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_hanwha.svg);
}
.ico.icon_kyobo {
  width: 20px;
  height: 20px;
  background-image: url(/images/agnt/icon_kyobo.svg);
}

/* root */
:root {
  --white:#fff;
  --primary-p100:#F9F9FF;
  --primary-p200:#EBEBFF;
  --primary-p300:#D2D2FF;
  --primary-p400:#9494FF;
  --primary-p500:#7070FF;
  --primary-p600:#4D4DFF;
  --primary-p700:#3636B3;
  --warning:#FF554D;
  --outline:#c2c2c2;
  --font-regular:400;
  --font-medium:500;
  --font-bold:700;
}

.txt {
  color: #7f7f7f;
}

.color-pr {
  color: var(--primary-p600);
}/*# sourceMappingURL=common.css.map */