@charset "UTF-8";
/* 홈페이지 */
@font-face {
  font-family: KBFGText;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("KB금융 본문체 Light"), url("/CMN/common/fonts/KBFGTextL_subset.woff2") format("woff2"), url("/CMN/common/fonts/KBFGTextL_subset.woff") format("woff");
} 

@font-face {
  font-family: KBFGText;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("KB금융 본문체 Medium"), url("/CMN/common/fonts/KBFGTextM_subset.woff2") format("woff2"), url("/CMN/common/fonts/KBFGTextM_subset.woff") format("woff");
}  

@font-face {
  font-family: KBFGDisplayM;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("KB금융 제목체 Medium"), url("/CMN/common/fonts/KBFGDisplayM_subset.woff2") format("woff2"), url("/CMN/common/fonts/KBFGDisplayM_subset.woff") format("woff");
}

/* asis 스타일 초기화 */
.mT0 {
  margin-top: 0px !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT15 {
  margin-top: 15px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT25 {
  margin-top: 25px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT35 {
  margin-top: 35px !important;
}

.mT40 {
  margin-top: 40px !important;
}

.mT45 {
  margin-top: 45px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.marT0 {
  margin-top: 0 !important;
}

.marT5 {
  margin-top: 5px !important;
}

.marT10 {
  margin-top: 10px !important;
}

.marT15 {
  margin-top: 15px !important;
}

.marT20 {
  margin-top: 20px !important;
}

.marT25 {
  margin-top: 25px !important;
}

.marT30 {
  margin-top: 30px !important;
}

.marT35 {
  margin-top: 35px !important;
}

.marT40 {
  margin-top: 40px !important;
}

.marT45 {
  margin-top: 45px !important;
}

.marT50 {
  margin-top: 50px !important;
}

.marT60 {
  margin-top: 60px !important;
}

.marT70 {
  margin-top: 70px !important;
}

.marT90 {
  margin-top: 90px !important;
}

.marT100 {
  margin-top: 100px !important;
}

strong {
  font-weight: 600;
}

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

.t_left {
  text-align: left !important;
}

.t_right {
  text-align: right !important;
}

.f_left {
  float: left !important;
}

.f_right {
  float: right !important;
}

#header .headWrap .kbGnb .inner .gnb li .linkDep1 span {
  font-family: 'KBFGDisplayM';
}

#header .headWrap .kbGnb .inner .gnbSub .inner .gnbDep2 > li .titGnb2 {
  font-weight: 600;
}

#header .searchTop .popularList .searchList .list li a {
  font-weight: 600;
  font-size: 1.4rem;
}

#header .searchTop .popularList .searchList .pBanner a strong {
  font-weight: 600;
}

.pageTop {
  margin-left: 556px !important;
}

.pageLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -97px 0 0 -155px;
  text-align: center;
  z-index: 10000;
}

.pageLoading img {
  border-radius: 13px;
}

.pageLoading .loading {
  position: relative;
  z-index: 11;
}

.pageLoading .loadingTxt {
  position: absolute;
  top: 140px;
  left: 0;
  width: 310px;
  color: #4b4101;
  font-size: 18px;
}

.pageLoading .loading.loadingtype2 {
  background: url(https://img1.kbcard.com/LT/images_r/common/bg_loading.png) no-repeat;
}

.pageLoading .loading.loadingtype2 div {
  overflow: hidden;
  position: absolute;
  left: 90px;
  top: 79px;
  width: 180px;
  height: 11px;
  padding: 2px;
  background: #fff;
}

.pageLoading .loading.loadingtype2 div span {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 180px;
  height: 11px;
}

.pageLoading .loading.loadingtype2 div span .bar {
  display: inline-block;
  position: absolute;
  left: -180px;
}

.boxType1 .titTip2,
.boxType2 .titTip2 {
  padding-bottom: 5px;
  font-weight: 600;
}

.boxType1 .listType_tit,
.boxType2 .listType_tit {
  display: block;
  margin-bottom: 10px;
}

.boxType1 .tipArea,
.boxType2 .tipArea {
  margin-top: 0 !important;
}

.boxType1 .errorWrap,
.boxType2 .errorWrap {
  position: relative;
  display: table;
  width: 100%;
  min-height: 102px;
  padding: 24px 24px 24px 90px;
  margin-bottom: 40px;
  border-radius: 12px;
  background-color: #f9fafc;
}

.boxType1 .errorWrap:after,
.boxType2 .errorWrap:after {
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  margin-top: 0;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url(https://img1.kbcard.com/home_re/pc/ico/56/ico-nodata-circle.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.boxType1 .errorWrap .tit,
.boxType2 .errorWrap .tit {
  display: block;
  font-size: 1.8rem;
  margin-bottom: 8px;
}

.boxType1 .laybtnArea,
.boxType2 .laybtnArea {
  margin-top: 24px;
  text-align: center;
}

.boxType1 .laybtnArea .kbBtn,
.boxType2 .laybtnArea .kbBtn {
  min-width: 100px;
}

.boxType1 .colPoint1,
.boxType2 .colPoint1 {
  color: #e44b3a !important;
}

.boxType1 .listType2,
.boxType2 .listType2 {
  margin: 25px 30px 19px 30px;
}

.boxType1 .date,
.boxType2 .date {
  margin-bottom: 14px;
  font-weight: 600;
}

.titDep1 {
  margin: 30px 0 10px;
  line-height: 32px;
  font-size: 2rem;
  font-weight: 600;
}

.titDep2,
.titdep2 {
  margin: 30px 0 10px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 32px;
}

.titDep3 {
  margin-bottom: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}

.titDep4 {
  margin-bottom: 18px;
  font-size: 1.6rem;
  font-weight: 600;
}

.titDep5 {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 600;
}

.titDep6 {
  margin-bottom: 18px;
  color: #666;
  font-size: 14px;
  font-weight: 600;
}

.titDep7 {
  margin-bottom: 18px;
  font-size: 30px;
  font-weight: 600;
}

.titArea {
  position: relative;
  min-height: 16px;
  margin-bottom: 18px;
}

.titArea .titDep2 {
  margin: 0;
}

.titArea .txtNess,
.titArea .txtUnit {
  position: absolute;
  bottom: 0;
  right: 0;
}

.txtTotal {
  margin-top: 18px;
  font-size: 18px;
}

.txtNess strong {
  color: #e44b3a;
}

.tblH {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
}

.tblH th,
.tblH td {
  vertical-align: middle;
  text-align: center;
  padding: 17px 10px;
  border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}

.tblH th:first-child,
.tblH td:first-child {
  border-left: 0;
}

.tblH th.t_left,
.tblH td.t_left {
  text-align: left;
}

.tblH td {
  color: rgba(0, 0, 0, 0.47);
}

.tblH thead th {
  border-bottom: 0;
  border-top: 1px solid #d6d6d6;
  padding: 12px 10px;
  font-weight: 400;
  background: #f5f5f5;
}

.tblH thead tr:first-child th {
  border-top: 2px solid #666;
}

.tblH tbody th,
.tblH tbody td {
  font-weight: 600;
}

.tblH tbody tr:first-child th,
.tblH tbody tr:first-child td {
  border-top: 1px solid #666;
}

.tblV {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
}

.tblV th,
.tblV td {
  vertical-align: middle;
  padding: 17px 10px;
  font-size: 1.5rem;
  color: #000;
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #626262;
}

.tblV th br,
.tblV td br {
  line-height: 24px;
}

.tblV th {
  background: #f5f5f5;
  font-weight: 400;
}

.tblV td {
  font-weight: 600;
}

.tblV tr:first-child th,
.tblV tr:first-child td {
  border-top: 2px solid #666;
}

.tblV th:last-child,
.tblV td:last-child {
  border-right: 0;
}

.tblH .cellLine, .tblV .cellLine{border-left: 1px solid #d6d6d6 !important;}

.listType1 > li {
  position: relative;
  padding: 0 0 10px 12px;
  line-height: 24px;
}

.listType1 > li:before {
  content: "\2012";
  position: absolute;
  left: 0;
  top: -2px;
}

.listType1 > li .listDep2 {
  margin-top: 7px;
}

.listType1 > li .listDep2 > li {
  position: relative;
  padding: 0 0 2px 15px;
}

.listType1 > li .listDep2 > li:before {
  content: '▷';
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 1rem;
}

.listType1 li .btnLink {
  margin-top: 6px;
}

.listType1 li .listNum1 {
  margin-top: 18px;
}

.listType1 li .tblH + .listType3 {
  margin: 7px 0 0 0;
}

.listType1 li .listType3 {
  margin-top: 5px;
}

.listType1.list-dash li {
  padding: 0 0 0 10px;
}

.listType2 li {
  padding: 0 0 7px 8px;
  line-height: 1.6;
  background: url(https://img1.kbcard.com/LT/images_r/common/bult_sq02.gif) no-repeat 0 9px;
}

.listType2 li .btnLink2 {
  margin: 5px 0 13px;
}

.listType3 li,
.txtStar {
  padding: 0 0 4px 8px;
  font-size: 12px;
  line-height: 1.5;
  background: url(https://img1.kbcard.com/LT/images_r/common/bult_star.gif) no-repeat 0 7px;
}

.listType5 li,
.txtStar02 {
  padding: 0 0 4px 9px;
  font-size: 12px;
  line-height: 1.5;
  background: url(https://img1.kbcard.com/LT/images_r/common/bult_star02.png) no-repeat 0 1px;
}

.txtStar {
  margin-top: 3px;
  padding-bottom: 0;
  color: #333;
}

.txtStar02 {
  padding: 0 0 0 9px;
}

.listNum1 li {
  position: relative;
  padding: 0 0 5px 18px;
  line-height: 1.45;
  background: none;
}

.listNum1 li span {
  position: absolute;
  top: 0;
  left: 0;
}

.listNum2 {
  padding-left: 19px;
}

.listNum2 li {
  list-style: decimal;
  padding-bottom: 8px;
  line-height: 22px;
}

.withDrawList {
  position: relative;
  padding: 0 0 10px 12px;
  line-height: 24px;
}

.withDrawList:before {
  content: "\2012";
  position: absolute;
  left: 0;
  top: -2px;
}

.btnArea {
  margin-top: 30px;
  text-align: center;
}

.btnArea .kbBtn {
  margin: 0 3px;
}

.kbBtn {
  overflow: visible;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000;
  white-space: nowrap;
  vertical-align: middle;
}

.kbBtn.action {
  border-color: #ffcc00;
  background: #ffcc00;
}

.btnL {
  min-width: 60px;
  padding: 2px 20px 0 20px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 3;
  border-radius: 5px;
  background: #e8eaef;
}

.btnLink2 {
  padding: 1px 26px 0 10px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.43;
  border-radius: 3px;
  background: #6b727f;
}

.btnLink2:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 6px;
  height: 10px;
  background: url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -159px 0;
}

.btnLink2:hover {
  text-decoration: underline;
}

.btnXS {
  padding: 0 9px;
  font-size: 1.2rem;
  line-height: 2;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  background: #fff;
}

.btnS {
  min-width: 40px;
  padding: 0 10px;
  line-height: 38px;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  background: #f3f3f3;
}

.btnSpe {
  padding: 1px 60px 0 14px;
  font-size: 16px;
  border-color: #333;
  letter-spacing: -1px;
  background: #fff;
}

.btnSpe:after {
  content: '';
  display: block;
  position: absolute;
  top: 14px;
  right: 10px;
  width: 6px;
  height: 10px;
  background: url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -50px 0;
}

.btnLink {
  padding: 1px 39px 0 10px !important;
  font-size: 1.2rem;
  line-height: 2.27;
  border: 1px solid #8b929e;
  border-radius: 30px;
  background: #fff;
}

.btnLink:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 29px;
  height: 28px;
  border-radius: 0 2px 2px 0;
  background: #8b929e url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -19px 9px;
}

.btnLink.btnWhite:after {
  top: 10px;
  right: 10px;
  width: 6px;
  height: 10px;
  background-position: -50px 0;
  background-color: transparent;
}

.benefitBox1 {
  position: relative;
}

.benefitBox1 .titArea {
  display: table-cell;
  width: 640px;
  min-height: 0;
  margin: 0;
  padding: 0 0 20px 80px;
  vertical-align: middle;
}

.benefitBox1 .titArea .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
}

.benefitBox1 .titArea .txt {
  padding-top: 5px;
  font-size: 2.4rem;
  line-height: 1.27;
}

.benefitBox1 .titArea .txt strong {
  font-size: 2.4rem;
  line-height: 1.27;
  font-weight: 600;
}

.txtInfo {
  position: relative;
  padding-left: 20px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.txtInfo:before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://img1.kbcard.com/LT/images_r/common/bg_icon.png) no-repeat;
}

.txtInfo strong {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 600;
}

.txtInfo.td_i {
  display: inline-block;
}

.layContents {
  /* 테이블 */
  /* popup 안 요소들 재정의 */
}

.layContents .refer {
  margin-top: 10px;
}

.layContents input[type="text"],
.layContents input[type="password"] {
  height: 36px;
  line-height: 36px;
}

.layContents .txtUnit {
  font-size: 12px;
}

.layContents .titDep2 {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.layContents .titDep2:first-child {
  margin-top: 0;
}

.layContents .titDep3 {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.layContents .titArea {
  margin-bottom: 10px;
}

.layContents .selectbox {
  height: 30px;
}

.layContents .selectbox .tit > span {
  height: 28px;
  line-height: 28px;
}

.layContents .selectbox .tit > span:after {
  top: 13px;
}

.layContents .selectbox .tit.on > span {
  line-height: 26px;
}

.layContents .hyphen {
  line-height: 30px;
  vertical-align: middle;
}

.layContents .btnS.icon.reset:before {
  top: 6px;
}

.layContents .listType1 li {
  padding-bottom: 10px;
}

.layContents .listType1.list-dash li {
  padding-bottom: 0;
}

.layContents .withdrawWrap.agreeOne .withdrawCon .kbBtn {
  top: 6px;
  right: 135px;
}

.layContents .withdrawCont .titWith {
  padding-top: 9px;
  height: 20px;
  font-size: 14px;
  line-height: 18px;
}

.layContents .withdrawCont .agreeRad .formRad {
  padding: 9px 24px 9px 26px;
}

.layContents .withdrawCont .agreeRad .formRad label:before,
.layContents .withdrawCont .agreeRad .formRad input[type=radio] {
  top: 9px;
  left: 26px;
}

.layContents .withdrawCont .agreeRad.radOFF .formRad {
  padding: 0;
}

.layContents .withdrawCont .agreeRad.radOFF label {
  padding: 9px 24px 10px 56px;
}

.layContents .withdrawCont .agreeChk .formChk label:before,
.layContents .withdrawCont .agreeChk .formChk input[type=checkbox] {
  top: 9px;
  left: 26px;
}

.layContents .withdrawCont .agreeChk .chkOFF label {
  padding: 9px 24px 10px 56px !important;
}

.layContents .withDrawList {
  padding-bottom: 10px;
}

.layContents .inputArea1 {
  padding: 20px 0;
  text-align: center;
}

.layContents .tblScroll {
  overflow: auto;
  max-height: 230px;
  border: 1px solid #e1e1e1;
}

.layContents .tblScroll .tblH {
  border-bottom: none;
}

.layContents .tblScroll .tblH tr:first-child th {
  border-top: none;
}

.layContents .tblScroll .tblH .nodata {
  border-bottom: 1px solid #e1e1e1;
}

.layContents .keypadType {
  height: 18px;
  line-height: 18px;
  padding: 5px;
}

.layContents .guideInfo {
  line-height: 22px;
}

.layContents .contLine {
  padding-bottom: 20px;
  border-bottom: 1px solid #c2c2c2;
}

.layContents .timeCert {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  line-height: 16px;
}

.layContents .timeCert:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -3px 3px 0 0;
  vertical-align: middle;
  background: url(https://img1.kbcard.com/LT/images_r/common/bult_time.gif) no-repeat;
}

.layContents .tipArea {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.layContents .tipArea .titTip {
  padding: 20px 20px 10px;
  font-size: 14px;
  line-height: 27px;
  border: none;
}

.layContents .tipArea .titTip:before {
  top: 25px;
  left: 19px;
  width: 10px;
  height: 13px;
  background-position: -40px 0;
}

.layContents .tipArea .listType1 {
  padding: 0 20px 8px 20px;
}

.layContents .tipArea .listType1 li {
  padding-bottom: 6px;
  font-size: 12px;
}

.layContents.pop-container .tblScroll {
  max-height: none;
  border: none;
  border-top: 1px solid #e1e1e1;
}

.layContents .tblH .tdInp,
.layContents .tblV .tdInp {
  padding: 4px 10px;
}

.layContents table {
  word-wrap: break-word;
  word-break: break-all;
}

.layContents table * {
  line-height: 24px;
}

.layContents table th,
.layContents table td {
  vertical-align: middle;
  text-align: center;
  padding: 12px;
  border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}

.layContents table th:first-child,
.layContents table td:first-child {
  border-left: 0;
}

.layContents table th br,
.layContents table td br {
  line-height: 24px;
}

.layContents table td * {
  font-size: 1.3rem;
}

.layContents table thead th {
  border-bottom: 0;
  border-top: 1px solid #d6d6d6;
  font-size: 1.5rem;
}

.layContents table thead tr:first-child th {
  border-top: 2px solid #666;
}

.layContents table tbody th,
.layContents table tbody td {
  font-weight: 600;
}

.layContents table tbody tr:first-child th,
.layContents table tbody tr:first-child td {
  border-top: 1px solid #666;
}

.layContents .errorWrap {
  position: relative;
  display: table;
  width: 100%;
  min-height: 102px;
  padding: 24px 24px 24px 88px;
  margin-bottom: 16px;
  border-radius: 12px;
  background-color: #f9fafc;
}

.layContents .errorWrap:after {
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  margin-top: 0;
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url(https://img1.kbcard.com/home_re/pc/ico/48/ico-exclamation.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.layContents .errorWrap .tit {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.layContents .errorWrap .code {
  display: block;
  margin: 8px 0;
}

.layContents .errorWrap > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.poptitDep2 {
  margin: 0 0 24px;
  line-height: 1.47;
  font-size: 2rem;
}

.pop-wrap .dimmed {
  display: none;
}

.page.first,
.page.last {
  display: none;
}

/* 버튼 초기화 */
.kbBtn.action.form-field__btn-search {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 16px;
  margin-top: -12px;
  font-size: 0;
  width: 24px;
  min-width: auto;
  height: 24px;
  padding: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-search.png") 0 0 no-repeat;
  background-size: 100% auto;
  border: none;
}

.kbBtn.action.form-field__btn {
  display: flex;
  margin-left: 16px;
  white-space: nowrap;
}

.kbBtn.action.btn {
  display: inline-block;
  vertical-align: middle;
  min-width: 160px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  color: #000;
  background: #fc0;
  border-radius: 4px;
  font-size: 1.8rem;
  text-align: center;
}

.kbBtn.action.btn--ss {
  padding: 0 9px;
  height: 32px;
  line-height: 32px;
  min-width: auto;
  font-size: 1.3rem;
  border-radius: 4px;
}

.kbBtn.action.btn--line-gray {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

.kbBtn.btnXS {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-weight: 600;
  padding: 0 7px;
  height: 32px;
  line-height: 32px;
  min-width: auto;
  font-size: 1.5rem;
  border-radius: 4px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.kbBtn.btnXS:focus{outline: red solid 1px;} 

.addList li .addArea .badge {
  vertical-align: top;
}

.addList li .addArea.existingArea {
  margin-top: 16px;
}

.addList li .addArea.detailArea .addrTxt {display:block; margin-top:6px; margin-left:36px;}

.addList .detailAdd {
  display: none;
  padding-left: 28px;
}

.addList .detailAdd p {
  display: none;
}

/*개인정보 처리방침  리스트 수정 2016.09.30*/
.listLink_tb {
  border-collapse: collapse;
  border-spacing: 0;
}

.listLink_tb tr td {
  border: 1px solid #e5e5e5;
  padding: 10px 30px;
  vertical-align: top;
  line-height: 20px;
}

.listLink_tb tr td a {
  letter-spacing: -1px;
}

.withdrawScroll {
  overflow: auto;
  height: 172px;
  padding: 15px;
  border: 1px solid #e1e1e1;
}

.msgAuto {
  display: block;
  padding: 35px 0 65px;
  color: #614cc2;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}

.msgAuto span {
  color: #614cc2;
  font-size: 28px;
  font-weight: 600;
}

.txtLogout {
  line-height: 22px;
  text-align: center;
}

.pop_zipcode .layContainer {
  height: 700px;
}

.addrSearch {
  padding: 20px;
}

.searchForm {
  padding: 20px 0 10px;
}

.pop-wrap .addrSearch {
  padding: 0;
}

.pop-wrap .searchForm {
  padding: 0;
}

.searchForm .selectbox, .searchForm input[type=text] {
  margin-right: 6px;
}

.searchForm label {
  display: inline-block;
  padding-right: 10px;
}

.resultSearch {
  overflow: auto;
  padding: 10px 20px;
  border: 1px solid #e1e1e1;
}

.resultSearch .resultList li {
  padding: 10px 0;
}

.resultSearch .resultList li a {
  /*display:block;*/
  color: #614cc2;
  text-decoration: underline;
}

.resultSearch .resultList li.noData {
  padding: 82px 0;
  text-align: center;
}

.addrResult {
  min-height: 429px;
  margin-top: 20px;
}

.addrResult .formRad {
  margin-bottom: 10px;
}

.addrResult .formRad label {
  font-weight: 600;
}

.pop_statement {
  overflow: hidden;
  background: #dbf3ef;
}

.titState {
  margin: 20px 40px 10px 40px;
  font-size: 20px;
  font-weight: 600;
  background: url(https://img1.kbcard.com/LT/images_r/common/bg_popLogo.png) no-repeat 100% 0;
}

.pop_statement .layContents {
  padding: 0 40px;
  background: url(https://img1.kbcard.com/LT/images_r/common/bg_state.gif) repeat-y;
}

.tblWrap {
  overflow: hidden;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
}

.tblWrap table th, .tblWrap table td {
  padding: 8px;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}

.tblWrap table th {
  font-weight: 600;
  text-align: left;
  background: #f9f9f9;
}

.tblWrap table td {
  background: #fff;
}

.tblWrap table tr:first-child th {
  border-top: none;
}

.tblWrap table th:first-child, .tblWrap table td:first-child {
  border-left: none;
}

.titDeal {
  margin: 0 30px;
  padding: 30px 0;
  border-bottom: 1px solid #666;
  text-align: center;
  background: url(https://img1.kbcard.com/LT/images_r/common/bg_popLogo.png) no-repeat 0 30px;
}

.titDeal .titLayDep1 {
  padding: 0 0 10px;
  font-size: 30px;
  text-align: center;
  border: none;
}

.dealList {
  margin-top: 10px;
}

.dealList li {
  margin-bottom: 5px;
  font-size: 12px;
}

.txtDeal {
  margin-top: 50px;
  text-align: center;
}

.txtDeal p + p {
  margin-bottom: 10px;
}

.txtDeal strong {
  color: #333;
}

.linkPoint:link, .linkPoint:visited, .linkPoint:hover {
  color: #e44b3a;
  text-decoration: underline;
}

.linkPoint2:link, .linkPoint2:visited, .linkPoint2:hover {
  color: #614cc2;
  text-decoration: underline;
}

/* 2022-03-08 (결함DEFC-0000006971) */
.pop-inner .pop-cont .btnLink.btnWhite:after {
  top: 50%;
  transform: translate(0, -50%);
  width: 16px;
  height: 16px;
  border-radius: 0;
  margin: 0;
  background-position: 0 0;
}

/* 약관 */
.terms .termsDep1 {
  font-weight: 600;
  line-height: 32px;
  font-size: 16px;
}

.terms .termsDep2 {
    font-weight: 600;
}

.terms dt {
  margin-top: 24px;
}

.terms dt:first-child {
  margin-top: 0;
  padding-top: 0;
}

.terms dd {
  padding-top: 14px;
}

.terms dd > dl {
  margin: 0;
}

.terms dd > dl > dt {
  margin: 0;
  padding: 20px 0 3px;
}

.terms dd > dl > dd {
  padding: 0;
}

.terms dd .termsList02:first-child,
.terms dd .termsList02:first-child li:first-child {
  padding-top: 0;
}

p + .terms {
 	margin-top: 24px;
}

.terms .annotation01 {
  padding-left: 5px;
  font-weight: 600;
  color: #0066ff;
}

.terms .annotation02 {
  position: relative;
  padding-left: 20px;
}

.terms .annotation02:after {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 17px;
  height: 17px;
  background: url("https://img1.kbcard.com/LT/images_r/common/bg_icon.png") -56px 0px no-repeat;
}

.terms .annotation02 strong {
  font-weight: 600;
  color: #0066ff;
}

.terms .txtInfo {
  margin-left: 10px;
}

.termsList01,
.termsList02 {
  font-weight: 400;
  font-size: 1.6rem;
}

.termsList01 li,
.termsList02 li {
  padding-top: 10px;
}

.termsList02 {
  padding-top: 4px;
}

.termsList02 li strong {
  font-weight: 400;
}

.termsList02 li > ul,
.termsList02 li > ol {
  padding-bottom: 5px;
}

.terms-area .refer {
  margin-top: 10px;
}

.terms-area table {
  word-wrap: break-word;
  word-break: break-all;
}

.terms-area table * {
  font-size: 1.5rem;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}

.terms-area table th,
.terms-area table td {
  vertical-align: middle;
  text-align: center;
  padding: 12px 5px;
  border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}

.terms-area table th:first-child,
.terms-area table td:first-child {
  border-left: 0;
}

.terms-area table th br,
.terms-area table td br {
  line-height: 24px;
}

.terms-area table td {
  font-size: 1.3rem;
}

.terms-area table thead th {
  border-bottom: 0;
  border-top: 1px solid #d6d6d6;
}

.terms-area table thead tr:first-child th {
  border-top: 2px solid #666;
}

.terms-area table tbody th,
.terms-area table tbody td {
  font-weight: 600;
}

.terms-area table tbody tr:first-child th,
.terms-area table tbody tr:first-child td {
  border-top: 1px solid #666;
}

html, body{color: rgba(0, 0, 0, 0.87);}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

a, input, button, th, td, h1, h2, h3,
h4, h5, h6, select, textarea, label {
  color: rgba(0, 0, 0, 0.87);
}

legend {
  padding: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
  font: 0/0 Arial;
}

* {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  font-family: "KBFGText", sans-serif;
  box-sizing: border-box;
}

html {
	font-size: 10px;
}

body {
  height: 100%;
  font-size: 1.5rem;
  font-weight: 400;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, select, textarea {
  font-family: "KBFGText", sans-serif;
  font-weight: 400;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table caption {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
}

button, input {
  border-radius: 0;
  border: 0;
}

button {
  background-color: transparent;
  cursor: pointer;
}

fieldset {
  border: 0;
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}

address, em, i {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
	outline-offset: -1px;
}

mark {
  background-color: transparent;
}

hr {
  display: none;
}

::-webkit-input-placeholder {
  color: #8c949e;
}

:-moz-placeholder {
  color: #8c949e;
}

::-moz-placeholder {
  color: #8c949e;
}

:-ms-input-placeholder {
  color: #8c949e;
}

.mt0 {
  margin-top: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.pt36 {
  padding-top: 36px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.pt38 {
  padding-top: 38px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.pt44 {
  padding-top: 44px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.ml44 {
  margin-left: 44px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.pt52 {
  padding-top: 52px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.ml52 {
  margin-left: 52px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.mt96 {
  margin-top: 96px !important;
}

.pt96 {
  padding-top: 96px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.pb96 {
  padding-bottom: 96px !important;
}

.ml96 {
  margin-left: 96px !important;
}

.pl96 {
  padding-left: 96px !important;
}

.mr96 {
  margin-right: 96px !important;
}

.pr96 {
  padding-right: 96px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.p0 {
  padding: 0 !important;
}

.m0 {
  margin: 0 !important;
}

.fl-l {
  float: left !important;
}

.fl-r {
  float: right !important;
}

.fl-none {
  float: none !important;
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

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

.v-top {
  vertical-align: top !important;
}

.v-middle {
  vertical-align: middle !important;
}

.v-bottom {
  vertical-align: bottom !important;
}

.bold-l {
  font-weight: 400 !important;
}

.bold-m {
  font-weight: 600 !important;
}

.bold {
  font-weight: 600 !important;
}

.fz13 {
  font-size: 1.3rem !important;
}

.fz15 {
  font-size: 1.5rem !important;
}

.fz18 {
  font-size: 1.8rem !important;
}

.fz20 {
  font-size: 2rem !important;
}

.fz24 {
  font-size: 2.4rem !important;
}

.fz28 {
  font-size: 2.8rem !important;
}

.underline {
  text-decoration: underline !important;
}

.bg-gray {
  background: #eff2f7;
}

.bg-black {
  background: rgba(0, 0, 0, 0.87);
}

.bg-white {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.c-black06 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.c-black047 {
  color: rgba(0, 0, 0, 0.47) !important;
}

.c-blue,
.colPoint2 {
  color: #0066ff !important;
}

.c-blue1 {
  color: #086cfd !important;
}

.c-orange {
  color: #f46600 !important;
}

.c-red,
.colPoint1 {
  color: #ff0000 !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.blind {
  overflow: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
}

.list-flex {
  display: flex !important;
}

.list-flex-between {
  display: flex;
  justify-content: space-between;
}

.line-flex {
  display: inline-flex !important;
}

/* border */
.bdb-none {
  border-bottom: 0 !important;
}

.w-auto {
  width: auto !important;
}

.w-70 {
  width: 70px !important;
}

.w-130 {
  width: 130px !important;
}

.w-160 {
  width: 160px !important;
}

.w-170 {
  width: 170px !important;
}

.w-190 {
  width: 190px !important;
}

.w-212 {
  width: 212px !important;
}

.w-228 {
  width: 228px !important;
}

.w-237 {
  width: 237px !important;
}

.w-300 {
  width: 300px !important;
}

.w-344 {
  width: 344px !important;
}

.w-340 {
  width: 340px !important;
}

.w-400 {
  width: 400px !important;
}

.w-443 {
  width: 443px !important;
}

.w-528 {
  width: 528px !important;
}

.mw-auto {
  min-width: auto !important;
}

.h-24 {
  height: 24px !important;
}

/* skip navigation */
#skip-navi {
  position: relative;
  z-index: 3000;
}

#skip-navi a {
  display: block;
  position: absolute;
  top: -9999px;
  width: 100%;
  height: 45px;
  line-height: 44px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  background-color: #eff2f7;
  z-index: 3000;
  font-size: 1.4rem;
}

#skip-navi a:active, #skip-navi a:focus {
  top: 0;
  text-decoration: none;
  color: #fff;
  z-index: 1000;
}

/****************** layout */
#Wrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  z-index: 3;
}

#wrapper, #footer {
  min-width: 1200px;
}

#container {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  z-index: 1;
  outline: none;
}

#container section {
  margin-top: 24px;
}

#container section:first-child.contents {
  margin-top: 0;
}

#container section:first-child.contents:before {
  content: '';
  display: block;
  overflow: hidden;
}

#container section:nth-child(2) {
  margin-top: 0;
}

#container section.bg-gray {
  margin-top: 0;
  padding: 48px 0;
}

#container section.bg-black {
  padding: 40px 0;
}

#container section.bg-white {
  margin-top: 0;
  padding: 24px 0;
}

#container section.box-gray-bar {
  margin-top: 0;
}

#container section.box-gray-bar + section {
  margin-top: 0;
}

#container section.bg-gradation {
  padding: 64px 40px;
  background-image: linear-gradient(to bottom, #212121, #202d40 100%);
}

#container section.bg-gradation .contents {
  color: #fff;
}

#container section.bg-color-cont {
  width: 1080px;
  margin: auto;
}

#container section.bg-color-cont .contents {
  width:auto;
}

#container section.border-line {
  padding: 48px 0;
  border-top: 8px solid #f9fafc;
}

.contents {
  position: relative;
  width: 1200px;
  padding: 0 60px;
  margin: 0 auto;
  box-sizing: border-box;
}

.js-box-gray-bar-area ~ .contents {
  z-index: 2;
}

.cont-sub {
  padding: 0 24px;
}

/* location */
.location {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.location span {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.6;
  font-size: 1.3rem;
}

.location span:before {
  content: '';
  display: flex;
  margin: 0 16px 2px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") center center no-repeat;
  background-size: 100% auto;
}

.location span:first-child:before {
  display: none;
}

.location span:last-child {
  opacity: 1;
}

.location span:last-child:before {
  opacity: 0.6;
}

.aside-wrap {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  width: 1200px;
  padding: 0 60px;
  margin: 0 auto;
  box-sizing: border-box;
}

.aside-wrap__global-menu {
  padding-left: 23px;
}

.aside-wrap__global-menu a {
  opacity: 0.6;
  padding: 0 9px;
}

.aside-wrap__global-menu a:hover, .aside-wrap__global-menu a.on {
  font-weight: 600;
  opacity: 1;
}

.aside-wrap__global-menu, .aside-wrap__util-menu {
  display: flex;
  flex-grow: 2;
}

.aside-wrap__util-menu {
  justify-content: flex-end;
  align-items: center;
}

.aside-wrap__util-menu a {
  position: relative;
}

.aside-wrap__util-menu a:not(.aside-wrap__btn) {
  padding: 0 16px 0 17px;
}

.aside-wrap__util-menu a:not(.aside-wrap__btn):first-child:before {
  display: none;
}

.aside-wrap__util-menu a:not(.aside-wrap__btn):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background-color: #c2c2c2;
}

.gnb-wrap {
  width: 100%;
  z-index: 5;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.gnb-wrap > div {
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gnb-wrap__area {
  display: flex;
  align-items: center;
}

.gnb-wrap__item {
  display: flex;
  align-content: center;
}

.gnb-wrap__item > a {
  position: relative;
  display: block;
  padding: 0 8px;
  font-weight: 600;
  height: 72px;
  line-height: 72px;
  box-sizing: border-box;
  font-size: 2.2rem;
  transition: all 0.5s;
}

.gnb-wrap__item > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background: #ffcc00;
  transition: all 0.1s;
}

.gnb-wrap__on {
  position: absolute;
  bottom: 0;
  margin-left: -8px;
  overflow: hidden;
  text-indent: -999999em;
  width: 100%;
  height: 4px;
  background: #ffcc00;
}

.gnb-wrap__item + .gnb-wrap__item {
  padding-left: 40px;
}

.gnb-wrap__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: -999999em;
  width: 100px;
  height: 4px;
  background: #ffcc00;
}

.gnb-wrap__sub-gnb {
  display: none;
  position: absolute;
  top: 133px;
  left: 50%;
  width: 1080px;
  padding: 24px 0 48px;
  margin-left: -540px;
  z-index: 10;
}

.gnb-wrap__sub-menu {
  display: flex;
  margin-top: 40px;
}

.gnb-wrap__sub-tit {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
}

.gnb-wrap__sub-list {
  margin-top: 18px;
}

.gnb-wrap__sub-list li {
  min-width: 100px;
  margin-right: 70px;
  margin-top: 16px;
}

.gnb-wrap__sub-bg {
  position: absolute;
  top: 133px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  text-indent: -999999em;
  background: linear-gradient(to bottom, #fff 38%, #eff2f7);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
  z-index: 9;
}

.mem-infor {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.mem-infor__img {
  background-color: #e07400;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.mem-infor__member {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
}

.mem-infor__member:after {
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") center center no-repeat;
  background-size: 100% auto;
}

.mem-infor__timer {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-left: 24px;
  font-size: 1.6rem;
}

.mem-infor__timer a {
  margin-right: 8px;
  text-decoration: underline;
}

.mem-infor__timer:before {
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-1-time.png") center center no-repeat;
  background-size: 100% auto;
}

.mem-infor__btn {
  display: flex;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  margin-left: 8px;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  border-radius: 4px;
}

/* stick layout */
.layout-stick {
  margin-bottom: 96px;
}

.cont-stick {
  position: relative;
  display: block;
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.cont-stick:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.cont-stick.end, .cont-stick:last-child {
  padding: 0;
  border-bottom: 0;
}

.cont-stick + .cont-stick {
  margin-top: 80px;
}

.cont-stick__tit {
  position: absolute;
  top: 0;
  float: left;
  width: 344px;
}

.cont-stick__tit .tit-dep2 {
  margin-top: 0;
}

.cont-stick__tit-btn.btn--ss {
  margin-top: 16px;
  min-width: 76px;
}

.cont-stick__cont {
  margin-left: 392px;
  width: calc(100% - 344px - 48px);
}

.step {
  margin-top: 22px;
  font-weight: 600;
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.6);
}

.step strong {
  vertical-align: bottom;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 5px;
}

/* floaing left */
.box-floating-left {
  position: absolute;
  top: 176px;
  left: 60px;
  overflow: hidden;
  width: 276px;
  padding: 24px 24px 24px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.box-floating-left__img {
  width: 140px;
  max-height: 140px;
  text-align: center;
  margin: 0 auto;
}

.box-floating-left__img img {
  max-width: 140px;
  max-height: 140px;
}

.box-floating-left__img.row img {
  transform: rotate(90deg);
  margin: 29px 0 30px;
}

.box-floating-left__txt {
  margin-top: 16px;
  text-align: center;
  font-weight: 600;
  word-break: keep-all;
}

.box-floating-left__etc {
  margin-top: 16px;
  text-align: center;
}

.list-card-annual {
  margin-top: -8px;
}

.list-card-annual:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.list-card-annual li {
  float: left;
  width: calc(50% - 5px);
  margin-right: 10px;
  margin-top: 8px;
}

.list-card-annual li:nth-child(2n) {
  margin-right: 0;
}

.list-card-annual li img {
  display: inline-block;
  vertical-align: middle;
}

.list-card-annual__txt {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 1.3rem;
}

.list-card-sel {
  margin-top: -8px;
}

.list-card-sel:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.list-card-sel li {
  float: left;
  width: calc(50% - 5px);
  margin-right: 10px;
  margin-top: 8px;
}

.list-card-sel li:nth-child(2n) {
  margin-right: 0;
}

.list-card-sel li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-check2-on.png") 0 -2px no-repeat;
  background-size: 100% auto;
}

/* absolute bar layout */
.box-gray-bar {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  min-height: 200px;
  padding: 48px 0;
  background: #eff2f7;
}

.box-gray-bar .contents {
  overflow: inherit;
}

.box-gray-bar__tit {
  position: relative;
  width: 240px;
}

.box-gray-bar__tit .tit-dep2 {
  margin: 4px 0 0;
}

.box-gray-bar__item {
  margin-bottom: 24px;
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}

.box-gray-bar__item span {
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 4px;
  width: 0;
  text-indent: -99999em;
  background: #ffcc00;
  border-radius: 2px;
}

.box-gray-cont {
  position: relative;
  z-index: 2;
  width: 804px;
  margin: 48px 0 0 auto;
  padding: 48px 92px 0;
  min-height: 400px;
  background: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* footer */
address {
  display: flex;
  margin-top: 26px;
}

address span {
  display: flex;
  align-items: center;
  padding: 0 16px 0 0;
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.6;
}

address span:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  margin-left: 16px;
  background: #c2c2c2;
}

address a span:hover {
  opacity: 1;
}

address a span:after {
  display: none;
}

.foot-meun {
  display: flex;
}

.foot-meun li a {
  display: flex;
  align-items: center;
  padding: 0 24px 0 0;
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.8;
  line-height: 1.75;
}

.foot-meun li a:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  margin-left: 20px;
  background: #c2c2c2;
}

.foot-meun li:nth-child(3) a {
  opacity: 1;
}

.foot-meun li:last-child a {
  padding: 0;
}

.foot-meun li:last-child a:after {
  display: none;
}

.copyright-area {
  margin-top: 8px;
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.6;
}

.foot-aside {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.foot-aside__kbaward {
  display: flex;
}

.foot-aside__kbaward li {
  display: flex;
  margin-left: 24px;
}

.foot-aside__kbaward li:first-child {
  margin-left: 0;
}

.foot-aside__kbaward li strong {
  overflow: hidden;
  display: block;
  text-indent: -999999em;
}

.foot-aside__kbaward li span {
  display: flex;
  height: 48px;
}

.foot-aside__kbaward li span.logo-ccm {
  font-size: 0;
  width: 39px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/48/logo-ccm.png") center center no-repeat;
  background-size: auto 24px;
}

.foot-aside__kbaward li span.logo-kcsi {
  font-size: 0;
  width: 33px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/48/logo-kcsi.png") center center no-repeat;
  background-size: auto 23px;
}

.foot-aside__kbaward li span.logo-kssql {
  font-size: 0;
  width: 34px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/48/logo-kssql.png") center center no-repeat;
  background-size: auto 23px;
}

.foot-aside__kbaward li span.logo-wa {
  font-size: 0;
  width: 42px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/48/logo-wa.png") center center no-repeat;
  background-size: auto 30px;
}

.foot-aside__kbaward li span.logo-isms {
  font-size: 0;
  width: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/48/logo-isms.png") center center no-repeat;
  background-size: auto 32px;
}

.foot-aside__etc {
  display: flex;
  align-items: center;
}

.foot-aside__sns {
  display: flex;
}

.foot-aside__sns li {
  display: flex;
  margin-left: 21px;
}

.foot-aside__sns li:first-child {
  margin-left: 0;
}

.foot-aside__sns li a {
  overflow: hidden;
  display: flex;
  height: 24px;
  text-indent: -999999em;
}

.foot-aside__sns li a.logo-blog {
  font-size: 0;
  width: 21px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/24/logo-blog.png") center center no-repeat;
  background-size: auto 21px;
}

.foot-aside__sns li a.logo-facebook {
  font-size: 0;
  width: 11px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/24/logo-facebook.png") center center no-repeat;
  background-size: auto 18px;
}

.foot-aside__sns li a.logo-youtube {
  font-size: 0;
  width: 21px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/24/logo-youtube.png") center center no-repeat;
  background-size: auto 18px;
}

.foot-aside__sns li a.logo-instagrem {
  font-size: 0;
  width: 21px;
  background: url("https://img1.kbcard.com/home_re/pc/logo/24/logo-instagram.png") center center no-repeat;
  background-size: auto 21px;
}

.foot-aside__kbNet-link {
  position: relative;
  margin-left: 32px;
}

.foot-aside__kbNet-link > a {
  position: relative;
  display: block;
  height: 32px;
  width: 192px;
  padding: 5px 0 5px 15px;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  font-size: 1.3rem;
}

.foot-aside__kbNet-link > a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -8px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
  transform: rotate(90deg);
  transition: all 0.5s;
}

.foot-aside__kbNet-link > a.on:after {
  transform: rotate(270deg);
}

.foot-aside__kbNet-link > ul {
  position: absolute;
  z-index: 99;
  bottom: 31px;
  left: 0;
  display: none;
  overflow: hidden;
  padding: 7px 0 5px;
  background: #eff2f7;
  border: 1px solid #c2c2c2;
  font-size: 1.3rem;
}

.foot-aside__kbNet-link > ul a {
  display: block;
  width: 190px;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 1.3rem;
}

.foot-aside__kbNet-link > ul a:hover {
  text-decoration: underline;
}

.pop-wrap {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.pop-wrap--middle.js-sel-open,
.pop-wrap--middle.js-sel-open .pop-container,
.pop-wrap--middle.js-sel-open .pop-cont.mCustomScrollbar,
.pop-wrap--middle.js-sel-open .mCustomScrollBox,
.pop-wrap--middle.js-sel-open .mCSB_container {
  overflow: inherit;
}

.pop-wrap--middle.js-sel-open .mCSB_scrollTools {
  display: none !important;
}

.pop-container {
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  width: 864px;
  height: 600px;
  z-index: 11;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.16);
}

.pop-wrap--ssmall .pop-container {
  width: 392px;
}

.pop-wrap--ssmall .pop-container .pop-inner {
  padding-top: 40px;
  height: auto;
  text-align: center;
}

.pop-wrap--small .pop-container {
  width: 400px;
  height: 360px;
}

.pop-wrap--middle .pop-container {
  width: 640px;
  height: 492px;
}

.pop-wrap--big .pop-container {
  height: calc(100% - 80px);
}

.pop-header {
  position: relative;
  overflow: hidden;
  padding: 32px 64px 0 32px;
}

.pop-header .tit-dep2 {
  line-height: 1.3;
  font-size: 2.2rem;
}

.pop-header .tit-dep2 span {
  display: inline-block;
  vertical-align: middle;
}

.pop-header--flex {
  display: flex;
}

.pop-close {
  position: absolute;
  top: 28px;
  right: 22px;
  z-index: 50;
}

.pop-close .btn-pop {
  display: block;
  font-size: 0;
  width: 40px;
  height: 40px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-1-close.png") center center no-repeat;
  background-size: 32px 32px;
}

.pop-close--sitemap {
  top: 36px;
  right: 16px;
}

.pop-close--sitemap .btn-pop {
  font-size: 0;
  width: 40px;
  height: 40px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-1-close.png") center center no-repeat;
  background-size: 32px 32px;
}

.pop-inner {
  height: calc(100% - 96px - 40px);
}

.pop-inner .pop-cont {
  padding: 0 32px;
  overflow-y: auto;
  word-break: break-word;
}

.pop-inner .pop-cont strong {
	font-weight: 600;
}

.pop-inner .pop-desc {
  font-weight: 600;
  margin-bottom: 16px;
}

.pop-inner__footer,
.pop-inner .btn-wrap--footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 32px;
  margin: 0;
  border-radius: 0 0 12px 12px;
  background: #fff;
}

.pop-inner__footer .btn,
.pop-inner .btn-wrap--footer .btn {
  min-width: 120px;
}

.pop-inner__footer .btn--ss,
.pop-inner .btn-wrap--footer .btn--ss {
  min-width: 112px;
}

.pop-inner__footer .check-box,
.pop-inner .btn-wrap--footer .check-box {
	margin-bottom: -8px;
}

.pop-inner__footer .btn-wrap + .check-box,
.pop-inner .btn-wrap--footer .btn-wrap + .check-box {
	margin-top: 32px;
}

.pop-inner--sitemap {
  padding: 0;
}

/* sitemap */
.menu-sitemap {
  display: flex;
  justify-content: space-between;
}

.menu-sitemap .tit-dep4 {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}

.menu-sitemap .site-depth2 > li {
  padding: 24px 0 16px;
}

.menu-sitemap .site-depth3 {
  padding-top: 8px;
}

.menu-sitemap .site-depth3 li {
  font-weight: 600;
}

.menu-sitemap .site-depth3 li + li {
  padding-top: 16px;
}

/* tit Depth*/
.tit-area {
  display: flex;
  justify-content: space-between;
  margin: 80px 0 24px;
}

.tit-area:first-child {
  margin-top: 0;
}

.tit-area .tit-dep1,
.tit-area .tit-dep2,
.tit-area .tit-dep4 {
  margin: 0;
}

.tit-area .txt-unit {
  padding-top: 10px;
  font-size: 1.3rem;
}

.tit-area--type2 {
  justify-content: flex-start;
}

.tit-dep1 {
  margin: 52px 0 0;
  padding-bottom: 40px;
  font-family: 'KBFGDisplayM';
  line-height: 1.3;
  font-size: 2.8rem;
}

.location + .tit-dep1 {
  margin-top: 24px;
}

.tit-dep2 {
  margin: 80px 0 24px;
  line-height: 1.25;
  font-family: 'KBFGDisplayM';
  font-size: 2.4rem;
}

.tit-dep2:first-child {
  margin-top: 0;
}

.tit-dep2 + .tit-dep5 {
  margin-top: 24px;
}

.tit-dep3 {
  margin: 0 0 24px;
  line-height: 1.47;
  font-size: 2.2rem;
}

.tit-dep4 {
  margin: 80px 0 24px;
  font-size: 2rem;
}

.tit-dep4:first-child {
  margin-top: 0;
}

.tit-dep5 {
  margin: 24px 0 16px;
  font-size: 1.8rem;
}

.tit-dep5:first-child {
  margin-top: 0;
}

.tit-dep6 {
  margin: 32px 0 0;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  font-size: 1.5rem;
  font-weight: 600;
}

.tit-dep6.bd-none {
  border-bottom: none;
}

.txt-xl {
  line-height: 1.35;
  font-size: 2.4rem !important;
}

.txt-l {
  line-height: 1.42;
  font-size: 2rem !important;
}

.txt-m {
  line-height: 1.57;
  font-size: 1.8rem !important;
}

.txt-s {
  line-height: 1.62;
  font-size: 1.5rem !important;
}

.txt-ss {
  line-height: 1.71;
  font-size: 1.3rem !important;
}

/* 부가설명 */
.txt-infor {
  margin: 16px 0 8px;
  font-size: 1.3rem;
  line-height: 1.69;
}

.txt-infor.bd-line {
  padding-top: 16px;
}

.txt-infor [class*='c-'] {
  vertical-align: middle;
}

.txt-infor-ex {
  margin-top: 8px;
  padding-left: 32px;
  text-indent: -32px;
  font-size: 1.3rem;
  line-height: 1.85;
}
.txt-indent {
  padding-left:16px;
  text-indent:-16px;
}

.txt-desc {
  margin: 8px 0 16px;
}

.txt-desc:first-child {
  margin-top: 0;
}

.both-side {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.both-side--type2 {
  align-items: flex-start;
}

.both-side--type3 {
  align-items: center;
  justify-content: flex-start;
}

.both-side--type4 {
  align-items: flex-start;
  justify-content: flex-start;
}

.both-side .form-field,
.both-side .selectbox {
  flex: 1;
}

#header {
  position: relative;
}

#header .header__search {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.08);
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 100;
}

#header .header__search[style="display:block;"] ~ .dimmed,
#header .header__search[style="display: block;"] ~ .dimmed {
  display: block;
}

#header .header__search > * {
  position: relative;
  z-index: 10;
}

#header .header__search-top {
  padding: 48px 0;
  background-color: #f1f4f8;
}

#header .header__search-inner {
  background-color: #fff;
}

.box-infor {
  display: flex;
  flex-flow: row wrap;
}

.box-infor__item {
  display: flex;
  position: relative;
  text-align: center;
  flex: 1;
  flex-flow: column wrap;
}

.box-infor__item + .box-infor__item:before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.16);
  content: '';
}

.box-infor__label {
  display: block;
  margin-bottom: 16px;
  font-weight: 600;
}

.box-infor__label--ico-point {
  margin-bottom: 8px;
}

.box-infor__label--ico-point:before {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-point-48.png") 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
  margin: 0 auto 24px;
  content: '';
}

.box-infor__label--no-data {
  display: flex;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.box-infor__label--no-data + .btn-wrap {
  margin-top: auto;
}

.box-infor__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.box-infor__txt .box-infor__data {
  padding-left: 16px;
  line-height: 1.334;
}

.box-infor__txt .box-infor__data > span {
  line-height: inherit;
}

.box-infor__txt .box-infor__data--num {
  align-items: baseline;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.286;
}

.box-infor__txt .box-infor__data--num .box-infor__data__unit {
  font-weight: inherit;
}

.box-infor__txt .box-infor__data + .box-infor__data:before {
  margin: 0 5px;
  content: '|';
}

.box-infor__data-wrap {
  display: flex;
  align-items: center;
}

.box-infor__data-wrap [class*=box-infor__data--ico] + .box-infor__data {
  flex: 1;
  justify-content: center;
}

.box-infor__data-wrap .box-infor__data:first-of-type {
  font-size: 2rem;
}

.box-infor__data {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 600;
}

.box-infor__data__unit {
  font-size: 2rem;
  vertical-align: baseline;
}

.box-infor__data--ico1:before {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-coin.png") 50%;
  background-size: 100% auto;
}

.box-infor__data--ico2:before {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-interestrate.png") 50%;
  background-size: 100% auto;
}

.box-infor__data--ico3:before {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-cashback.png") 50%;
  background-size: 100% auto;
}

.box-infor__data-wrap1 {
  margin: 0 auto;
  float: left;
  overflow: hidden;
  align-items: center;
}

.box-infor__data-wrap1 [class*=box-infor__data1--ico] + .box-infor__data1 {
  flex: 1;
  justify-content: center;
}

.box-infor__data-wrap1 .box-infor__data1:first-of-type {
  font-size: 2rem;
  margin-right: 60px;
}

.box-infor__data-wrap1 .c-blue {
  padding-top: 5px;
}

.box-infor__data1 {
  display: flex;
  float: left;
  overflow: hidden;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 600;
}

.box-infor__data1__unit {
  font-size: 2rem;
  vertical-align: baseline;
}

.box-infor__data1--ico1:before {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-cashback.png") 50%;
  background-size: 100% auto;
}

.box-infor [class*=box-infor__data--ico] {
  display: flex;
}

.box-infor [class*=box-infor__data--ico]:before {
  display: block;
  margin-right: 16px;
  content: '';
}

.box-infor--none-bd .box-infor__item + .box-infor__item:before {
  display: none;
}

.box-infor + .box-banner {
  margin-top: 16px;
}

.search-list {
  overflow: hidden;
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: left;
  clear: both;
}

.search-list .tabs {
  margin-bottom: 0;
}

.search-list .tabs + .tit-dep2 {
  margin-top: 48px;
}

.search-list .tabs__menu {
  display: flex;
  justify-content: space-between;
}

.search-list .tabs__menu li {
  float: none;
  margin-right: 0;
}

.search-list .tabs__menu:after {
  display: none;
}

.search-list .tbl-form table th {
  text-align: center !important;
}

.search-list .tbl-form table th label {
  font-weight: 600 !important;
}

.search-list .tbl-form table p {
  padding-top: 20px;
}

.search-list .tbl-form table p button {
  margin-left: 10px;
}

.search-list .tit-dep2 {
  line-height: 1.334;
}

.search-list .tit-dep2 span {
  margin-left: 4px;
  color: #0066ff;
  font-size: 2rem;
}

.search-list .tit-dep2 a {
  display: flex;
  align-items: center;
  line-height: inherit;
}

.search-list .tit-dep2 a::after {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
  display: inline-block;
  margin-left: 4px;
  content: "";
}

.search-list .firstplace {
  display: inline-block;
  width: 24px;
  height: 32px;
  line-height: 32px;
  box-sizing: content-box;
  position: relative;
  background: #ffcc00;
  color: rgba(0, 0, 0, 0.87);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2px;
  margin-right: 16px;
}

.search-list .firstplace:after {
  content: "";
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  border-bottom: 5px solid #fff;
  border-left: 12px solid transparent;
  border-right: 14px solid transparent;
}

.search-list .secondplace {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #eee;
  color: rgba(0, 0, 0, 0.87);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2px;
  margin-right: 16px;
}

.search-list__left {
  width: 182px;
  border-right: 1px solid #eff2f7;
}

.search-list__right {
  width: calc(100% - 182px);
  padding-left: 48px;
}

.search-list__right p {
  padding-top: 8px;
}

.search-list__right span {
  color: #0066ff;
}

.search-list__txt li {
  padding-bottom: 10px;
}

.search-list__txt .search-list__word {
  color: #0066ff;
}

.search-list__txt button {
  margin-top: 40px;
}

.search-list [class$=data] + [class$=data] {
  padding-top: 72px;
}

.search-list__item {
  display: flex;
  flex-flow: row wrap;
}

.search-list__card {
  width: 120px;
  text-align: center;
}

.search-list__card + .search-list__card {
  margin-left: 56px;
}

.search-list__card:nth-child(5n+1) {
  margin-left: 0;
}

.search-list__card:nth-child(n+6) {
  margin-top: 24px;
}

.search-list__card img {
  width: 100%;
}

.search-list__card a {
  margin-top: 18px;
}

.search-list__inner {
  display: flex;
  flex-flow: row wrap;
}

.search-list__place {
  width: calc(33% - 16px);
  flex: 1;
}

.search-list__place + .search-list__place {
  margin-left: 24px;
}

.search-list__place li {
  height: 40px;
}

.search-list__ebanner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  margin-top: 10px;
  width: 344px;
  height: 144px;
  background: linear-gradient(to right, rgba(255, 201, 193, 0.87) 2%, #fff9ec);
  border-radius: 10px;
}

.search-list__ebanner a {
  display: block;
  width: 250px;
}

.search-list__ebanner img {
  width: 96px;
  height: 80px;
}

.search-list__ebanner--type2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  margin-top: 10px;
  width: 344px;
  height: 144px;
  background: linear-gradient(to right, #e0e2ff 2%, #f2f3ff);
  border-radius: 10px;
}

.search-list__ebanner--type2 a {
  display: block;
  width: 250px;
}

.search-list__ebanner--type2 img {
  width: 120px;
  height: 76px;
}

.search-list .list-col4--gap36 .box-card__name {
  margin-top: 24px;
  text-align: center;
}

.search-list .list-col4--gap36 .box-card__name span {
  color: #0066ff;
}

.search-list .list-col4--gap36 .box-card img {
  width: 240px;
}

.search-list .wide {
  width: 300px;
}

.search-list .select-box {
  margin-right: 24px;
}

.search-list .select-box.select-box:last-of-type {
  margin-right: 0px;
}

.search-list .select-box__btn--sel {
  background-color: #f1f4f8;
  margin-right: 24px;
}

.search-list__form {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: #eff2f7;
}

.search-list .star-deli-shop-list:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.search-list .star-deli-shop-list__item {
  overflow: hidden;
  float: left;
  margin-right: 24px;
  border-radius: 12px;
  width: 252px;
}

.search-list .star-deli-shop-list__item:nth-child(4n) {
  margin-right: 0;
}

.search-list .star-deli-shop-list__item:nth-child(n+5) {
  margin-top: 40px;
}

.search-list .star-deil-shop-list__bann {
  overflow: hidden;
  height: 142px;
}

.search-list .star-deil-shop-list__bann img {
  width: 100%;
}

.search-list .star-deil-shop-list__cont {
  position: relative;
  margin-top: -32px;
  padding: 0 0 24px 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: none;
  border-radius: 12px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-align: center;
  z-index: 1;
}

.search-list .star-deil-shop-list__cont .shop-tit {
  height: 32px;
  margin-bottom: 24px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 32px;
  background: rgba(0, 0, 0, 0.32);
}

.search-list .star-deil-shop-list__cont strong {
  display: block;
  font-size: 2rem;
  font-weight: 600;
}

.search-list .star-deil-shop-list__cont .txt {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 44px;
  margin-top: 8px;
  padding: 0 8px;
  font-size: 1.5rem;
}

.search-list .star-deil-shop-list__cont .sale {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  font-size: 1.8rem;
  font-weight: 600;
}

.search-list .star-deil-shop-list__cont .sale span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
  color: #0066ff;
  font-size: 1.8rem;
}

.search-list .star-deil-shop-list__cont .sale span + span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 28px;
  margin: 0 16px;
  background-color: rgba(0, 0, 0, 0.16);
}

.search-list .star-shop-list:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.search-list .star-shop-list__item {
  position: relative;
  float: left;
  width: 180px;
}

.search-list .star-shop-list__item:nth-child(5n) {
  margin-right: 0;
}

.search-list .star-shop-list__item > a {
  display: block;
}

.search-list .star-shop-list__item .img-card {
  overflow: hidden;
  position: relative;
  height: 96px;
  width: 96px;
  margin: 0 auto;
}

.search-list .star-shop-list__item .img-card img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  margin-left: -60px;
}

.search-list .star-shop-list__item .txt {
  margin-top: 16px;
  text-align: center;
  font-weight: 600;
}

.search-list .star-shop-list__item .radio-box {
  position: static;
  display: block;
  margin-top: 16px;
}

.search-list .star-shop-list__item .radio-box label {
  position: static;
  padding-left: 32px;
}

.search-list .star-shop-list__item .radio-box label:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-size: 24px 24px;
  background-position: 0 130px;
}

.search-list .star-shop-list__item .radio-box input:checked + label:before {
  width: 100%;
  height: 100%;
  background-size: 24px 24px;
  background-position: 0 130px;
}

.search-list .box-nodata {
  padding-bottom: 80px;
}

.pay-expected-tab {
  position: relative;
  padding-left: 48px;
}

.pay-expected-tab > .tabs > .tabs__menu {
  justify-content: flex-start;
  border-bottom: none;
}

.pay-expected-tab > .tabs > .tabs__menu > li {
  margin-right: 24px;
}

.pay-expected-tab > .tabs > .tabs__menu > li a {
  padding: 2px 0;
  font-size: 15px;
}

.pay-expected-tab > .tabs > .tabs__body {
  padding-top: 0;
}

.pay-expected-tab > .tabs > .tabs__body .tabs__panel > .tabs--circle {
  margin-top: 0;
}

.pay-expected-tab > .tabs > .tabs__body .tabs__panel > .tabs--circle .tabs__menu {
  position: absolute;
  top: -28px;
  right: 0;
  justify-content: flex-end;
}

.pay-expected-tab > .tabs > .tabs__body .tabs__panel > .tabs--circle .tabs__body {
  padding-top: 32px;
}

.personal-search-result {
  padding-bottom: 48px;
}

.personal-search-result__tit {
  display: block;
  margin-bottom: 16px;
  font-size: 2.4rem;
  line-height: 1.334;
  font-weight: 600;
  text-align: center;
}

.personal-search-result__tit + .box-infor {
  margin-top: 40px;
}

.personal-search-result__desc {
  margin: 0;
  text-align: center;
}

.personal-search-result__desc + .txt-desc {
  margin-top: 8px;
}

.personal-search-result__desc + .box-infor {
  margin-top: 12px;
}

.personal-search-result__desc--row2 {
  min-height: 4.8rem;
}

.personal-search-result .btn-wrap {
  margin-top: 32px;
}

.personal-search-result .card-list {
  margin: 0 auto 32px;
}

.personal-search-result .list-col-box {
  margin-top: 16px;
}

.tbl-desc {
  margin-bottom: 8px;
  font-size: 1.3rem;
  line-height: 22px;
  text-align: right;
}

.tbl-list table {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
}

.tbl-list table th,
.tbl-list table td {
  text-align: center;
  padding: 16px 10px;
  border-top: 1px solid #d6d6d6;
  vertical-align: middle;
}

.tbl-list table th br,
.tbl-list table td br {
  line-height: 24px;
}

.tbl-list table td {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.3rem;
}

.tbl-list table td.tbl-list__tit a {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 1.5rem;
  text-align: left;
  font-weight: 600;
}

.tbl-list table td.tbl-list__num {
  color: rgba(0, 0, 0, 0.47);
}

.tbl-list table thead th {
  border-top: 1px solid #666;
  padding: 12px 10px;
}

.tbl-list table thead tr:first-child th {
  border-top: 2px solid #666;
}

.tbl-list table tbody th,
.tbl-list table tbody td {
  font-weight: 600;
}

.tbl-list table tbody tr:first-child th, .tbl-list table tbody tr:first-child td {
  border-top: 1px solid #666;
}

.tbl-list table tbody .tbl-list__noti th,
.tbl-list table tbody .tbl-list__noti td {
  padding: 12px 10px;
}

.tbl-list table tbody .tbl-list__noti + tr:not(.tbl-list__noti) th, .tbl-list table tbody .tbl-list__noti + tr:not(.tbl-list__noti) td {
  border-top: 1px solid #ffe066;
}

.tbl-data {
  margin: 16px 0 0;
  border-top: 1px solid #d1d1d1;
}

.tbl-data table {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
}

.tbl-data table th, .tbl-data table td {
  height: 55px;
  text-align: center;
  border-top: 1px solid #d1d1d1;
  padding: 7px 10px;
  vertical-align: middle;
}

.tbl-data table thead {
  border-bottom: 1px solid #848484;
}

.tbl-data table thead th {
  font-weight: 600;
  padding: 16px 10px;
}

.tbl-data table thead th:last-child {
  border-right: 0;
}

.tbl-data table thead tr:first-child th {
  border-top: 0;
}

.tbl-data table tbody td:last-child {
  border-right: 0;
}

.tbl-data table tbody tr:first-child th, .tbl-data table tbody tr:first-child td {
  border-top: 0;
}

.tbl-data table tbody .tbl-data__tit a {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tbl-data table tfoot th,
.tbl-data table tfoot td {
  font-weight: 600;
  background: #f9fafc;
}

.tbl-data--type2 table th, .tbl-data--type2 table td {
  border-right: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  vertical-align: middle;
}

.tbl-data--type2 table th:last-child, .tbl-data--type2 table td:last-child {
  border-right: 0;
}

.tbl-data--type2 table th:first-child,
.tbl-data--type2 table td:first-child {
  border-left: 0;
}

.tbl-data--type2 table th {
  font-weight: 600;
}

.tbl-data--type2 table thead th, .tbl-data--type2 table tbody th {
  padding: 12px 10px;
}

.tbl-data--type2 table tfoot td:last-child {
  border-right: 0;
}

.tbl-data--type3 table tbody th, .tbl-data--type3 table tbody td {
  padding: 16px;
  border-left: 0;
  text-align: left;
}

.tbl-data--type3 table tbody th {
  background-color: #fff;
  font-weight: 400;
}

.tbl-data--type3 table tbody td {
  font-weight: 600;
}

.tbl-data .bd-l {
  border-left: 1px solid #d1d1d1;
}

.tbl-data .list-num li {
  margin-top: 0;
}

.tbl-data__btnone {
  margin: 16px 0 0;
}

.tbl-data__btnone table {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
}

.tbl-data__btnone table th, .tbl-data__btnone table td {
  height: 55px;
  text-align: center;
  border-top: 1px solid #d1d1d1;
  padding: 7px 10px 7px 0px;
  vertical-align: middle;
  text-align: left;
}

.tbl-data__btnone table th {
  font-weight: 400;
}

.tbl-data__btnone table td {
  font-weight: 600;
}

.tbl-data__btnone table thead {
  border-bottom: 1px solid #848484;
}

.tbl-data__btnone table thead tr:first-child th {
  border-top: 0;
}

.tbl-data__btnone table tbody tr:first-child th, .tbl-data__btnone table tbody tr:first-child td {
  border-top: 0;
}

.tbl-view > table {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  text-align: center;
  border-top: 1px solid #c2c2c2;
}

.tbl-view > table th,
.tbl-view > table td {
  vertical-align: middle;
  padding: 12px;
  border-bottom: 1px solid #ebebeb;
  line-height: 24px;
  font-size: 1.5rem;
}

.tbl-view > table th:last-child,
.tbl-view > table td:last-child {
  border-right: 0;
}

.tbl-view > table td {
  text-align: left;
}

.tbl-view > table > thead th {
  padding: 26px 32px 21px;
  line-height: 32px;
  text-align: left;
  font-weight: 600;
  font-size: 1.8rem;
}

.tbl-view > table > thead th .tbl-view__date {
  display: block;
  line-height: 24px;
  font-size: 1.5rem;
  font-weight: 400;
}

.tbl-view > table .tbl-view__cnts {
  padding: 16px 32px 48px;
  line-height: 24px;
}

.tbl-view > table .tbl-view__cnts .btn-area {
  display: block;
  text-align: right;
  padding-bottom: 32px;
}

.tbl-view--type2 table thead th {
  display: flex;
  justify-content: space-between;
}

.tbl-view--type2 table thead th .tbl-view__tit {
  width: calc(100% - 120px);
}

.tbl-view--type2 table .tbl-view__cnts {
  padding-top: 32px;
}

.tbl-view--typeqna table thead th {
  display: flex;
  justify-content: space-between;
}

.tbl-view--typeqna table thead th .tbl-view__tit {
  width: calc(90% - 120px);
}

.tbl-view--typeqna table thead .tbl-q::before {
  font-weight: 600;
  line-height: 32px;
  font-size: 2.4rem;
  content: 'Q';
  color: #086cfd;
}

.tbl-view--typeqna table thead .tbl-a::before {
  font-weight: 600;
  line-height: 32px;
  font-size: 2.4rem;
  content: 'A';
  color: rgba(0, 0, 0, 0.87);
}

.tbl-view--typeqna table .tbl-view__cnts {
  padding-top: 32px;
}

.tbl-view--typeqna table .tbl-view__cnts--noline {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: none;
}

.etc-view {
  display: flex;
  margin-top: 80px;
}

.etc-view .prev-view {
  padding: 24px 24px 24px 64px;
}

.etc-view .prev-view:before {
  left: 24px;
  font-size: 0;
  width: 16px;
  height: 100%;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") center center no-repeat;
  background-size: 100% auto;
}

.etc-view .prev-view,
.etc-view .next-view {
  position: relative;
  width: calc(50% - 12px);
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 12px;
}

.etc-view .prev-view[disabled],
.etc-view .next-view[disabled] {
  pointer-events: none;
}

.etc-view .prev-view:before,
.etc-view .next-view:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
}

.etc-view .next-view {
  margin-left: 24px;
  padding: 24px 64px 24px 24px;
}

.etc-view .next-view:before {
  right: 24px;
  font-size: 0;
  width: 16px;
  height: 100%;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") center center no-repeat;
  background-size: 100% auto;
}

.etc-view .txt {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 4px 0;
}

.etc-view .txt-etc {
  color: rgba(0, 0, 0, 0.6);
}

.tbl-form table {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
}

.tbl-form table tr:first-child th {
  padding-top: 8px;
}

.tbl-form table tr:first-child td {
  padding-top: 0;
}

.tbl-form table th {
  padding: 32px 0 0 0;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
}

.tbl-form table th label {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
}

.tbl-form table th .btn-txt {
  margin-left: 24px;
}

.tbl-form table td {
  padding: 24px 0 8px;
}

.tbl-form table td .box-chk {
  margin-top: 0;
}

.tbl-form table td > .radio-box:first-child, .tbl-form table td > .radio-box:first-child ~ .radio-box {
	margin-top:8px;
}

.tbl-form--txt table tr:first-child td {
  padding-top: 8px;
}

.tbl-form--txt table th {
  padding: 16px 0 0;
}

.tbl-form--txt table td {
  padding: 16px 0 8px;
}

.tbl-form.box-line-infor {
  margin: 40px 0 0 0;
  padding: 40px 0 0 0;
}

.tbl-form--chk-type table th {
  padding: 24px 0 8px;
}

tr:first-child .tbl-form--chk-type table th,
tr:last-child .tbl-form--chk-type table th {
  padding-top: 0;
}

.tbl-form--chk-type table td {
  padding: 16px 0 0 0;
}

tr:last-child .tbl-form--chk-type table td {
  padding-top: 0;
}

.tbl-form--type2 {
  margin-left: -20px;
}

.tbl-form--type2 table th, .tbl-form--type2 table td {
  padding-left: 20px;
}

.tbl-detail {
  border-top: 1px solid #ebebeb;
}

.tbl-detail table {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  text-align: center;
}

.tbl-detail table tr.bdb-none td {
  border-bottom: 0;
}

.tbl-detail table td {
  height: 72px;
  vertical-align: top;
  padding: 16px 0;
  border-bottom: 1px solid #ebebeb;
  text-align: left;
  box-sizing: border-box;
}

.tbl-detail table td.aside-etc {
  font-size: 2rem;
  font-weight: 600;
  text-align: right;
}

.tbl-detail table td.ta-r .aside-sort {
  justify-content: flex-end;
}

.tbl-detail table td .box-nodata {
  margin-bottom: -16px;
  border-bottom: 0;
}

.tbl-detail--popup {
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.tbl-detail--popup table td {
  vertical-align: middle;
  padding: 12px 0 11px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.tbl-detail--popup table .aside-sort span {
  font-size: 1.3rem;
}

.tbl-detail--vertical table td {
  vertical-align: middle;
}

.tbl-detail--pd table td {
  height: 56px;
  padding: 12px 0;
  vertical-align: middle;
}

.tbl-detail--accordion table tr {
  cursor: pointer;
}

.tbl-detail--accordion table tr td:last-child {
  position: relative;
}

.tbl-detail--accordion table tr.sub-tr {
  background: #f9fafc;
}

.aside-tit {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
}

.aside-tit .etc {
  font-size: inherit;
  display: inline-block;
  margin-left: 16px;
}

.bd-none {
  border-top: 0 !important;
}

/* tab */
.tabs {
  margin-bottom: 40px;
}

.tabs__menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.tabs__menu:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.tabs__menu li {
  position: relative;
  float: left;
  margin-right: 40px;
}

.tabs__menu li a {
  position: relative;
  display: block;
  text-align: center;
  line-height: 1.45;
  padding: 16px 8px 12px;
  font-size: 2rem;
}

.tabs__menu li:hover a,
.tabs__menu li.on a {
  font-weight: 600;
  padding: 15px 8px 13px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.87);
}
.tabs__menu li a:focus {outline-offset:-5px;}

.tabs__body {
  position: relative;
  padding-top: 40px;
}

.tabs__panel {
  display: block;
}

.tabs__panel > .tabs {
  margin-top: 16px;
}

.tabs__body > .tabs__panel {
  display: none;
}

.tabs__body > .tabs__panel:first-child {
  display: block;
}

.tabs--circle > .tabs__menu {
  border-bottom: 0;
}

.tabs--circle > .tabs__menu li {
  margin: 0;
}

.tabs--circle > .tabs__menu li a {
  padding: 0 16px;
  height: 32px;
  margin: 0 8px 16px 0;
  background: #eff2f7;
  border-radius: 32px;
  font-size: 1.4rem;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.tabs--circle > .tabs__menu li:hover a,
.tabs--circle > .tabs__menu li.on a {
  font-weight: 600;
  background: #fff;
  border: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.87) inset;
  color: rgba(0, 0, 0, 0.87);
}

.tabs--circle > .tabs__body .tabs {
  margin-top: 80px;
}

.tabs--auto > .tabs__menu {
  margin-top: -16px;
  border: 0;
}

.tabs--auto > .tabs__menu li {
  margin-right: 16px;
  margin-top: 16px;
}

.tabs--auto > .tabs__menu li a {
  align-items: stretch;
  height: 100%;
  min-height: 48px;
  padding: 12px 24px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  font-size: 1.5rem;
}

.tabs--auto > .tabs__menu li:hover a {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.tabs--auto > .tabs__menu li.on a {
  border: 0;
  padding: 12px 24px 10px;
  font-weight: 600;
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.tabs--auto2 {
  margin-bottom: 24px;
}

.tabs--auto2 > .tabs__menu {
  border: 0;
}

.tabs--auto2 > .tabs__menu li {
  margin-right: 8px;
}

.tabs--auto2 > .tabs__menu li a {
  align-items: stretch;
  height: 100%;
  min-height: 48px;
  padding: 12px 20.39px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  font-size: 1.5rem;
}

.tabs--auto2 > .tabs__menu li.on a {
  border: 0;
  padding: 10.5px 19.59px 10.5px;
  font-weight: 600;
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.tabs--auto2 > .tabs__menu li:first-of-type a, .tabs--auto2 > .tabs__menu li:last-of-type a {
  padding: 12px 29.39px;
}

.tabs--auto2 > .tabs__menu li:first-of-type.on a, .tabs--auto2 > .tabs__menu li:last-of-type.on a {
  padding: 10.5px 28.59px;
}

.tabs--auto2 > .tabs__menu li:last-of-type {
  margin-right: 0;
}

.tabs--auto2 > .tabs__menu li:last-of-type a {
  padding: 12px 28.39px;
}

.tabs--auto2 > .tabs__menu li:last-of-type.on a {
  padding: 10.5px 27.59px;
}

.tabs--square > .tabs__menu {
  margin-top: -16px;
  border: 0;
}

.tabs--square > .tabs__menu li {
  width: calc(16.66666666667% - 20px);
  margin-right: 24px;
  margin-top: 16px;
}

.tabs--square > .tabs__menu li:nth-child(6n) {
  margin-right: 0;
}

.tabs--square > .tabs__menu li a {
  align-items: stretch;
  height: 100%;
  min-height: 48px;
  padding: 12px 2px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  font-size: 1.5rem;
}

.tabs--square > .tabs__menu li:hover a {
  box-shadow: none;
  padding: 11px 1px;
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.tabs--square > .tabs__menu li.on a {
  border: 0;
  padding: 11px 1px;
  font-weight: 600;
  border: 2px solid rgba(0, 0, 0, 0.87);
}
.tabs--square > .tabs__menu li a:focus{outline: red solid 1px;}

.tabs--square.col4 > .tabs__menu li {
  width: calc(25% - 18px);
  height: 48px; /* 2022-03-21 IE탭수정 (결함DEFC-0000007509) */
}

.tabs--square.col4 > .tabs__menu li:nth-child(6n) {
  margin-right: 24px;
}

.tabs--square.col4 > .tabs__menu li:nth-child(4n) {
  margin-right: 0;
}

.tabs--square.col4 > .tabs__menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  line-height: 24px;
}

.tabs--square.col4 > .tabs__menu li.on a {
  padding: 7px 0;
}

.tabs--square.col3 > .tabs__menu {
  display: flex;
}

.tabs--square.col3 > .tabs__menu li {
  width: calc(33% - 18px);
}

.tabs--square.col3 > .tabs__menu li:nth-child(3n) {
  margin-right: 0;
}

.tabs--square.col3 > .tabs__menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
  line-height: 24px;
}

.tabs--square.col3 > .tabs__menu li.on a,
.tabs--square.col3 > .tabs__menu li:hover a {
  padding: 7px 15px;
}

.tabs--square.col2 > .tabs__menu {display: flex;}
.tabs--square.col2 > * {width:100% !important;}
.tabs--square.col2 > .tabs__menu li { width:calc(50% - 12px);}
.tabs--square.col2 > .tabs__menu li:last-child {margin-right:0;}
.tabs--square.col2 > .tabs__menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 15px;
	line-height: 24px;
}

.tabs--square.col1 > .tabs__menu li {width:100%;margin-right:0;}

.tabs--square.col5 > .tabs__menu {display: flex;}
.tabs--square.col5 > .tabs__menu li {width:calc(20% - 16px);margin-right: 20px;}
.tabs--square.col5 > .tabs__menu li:last-child {margin-right:0;}
.tabs--square.col5 > .tabs__menu li a {display: flex;justify-content: center;align-items: center;}

.tabs--square.half > .tabs__menu li {width:calc(50% - 12px);}
.tabs--square.half > .tabs__menu li:last-child {margin-right:0;}
.tabs--square.half > .tabs__menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 15px;
	line-height: 24px;
}

.tabs--switch {
  position: relative;
}

.tabs--switch > ul {
  display: flex;
  justify-content: flex-end;
  background: linear-gradient(90deg, #fff 95%, #f5f5f5 5%);
  border-radius: 16px;
  border-bottom: none;
}

.tabs--switch > ul > li {
  padding: 4px 6px;
  border-radius: 0 16px 16px 0;
  background-color: #f5f5f5;
}

.tabs--switch > ul > li a {
  padding: 2px 8px;
  color: rgba(0, 0, 0, 0.24);
  font-size: 14px;
}

.tabs--switch > ul > li + li {
  margin-left: -5px;
}

.tabs--switch > ul > li:first-child {
  border-radius: 16px 0 0 16px;
}

.tabs--switch > ul > li.on {
  border-radius: 16px;
  background-color: #ffcc00;
  z-index: 1;
}

.tabs--switch > ul > li.on a {
  color: rgba(0, 0, 0, 0.87);
}

.tabs--switch > ul > li.on a, .tabs--switch > ul > li:hover a {
  padding: 2px 8px;
  border-bottom: none;
}

.tabs--switch .tabs__menu li {
  float: none;
  margin-right: 0;
}

.tabs--sitemap .tabs__menu {
  height: 96px;
  padding: 24px 0 0 34px;
  background: #eff2f7;
}

.tabs--sitemap .tabs__menu li {
  padding: 0 24px;
  margin: 0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.tabs--sitemap .tabs__menu li a {
  height: 72px;
  line-height: 44px;
  font-size: 2.2rem;
  opacity: 1;
  margin: 0;
}

.tabs--sitemap .tabs__menu li:hover {
  background: #fff;
}

.tabs--sitemap .tabs__menu li:hover a {
  border-bottom: 0;
}

.tabs--sitemap .tabs__menu li.on {
  background: #fff;
}

.tabs--sitemap .tabs__menu li.on a {
  border-bottom: 4px solid #ffcc00;
}

.tabs--sitemap .tabs__panel {
  position: relative;
  height: 624px;
  padding: 40px 20px 0;
  overflow: auto;
  box-sizing: border-box;
}

.tabs + .tit-dep2 {
  margin-top: 0;
}

.tabs--line2 {
  margin-top: 32px;
}

.tabs--line2 > .tabs__menu {
  border-bottom: 0;
}

.tabs--line2 > .tabs__menu li {
  margin: 0;
}

.tabs--line2 > .tabs__menu li a {
  margin: 0;
  padding: 0 20px 0 0;
  height: 24px;
  border: 0;
  font-size: 1.8rem;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  opacity: 1;
}

.tabs--line2 > .tabs__menu li a:before {
  display: inline-block;
  margin-right: 20px;
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.24);
  content: "";
}

.tabs--line2 > .tabs__menu li:hover a,
.tabs--line2 > .tabs__menu li.on a {
  font-weight: 600;
  text-decoration: underline;
  border: 0;
}

.tabs--line2 > .tabs__menu li:last-of-type a {
  padding-right: 0;
}

.tabs--line2 > .tabs__menu li:first-of-type a {
  padding-left: 0;
}

.tabs--line2 > .tabs__menu li:first-of-type a:before {
  content: none;
}

.tabs--multi {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
}

.tabs--multi > .tabs__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.tabs--multi > .tabs__menu li {
  margin-right: 0px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  border-left: 1px solid rgba(0, 0, 0, 0.16);
  text-align: center;
  z-index: 1;
}

.tabs--multi > .tabs__menu li a {
  font-size: 1.5rem;
  padding: 12px 24px;
}

.tabs--multi > .tabs__menu li:hover a,
.tabs--multi > .tabs__menu li.on a {
  font-weight: 600;
  padding: 12px 24px;
  border-bottom: none;
}

.tabs--multi > .tabs__menu li:first-child {
  border-top-left-radius: 8px;
}

.tabs--multi > .tabs__menu li:last-child {
  border-bottom-right-radius: 8px;
}

.tabs--multi ul .disabled {
  background-color: rgba(0, 0, 0, 0.02);
}

.tabs--multi ul .on:first-child:after {
  border-top-left-radius: 8px;
}

.tabs--multi ul .on:last-child:after {
  border-bottom-right-radius: 8px;
}

.tabs--multi ul .on a {
  font-weight: 600;
  z-index: 10;
  border-bottom: none;
}

.tabs--multi ul .on::after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 2px solid rgba(0, 0, 0, 0.87);
  top: -1px;
  left: -1px;
}

.tabs--multi .tabCol2 li {
  width: 50%;
  padding: 12px 24px;
}

.tabs--multi .tabCol2 li:nth-child(2n) {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}

.tabs--multi .tabCol2 li:nth-child(2), .tabs--multi .tabCol2 li:nth-child(2):after {
  border-top-right-radius: 8px;
}

.tabs--multi .tabCol2 li:nth-last-child(2), .tabs--multi .tabCol2 li:nth-last-child(2):after {
  border-bottom-left-radius: 8px;
}

.tabs--multi .tabCol3 li {
  width: 33.33333%;
}

.tabs--multi .tabCol3 li:nth-child(3n) {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}

.tabs--multi .tabCol3 li:nth-child(3), .tabs--multi .tabCol3 li:nth-child(3):after {
  border-top-right-radius: 8px;
}

.tabs--multi .tabCol3 li:nth-last-child(3), .tabs--multi .tabCol3 li:nth-last-child(3):after {
  border-bottom-left-radius: 8px;
}

.tabs--multi .tabCol4 li {
  width: 25%;
}

.tabs--multi .tabCol4 li:nth-child(4n) {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}

.tabs--multi .tabCol4 li:nth-child(4), .tabs--multi .tabCol4 li:nth-child(4):after {
  border-top-right-radius: 8px;
}

.tabs--multi .tabCol4 li:nth-last-child(4), .tabs--multi .tabCol4 li:nth-last-child(4):after {
  border-bottom-left-radius: 8px;
}

.tabs--multi .tabCol5 li {
  width: 20%;
}

.tabs--multi .tabCol5 li:nth-child(5n) {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}

.tabs--multi .tabCol5 li:nth-child(5), .tabs--multi .tabCol5 li:nth-child(5):after {
  border-top-right-radius: 8px;
}

.tabs--multi .tabCol5 li:nth-last-child(5), .tabs--multi .tabCol5 li:nth-last-child(5):after {
  border-bottom-left-radius: 8px;
}

.tabs--icon {
  margin-bottom: 24px;
}

.tabs--icon > .tabs__menu {
  margin-top: -16px;
  border: 0;
}

.tabs--icon > .tabs__menu li {
  width: calc(16.66666666667% - 20px);
  margin-top: 16px;
  margin-right: 24px;
}

.tabs--icon > .tabs__menu li:last-child {
  margin-right: 0;
}

.tabs--icon > .tabs__menu li a {
  align-items: stretch;
  height: 100%;
  min-height: 48px;
  padding: 23px 2px 15px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  font-size: 1.5rem;
}
.tabs--icon > .tabs__menu li a:focus{outline: red solid 1px;}

.tabs--icon > .tabs__menu li:hover a,
.tabs--icon > .tabs__menu li.on a {
  padding: 22px 1px 14px;
  font-weight: 600;
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.tabs--icon .tabs__tab:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  background-color: #eff2f7;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.tabs--icon .tabs__tab--map:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-map-48.png");
}

.tabs--icon .tabs__tab--bus:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-bus-1.png");
}

.tabs--icon .tabs__tab--spot:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-aim.png");
}

.tabs--icon .tabs__tab--web:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-eshopping.png");
}

.tabs--icon .tabs__tab--zone:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-target-board.png");
}

.tabs--icon .tabs__tab--search:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-confirm-2-48.png");
}

.multiline3 ul li {
  padding: 6px 0;
}

input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='tel'] {
  position: relative;
  z-index: 1;
  height: 39px;
  padding-right: 16px;
  font-weight: 600;
  outline: 0;
  box-sizing: border-box;
  background: transparent;
}

/* input */
input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='tel'] {
  font-size: 1.5rem;
}

input[type='text']::-ms-clear,
input[type='password']::-ms-clear,
input[type='number']::-ms-clear,
input[type='email']::-ms-clear,
input[type='search']::-ms-clear,
input[type='tel']::-ms-clear {
  display: none;
}

input[type='text']::-ms-reveal,
input[type='password']::-ms-reveal,
input[type='number']::-ms-reveal,
input[type='email']::-ms-reveal,
input[type='search']::-ms-reveal,
input[type='tel']::-ms-reveal {
  display: none;
}

input[type='text']:disabled,
input[type='password']:disabled,
input[type='number']:disabled,
input[type='email']:disabled,
input[type='search']:disabled,
input[type='tel']:disabled {
  opacity: 0.6;
  background: rgba(0, 0, 0, 0.02);
}

/* textarea */
textarea {
  backface-visibility: hidden;
  background-color: transparent;
  border: 0;
  word-break: keep-all;
  word-wrap: break-word;
  resize: none;
  display: block;
  padding: 16px 24px 0;
  width: 100%;
  box-sizing: border-box;
}

select {
  overflow: hidden;
  height: 0;
  padding: 14px 10px 14px 13px;
  opacity: 0;
}

.select-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.select-box select {
  display: none;
  position: fixed;
  top: -99999px;
  left: -99999px;
}

.select-box:before, .select-box:after {
  content: '';
  position: absolute;
  top: 23px;
  z-index: 10;
  width: 8px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.87);
  transition: all .3s;
}

.select-box:before {
  right: 7px;
  transform: rotate(45deg);
}

.select-box:after {
  right: 2px;
  transform: rotate(-45deg);
}

.select-box.on {
  z-index: 50;
}

.select-box.on:before {
  transform: rotate(-45deg);
}

.select-box.on:after {
  transform: rotate(45deg);
}

.select-box.on .select-box__btn--sel:after {
  opacity: 1;
}

.select-box.on .select-box__layer .option {
  animation: selLayer .3s ease .1s backwards;
}

.select-box.off .select-box__btn--sel {
  color: #999;
}

.select-box__btn--sel {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40px;
  padding: 0 30px 0 2px;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  background-color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: inherit;
  text-align: left;
  transition: all .3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select-box__btn--sel:hover {
  border-bottom: 1px solid #000;
}

.select-box.disabled .select-box__btn--sel {
  border-color: #e5e5e5;
  background-color: #fafafa;
  cursor: default;
}

.select-box__layer {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 39px;
  left: 0;
  z-index: 6;
  width: 100% !important;
  padding: 5px 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: 1px solid #000;
  background-color: #fff;
}

.selBox.btm .select-box__layer {
  top: inherit;
  bottom: 52px;
}

.select-box__layer .select-box__option {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0 15px;
  font-family: inherit;
  background-color: transparent;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all .3s, color .3s;
}

.select-box__layer .select-box__option.on {
  background-color: #fff8cc;
  font-weight: 600;
}

.select-box__layer .select-box__option:hover {
  background-color: #f5f8ff;
  font-weight: 600;
}

.select-box__layer .select-box__option:disabled {
  background-color: #fafafa;
  color: #999;
}

.select-box.btm .select-box__layer {
  top: inherit;
  bottom: 39px;
}

.sel-multi .select-box + .select-box {
  padding-left: 8px;
}

.select-box.select-box--type-line:before, .select-box.select-box--type-line:after {
  top: 26px;
  width: 11px;
}

.select-box.select-box--type-line:before {
  right: 18px;
}

.select-box.select-box--type-line:after {
  right: 10px;
}

.select-box__type-line + .select-box__btn--sel {
  height: auto;
  padding: 4px 16px;
  border: 2px solid rgba(0, 0, 0, 0.16);
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.667;
  border-radius: 8px;
  z-index: 7;
}

.select-box__type-line + .select-box__btn--sel:hover {
  border: 2px solid rgba(0, 0, 0, 0.16);
}

.select-box__type-line ~ .select-box__layer {
  top: 46px;
  border: 2px solid rgba(0, 0, 0, 0.16);
  border-radius: 0 0 8px 8px;
}

.select-box__type-line ~ .select-box__layer .select-box__option {
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: inherit;
}

.select-box__type-line ~ .select-box__layer .select-box__option:first-child {
  padding-top: 12px;
}

@keyframes selLayer {
  0% {
    transform: translateY(-5px);
  }
  80% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}

/* radiobox */
.radio-box {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.radio-box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 3px 0 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.radio-box input:checked + label {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

.radio-box input:disabled + label {
  color: rgba(0, 0, 0, 0.32);
  cursor: default;
}

.radio-box input:focus + label {
  outline: 1px dotted #000;
}

.radio-box label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.radio-box label:before {
  content: "";
  display: inline-block;
  /*vertical-align: text-top;*/
  vertical-align:middle;
  margin-right: 8px;
}

.radio-box label:before {
  border-radius: 19px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-off.png") no-repeat no-repeat;
  background-size: 100% auto;
}

.radio-box input[type="radio"]:checked + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-on.png") no-repeat no-repeat;
  background-size: 100% auto;
}

.radio-box input[type="radio"]:disabled + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-disabled.png") no-repeat no-repeat;
  background-size: 100% auto;
}

.radio-box input[type="radio"]:disabled:checked + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-disabled-checked.png") no-repeat no-repeat;
  background-size: 100% auto;
}

.radio-box--no-txt {
  margin-right: 0;
}

.radio-wrap .radio-box {
  display: flex;
  margin: 0;
  font-size: 1.5rem;
}

.radio-wrap label {
  height: 48px;
  width: 100%;
  padding: 11px 16px;
  background: #eff2f7;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  box-sizing: border-box;
  background: #f9fafc;
}

.radio-wrap input[type="radio"]:checked + label {
  z-index: 2;
  background: #fff;
  border-color: rgba(0, 0, 0, 0.87);
}

.radio-wrap input[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.47);
  background: #eee;
  border: none;
}

.radio-wrap--btn {
  display: flex;
  align-items: center;
  text-align: center;
}

.radio-wrap--btn .radio-box label {
  justify-content: center;
  height: 40px;
  padding: 7px 9px 5px;
}

.radio-wrap--btn .radio-box label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--btn .radio-box input[type="radio"]:checked + label:before,
.radio-wrap--btn .radio-box input[type="radio"]:disabled + label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--btn .radio-box + .radio-box {
  margin-left: 8px;
}

.radio-wrap--btn-bar {
  display: flex;
  align-items: center;
  text-align: center;
}

.radio-wrap--btn-bar .radio-box label {
  min-width: 119px;
  height: 40px;
  padding: 8px 20px;
  border-radius: 0;
  justify-content: center;
}

.radio-wrap--btn-bar .radio-box label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--btn-bar .radio-box:first-child label {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.radio-wrap--btn-bar .radio-box:last-child label {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.radio-wrap--btn-bar .radio-box input[type="radio"]:checked + label:before,
.radio-wrap--btn-bar .radio-box input[type="radio"]:disabled + label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--btn-bar .radio-box + .radio-box {
  margin-left: -1px;
}

.radio-wrap--vertical .radio-box {
  display: block;
  margin-top: 16px;
}

.radio-wrap--vertical .radio-box:first-child {
  margin-top: 0;
}

.radio-wrap--vertical label {
  height: auto;
  text-align: left;
  min-height: 48px;
  background-color: #fff;
}

.radio-wrap--column .radio-box {
  display: block;
  float: left;
  width: calc(50% - 16px);
  margin-top: 16px;
}

.radio-wrap--column .radio-box:nth-child(2n) {
  width: 50%;
  margin-left: 16px;
}

.radio-wrap--column .radio-box:nth-of-type(1), .radio-wrap--column .radio-box:nth-of-type(2) {
  margin-top: 0;
}

.radio-wrap--column .radio-box label {
  display: flex;
  padding: 11px 0 11px 16px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
}

.radio-wrap--column3 {margin-right:-16px}
.radio-wrap--column3 .radio-box {float: left;width: calc(100% / 3 - 16px);margin-left: 16px;margin-top: 16px;font-size:1.4rem;}
.radio-wrap--column3 .radio-box:nth-of-type(1), 
.radio-wrap--column3 .radio-box:nth-of-type(2), 
.radio-wrap--column3 .radio-box:nth-of-type(3) {margin-top: 0;}
.radio-wrap--column3 .radio-box:nth-child(3n+1) {margin-left: 0;}
.radio-wrap--column3 .radio-box label {background-color: #fff;}

.radio-wrap--column5 {margin-right:-16px}
.radio-wrap--column5 .radio-box {
  float: left;
  width: calc(60% / 3 - 16px);
  margin-left: 16px;
  margin-top: 16px;
}
.radio-wrap--column5 .radio-box:nth-of-type(1), 
.radio-wrap--column5 .radio-box:nth-of-type(2), 
.radio-wrap--column5 .radio-box:nth-of-type(3),
.radio-wrap--column5 .radio-box:nth-of-type(4),
.radio-wrap--column5 .radio-box:nth-of-type(5) {margin-top: 0;}
.radio-wrap--column5 .radio-box:nth-child(5n+1) {margin-left: 0;}
.radio-wrap--column5 .radio-box label {background-color: #fff;}

.radio-wrap--flex {
  display: flex;
}

.radio-wrap--flex .radio-box {
  display: block;
  flex-grow: 1;
  margin-top: 8px;
}

.radio-wrap--flex .radio-box + .radio-box {
  margin-left: 8px;
}

.radio-wrap--full {
  display: inline-block;
  vertical-align: top;
  margin-top: -8px;
}

.radio-wrap--full .radio-box {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
  min-width: 153px;
}

.radio-wrap--full .radio-box + .radio-box {
  margin-left: 4px;
}

.radio-wrap--full .radio-box:nth-child(4n+1) {
  margin-left: 0;
}

.radio-wrap--small .radio-box {
  min-width: 120px;
}

.radio-wrap--block {
  display: block;
}

.radio-wrap--block label {
  font-weight: 600;
  height: 34px;
  padding: 6px 9px 6px 0;
  border: 0;
  background: none;
}

.radio-wrap + .form-fast-search {
  margin-top: 4px;
}

.radio-wrap--img {
  display: flex;
  flex-flow: wrap;
}

.radio-wrap--img .radio-box {
  border: 0;
  width: calc(50% - 8px);
  margin-right: 16px;
}

.radio-wrap--img .radio-box label {
  display: block;
  width: 100%;
  height: auto;
  padding: 32px 0;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
}

.radio-wrap--img .radio-box label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--img .radio-box label strong,
.radio-wrap--img .radio-box label span {
  display: block;
  margin-top: 16px;
}

.radio-wrap--img .radio-box input[type="radio"]:checked + label:before,
.radio-wrap--img .radio-box input[type="radio"]:disabled + label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--img .radio-box:nth-child(2n) {
  margin-right: 0;
}

.radio-wrap--img .radio-box:nth-child(3), .radio-wrap--img .radio-box:nth-child(4) {
  margin-top: 16px;
}

.radio-wrap--icon {
  display: flex;
  flex-flow: wrap;
}

.radio-wrap--icon .radio-box {
  border: 0;
  width: calc(25% - 16px);
  margin: 16px 16px 0 0;
}

.radio-wrap--icon .radio-box label {
  height: 96px;
  border-radius: 12px;
  background-color: #fff;
}

.radio-wrap--icon .radio-box img {
  position: absolute;
  left: 48px;
}

.radio-wrap--icon .radio-box:nth-child(1), .radio-wrap--icon .radio-box:nth-child(2), .radio-wrap--icon .radio-box:nth-child(3), .radio-wrap--icon .radio-box:nth-child(4) {
  margin-top: 0;
}

.radio-wrap--address {
  display: flex;
  margin-top: 16px;
  align-items: center;
  text-align: center;
}

.radio-wrap--address .radio-box label {
  justify-content: center;
  height: 48px;
  width: 240px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.16);
  border-radius: 6px;
}

.radio-wrap--address .radio-box label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--address .radio-box input[type="radio"]:checked + label:before,
.radio-wrap--address .radio-box input[type="radio"]:disabled + label:before {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.radio-wrap--address .radio-box + .radio-box {
  margin-left: 8px;
}

.radio-wrap:after, .check-wrap:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* checkbox */
.check-box {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.check-box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 3px 0 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.check-box input:checked + label {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

.check-box input:disabled + label {
  color: rgba(0, 0, 0, 0.32);
  cursor: default;
}

.check-box input:focus + label {
  outline: 1px dotted #000;
}

.check-box label {
  display: inline-block;
  /*vertical-align: middle;*/
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.check-box label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}

.check-box input[type="checkbox"]:checked + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-on.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.check-box input[type="checkbox"]:checked ~ .txt-ss.mt8 {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87) !important;
}

.check-box input[type="checkbox"]:disabled + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-disabled.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.check-box input[type="checkbox"]:disabled:checked + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-disabled-checked.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.check-box label:before {
  flex-shrink: 0;
  font-size: 0;
  width: 24px;
  height: 24px;
}

.check-box input[type="checkbox"] + label:before {
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-off.png") 0 0 no-repeat;
  background-size: 100% auto;
} 

.check-box--no-txt {
  margin-right: 0;
}

.check-box--indent {
  display: block;
  text-indent: -28px;
  padding-left: 56px;
}

.check-wrap label {
  padding: 11px 10px 9px;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.check-wrap label:before {
  margin-top: 0;
  background-position: 0 center;
}

.check-wrap label > .list-flex-between {
  display: inline-flex;
  width: calc(100% - 34px);
}

.check-wrap input[type="checkbox"]:checked + label {
  z-index: 2;
  border: 1px solid rgba(0, 0, 0, 0.87);
}

.check-wrap input[type="checkbox"]:checked + label:before {
  background-position: 0 center;
}

.check-wrap > .check-box {
  margin: 0;
}

.check-wrap--btn .check-box {
  float: left;
}

.check-wrap--btn .check-box label {
  padding: 5px 20px;
}

.check-wrap--btn .check-box input[type="checkbox"]:checked + label {
  padding: 5px 20px;
}

.check-wrap--btn .check-box + .check-box {
  margin-left: -1px;
}

.check-wrap--vertical {
  border-radius: 4px;
}

.check-wrap--vertical .check-box {
  display: block;
  margin-top: 16px;
}

.check-wrap--vertical .check-box:first-child {
  margin-top: 0;
}

.check-wrap--vertical label {
  width: 100%;
  border-radius: 4px;
}

.check-wrap--column .check-box {
  display: block;
  float: left;
  width: calc(50% - 4px);
  margin-left: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
}

.check-wrap--column .check-box:nth-child(2n-1) {
  margin-left: 0px;
}

.check-wrap--column .check-box label {
  display: flex;
  border-radius: 4px;
}

.check-wrap--column2 {
  margin-top: -24px;
}

.check-wrap--column2 .check-box {
  display: block;
  float: left;
  width: calc(16.6666666667% - 20px);
  margin: 24px 24px 0 0;
}

.check-wrap--column2 .check-box:nth-child(6n) {
  margin-right: 0px;
}

.check-wrap--column2 .check-box input[type="checkbox"]:checked + label:after {
  margin-top: 4px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-check-on.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.check-wrap--column2 .check-box label {
  display: flex;
  justify-content: space-between;
  padding: 11px 16px 10px;
  font-size: 1.6rem;
  border-radius: 4px;
  box-sizing: border-box;
}

.check-wrap--column2 .check-box label:before {
  display: none;
}

.check-wrap--column2 .check-box label:after {
  content: "";
  display: flex;
  margin-top: 4px;
  font-size: 0;
  width: 16px;
  height: 16px;
}

.check-wrap--column2 .check-box input[type="checkbox"] + label:after {
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-check-off.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.check-wrap--column3 {
  margin-top: -24px;
}

.check-wrap--column3 .check-box {
  display: block;
  float: left;
  width: calc(33.33% - 20px);
  margin: 24px 24px 0 0;
}

.check-wrap--column3 .check-box:nth-child(3n) {
  margin-right: 0px;
}

.check-wrap--column3 .check-box input[type="checkbox"]:checked + label:after {
  margin-top: 4px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-check-on.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.check-wrap--column3 .check-box label {
  display: flex;
  justify-content: space-between;
  padding: 11px 16px 10px;
  font-size: 1.6rem;
  border-radius: 4px;
  box-sizing: border-box;
}

.check-wrap--column3 .check-box label:before {
  display: none;
}

.check-wrap--column3 .check-box label:after {
  content: "";
  display: flex;
  margin-top: 4px;
  font-size: 0;
  width: 16px;
  height: 16px;
}

.check-wrap--column3 .check-box input[type="checkbox"] + label:after {
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-check-off.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.check-wrap.list--default .check-box label {
  display: flex;
}

.check-wrap.list--default .box-chk-list__left {
  align-items: flex-start;
  width: 160px;
  padding: 0;
}

.check-wrap.list--default .box-chk-list__right {
  width: calc(100% - 160px);
  padding: 0;
  background: none;
}

.check-wrap--bookmark input[type="checkbox"] {
  margin-top: 0;
}

.check-wrap--bookmark input[type="checkbox"]:checked + label {
  border: none;
}

.check-wrap--bookmark input[type="checkbox"]:checked + label:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-bookmark-on.png");
}

.check-wrap--bookmark label {
  padding: 0;
  border: none;
  font-size: 0;
  vertical-align: top;
}

.check-wrap--bookmark label:before {
  margin: 0;
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-bookmark.png");
}

.check-wrap-table .check-box {
  display: block;
  margin-top: 16px;
}

.check-wrap-table .check-box:checked + label {
  z-index: 2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.check-wrap-table .check-box:checked + label:before {
  background-position: 0 center;
  right: 12px;
}

.check-wrap-table .check-box:first-child {
  margin-top: 0px;
}

.check-wrap-table label {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 12px 10px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.check-wrap-table label:before {
  margin-top: 0;
  background-position: 0 center;
  margin-right: 12px;
}

.check-wrap-table label > .list-flex-between {
  display: inline-flex;
  width: calc(100% - 34px);
}

.check-wrap-table input[type="checkbox"]:checked + label {
  z-index: 2;
}

.check-wrap-table input[type="checkbox"]:checked + label:before {
  background-position: 0 center;
  margin-right: 12px;
}

.check-wrap-table span:last-child label {
  border-bottom: none;
}

.check-wrap-table > .check-box {
  margin: 0;
}

/* �쟾泥대룞�쓽 */
.box-chk {
  overflow: hidden;
  position: relative;
  margin-top: 16px;
  padding: 0 24px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.box-chk > .check-box {
  display: block;
  position: relative;
  padding: 20px 0 16px 0;
  margin-right: 0;
}

.box-chk > .check-box label {
  display: block;
  word-wrap: break-word;
  word-break: break-all;
  color: rgba(0, 0, 0, 0.87);
}

.box-chk > .check-box label:before {
  align-self: flex-start;
  margin-right: 16px;
}

.box-chk > .check-box + .check-wrap {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.box-chk > .check-box + .check-wrap .txt-infor {margin-left:32px; color:rgba(0, 0, 0, 0.6);}

.box-chk.on {
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.box-chk .check-wrap {
  position: relative;
  padding: 12px 0;
}

.box-chk .check-wrap > .check-box {
  display: block;
  margin-right: 0;
  padding: 10px 40px 10px 0;
}

.box-chk .check-wrap > .check-box:only-child {
  padding: 6px 40px 6px 0;
}

.box-chk .check-wrap > .check-box label {
  padding: 0;
  margin-top: 0;
  border: none;
  word-wrap: break-word;
  word-break: break-all;
}

.box-chk .check-wrap > .check-box label:before {
  align-self: flex-start;
  font-size: 0;
  width: 24px; 
  height: 24px;
  margin: 0 8px 0 0; 
  line-height: 2.4rem;
}

.box-chk .check-wrap > .check-box input[type="checkbox"] {top: 10px;}
.box-chk .check-wrap > .check-box input[type="checkbox"] + label:before {
	background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-check-off.png") center center no-repeat;
	background-size: 16px auto;
}

.box-chk .check-wrap > .check-box input[type="checkbox"]:checked + label {
  border: none;
}

.box-chk .check-wrap > .check-box input[type="checkbox"]:checked + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-check-on.png") center center no-repeat;
  background-size: 16px auto;
}

.box-chk .check-wrap.check-wrap--column > .check-box {
  padding: 8px 16px 0;
}

.box-chk .check-wrap.check-wrap--column > .check-box label {
  padding: 11px 10px 9px;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.box-chk .check-wrap.check-wrap--column > .check-box label:before {
  margin: 0px 5px 0 0;
  font-size: 0;
  width: 24px;
  height: 24px;
}

.box-chk .check-wrap.check-wrap--column > .check-box input[type="checkbox"] + label:before {
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-off.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-chk .check-wrap.check-wrap--column > .check-box input[type="checkbox"]:checked + label {
  border: 1px solid rgba(0, 0, 0, 0.87);
}

.box-chk .check-wrap.check-wrap--column > .check-box input[type="checkbox"]:checked + label:before {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-on.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-chk .check-wrap.check-wrap--column > .check-box:nth-child(2n) {
  padding-right: 0;
}

.box-chk .chk-link {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  margin-top: -17px;
  display: block;
  font-size: 0;
  width: 34px;
  height: 34px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") right center no-repeat;
  background-size: 100% auto;
  background-size: 16px 16px;
  text-indent: -9999em;
}

.box-chk--txt {
  padding-bottom: 8px;
}

.box-chk--txt .check-wrap {
  padding: 16px 0 12px 0;
}

[data-panel] {
  display: none;
}

.card-list {
  display: inline-block;
  vertical-align: middle;
  min-width: 120px;
  width: 100%;
  position: relative;
}

.card-list__view {
  position: relative;
  display: block;
  height: 72px;
  padding: 8px 48px 8px 16px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.card-list__view .arr {
  right: 18px;
  width: 24px;
  height: 18px;
  margin-top: -9px;
}

.card-list__view .arr:before, .card-list__view .arr:after {
  width: 10px;
}

.card-list__name {
  overflow: hidden;
  display: block;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-list__num {
  overflow: hidden;
  display: block;
  margin-top: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-list__num img {
  vertical-align: top;
}

.card-list__num .bar {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.card-list__num .bar:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 10px;
  margin: 0 8px 0 6px;
  background: rgba(0, 0, 0, 0.87);
}

.card-list__list {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 72px;
  z-index: 11;
  margin-top: -1px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  max-height: 218px;
  overflow-x: hidden;
  overflow-y: auto;
}

.card-list__list:before {
  content: '';
  position: absolute;
  top: -3px;
  left: -1px;
  right: -1px;
  background: #fff;
  height: 2px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.card-list__list li {
  height: 72px;
  padding: 6px 16px;
  cursor: pointer;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.card-list__list li.on {
  background:#fff8cc;
}

.card-list__list li:first-child {
  border-top: none;
}

.card-list__list li a {
  display: block;
  width: 100%;
  height: 100%;
}

.card-list--sel-type {
  display: block;
  width: 530px;
  margin-top: 8px;
}

.card-list--sel-type .card-list__view {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 1.5rem;
  padding: 0 50px 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

.card-list--sel-type .card-list__view .arr {
  right: 16px;
}

.card-list--sel-type .card-list__name {
  vertical-align: middle;
  font-size: 1.5rem;
  max-width: 215px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-list--sel-type .card-list__num {
  display: inline-block;
  margin: 0 0 0 16px;
}

.card-list--sel-type .card-list__list {
  top: 39px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

.card-list--sel-type .card-list__list li {
  height: auto;
  font-size: 1.5rem;
  border: 0;
}

.card-list--sel-type .card-list__list li.on {
  background: #f9fafc;
}

.card-list.disabled .arr {
  display: none;
}

.card-list.disabled .card-list__view {
  padding-right: 16px;
  background-color: #f9fafc;
  cursor: none;
}

.card-list-popup a {
  display: block;
  padding: 16px 24px;
}

.card-list-popup a.on {
  background: #f9fafc;
}

.card-list-popup a .card-list-popup__name {
  display: block;
  font-weight: 600;
}

.radio-list-popup .radio-wrap {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.radio-list-popup .radio-wrap--block label {
  height: auto;
  padding: 16px 0 17px 24px;
  border-radius: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.radio-list-popup .radio-wrap--block input:checked + label {
  background: #f9fafc;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0.8rem 0.8rem 0 0;
}

.radio-list-popup .radio-wrap--block label {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.radio-list-popup .radio-wrap .radio-box {
  display: block;
  padding: 0;
}

.radio-list-popup .radio-wrap .radio-box:last-of-type input:checked + label {
  border-radius: 0 0 0.8rem 0.8rem;
}

.radio-list-popup .radio-wrap .radio-box:last-of-type label {
  border: 0;
}

.radio-list-popup .radio-wrap.on label {
  background: #f9fafc;
}

.radio-list-popup.mCustomScrollbar {
  height: 220px;
}

.radio-list-popup.mCustomScrollbar .mCustomScrollBox {
  padding: 0;
}

.form-fast-search {
  display: flex;
}

.form-fast-search .form-field {
  margin-right: 8px;
}

.form-fast-search .form-field--calendar .form-field__obj {
  width: 160px;
}

.form-fast-search .form-field--calendar .form-field__btn-date {
  position: relative;
}

.form-fast-search .form-field--calendar .form-field__btn-date:after {
  display: block;
  content: '';
  position: absolute;
  left: -140px;
  top: -8px;
  bottom: -7px;
  right: 0;
}

.form-fast-search .radio-wrap {
  align-items: flex-start;
}

.search-wrap {
  width: 712px;
  margin: 0 auto;
}

.search-wrap .form-field--search .form-field__obj {
  padding: 6px 16px;
  border: 2px solid rgba(0, 0, 0, 0.87);
  background-color: #fff;
}

.search-wrap .form-field--search .form-field__obj input {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.8rem;
  font-weight: 600;
}

.search-wrap .form-field--search .form-field__btn-reset {
  top:50%;
  right:50px;
  margin-top:-12px;
}

.search-wrap .form-field--search .form-field__btn-search {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-search.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.search-wrap .badge-wrap {
  margin-top: 16px;
  text-align: left;
}

.search-wrap.search-wrap--set {
  display: flex;
  width: auto;
}

.search-wrap.search-wrap--set .select-box {
  width: 176px !important;
}

.search-wrap.search-wrap--set .form-field--search {
  width: 712px;
  margin-left: 8px;
}

.search-wrap.search-wrap--set .form-field__obj {
  border-color: rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

/* from field */
.form-field {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.form-field input {
  width: 100%;
}

.form-field input[type="file"] {
  display: none;
  position: absolute;
  bottom: 9px;
  right: 0;
  width: 67px;
  height: 31px;
  opacity: 0;
}

.form-field + .check-box {
  margin-top: 4px;
}

.form-field--line-flex {
  display: inline-block;
  vertical-align: top;
  margin: 0 19px;
}

.form-field__cont-block {
  display: block;
}

.form-field__cont-block > span {
  display: block;
}

.form-field__cont {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.form-field__cont > span {
  display: inline-block;
  vertical-align: middle;
}

.form-field__cont .bank-name {
  width: 237px;
}

.form-field__cont-calendar {
  display: flex;
  align-items: center;
}

.form-field__cont-calendar .form-field__obj {
  width: calc(50% - 22px);
}

.form-field__cont-line {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}

.form-field.disabled .form-field__cont-line {
  background: rgba(0, 0, 0, 0.02);
}

.form-field__cont-line > span:not(.form-field__time) {
  border-bottom: 0;
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.form-field--focus .form-field__cont-line {
  border-bottom: 1px solid #000;
}

.form-field--focus .form-field__cont-line .form-field__obj {
  border-bottom: 0;
}

.form-field__cont-line .form-field__obj + button,
.form-field__cont-line .form-field__obj + span ~ button,
.form-field__cont-line .form-field__obj + button + button {
  margin-bottom: 7px;
}

.form-field__obj {
  position: relative;
  display: flex;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}

.form-field--textarea .form-field__obj {
  padding-bottom: 48px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 8px;
}

.form-field__obj.form-field--focus {
  border-bottom: 1px solid #000;
}

.form-field__cont-readolny {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.form-field .form-field__cont-readolny .form-field__obj {
	opacity: 0.6;
	background: rgba(0, 0, 0, 0.02);
	width: calc(50% - 10px);
	display:inline-block;
}
.form-field .form-field__cont-readolny .form-field__obj:first-child {margin-right:15px;}
.form-field--focus .form-field__cont-readolny {
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
	opacity: 0.6;
	background: rgba(226, 118, 118, 0.02);
}
.form-field .form-field__cont-readolny .form-field__obj.form-field--focus { border-bottom: 1px solid rgba(0, 0, 0, 0.24);}

.form-field--jumin .form-field__obj input[type='text'],
.form-field--pw .form-field__obj input[type='text'],
.form-field--card-pw .form-field__obj input[type='text'] {
  padding: 0;
}

.form-field__count {
  position: absolute;
  bottom: 10px;
  right: 16px;
  color: rgba(0, 0, 0, 0.47);
  opacity: 0.6;
  font-size: 1.3rem;
  font-weight: 600;
}

.form-field__chk-num {
  opacity: 1;
  font-size: 1.3rem;
}

.form-field__aside {
  display: inline-flex;
  justify-content: center;
  font-weight: 600;
  line-height: 40px;
  padding: 0 16px;
}

.form-field__time {
  font-weight: 600;
  padding-left: 16px;
  width: 60px;
  text-align: right;
}

.form-field__btn {
  display: flex;
  align-items: center;
  margin-left: 16px;
  white-space: nowrap;
  flex-shrink: 0;
}

.form-field__btn-reset {
  display: none;
  position: absolute;
  top: 9px;
  right: 0;
  z-index: 5;
  overflow: hidden;
  text-indent: -9999em;
  border-radius: 18px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/btn/btn-search-cancel.png") center center no-repeat;
  background-size: 100% auto;
}

.clear .form-field__btn-reset {
  z-index: 2;
  opacity: 0.47;
}

.form-field__btn-mouse {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}

.form-field__btn-date {
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
  z-index: 5;
  border-radius: 0;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-1-calendar.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.form-field__btn-search {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 16px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-search.png") 0 0 no-repeat;
  background-size: 100% auto;
  text-indent: 30px;
  overflow: hidden;
}

.form-field__error {
  display: none;
  font-size: 1.3rem;
  font-weight: 600;
  color: #ff0000;
  padding-top: 8px;
}

.form-field--error.form-field > .form-field__error {
  display: block;
}

.form-field--error.form-field .form-field__obj {
  border-bottom: 1px solid #ff0000;
}

.form-field--error.form-field > .form-field__cont-line {
  border-bottom: 1px solid #ff0000;
}

.form-field--error.form-field > .form-field__cont-line .form-field__obj {
  border-bottom: 0;
}

.form-field--error.form-field.form-field--textarea .form-field__obj {
  border: 1px solid #ff0000;
}

.form-field--error.form-field.form-field--textarea .form-field__error {
  text-align: right;
}

.form-field--error.form-field.form-field--calendar .form-field__obj {
  border-bottom: 1px solid #ff0000;
}

.form-field--unit {
  flex-direction: row;
}

.form-field--unit select {
  width: 150px;
}

.form-field--unit .select-box + .form-field__cont-line {
  margin-left: 16px;
}

.form-field--unit .form-field__tit {
  width: 70px;
}

.form-field--unit .form-field__tit,
.form-field--unit .form-field__unit {
  padding: 0 16px;
  white-space: nowrap;
  font-size: 1.8rem;
  height: 39px;
  font-weight: 600;
}

.form-field--unit .form-field__obj {
  flex-grow: 1 !important;
}

.form-field--unit .form-field__obj input {
  padding: 0;
}

.form-field--unit .form-field__cont-line {
  flex-grow: 1;
}

.form-field--unit .form-field__cont-line > span {
  flex-grow: 0;
}

.form-field--calendar .form-field__obj {
  display: inline-flex;
}

.form-field--calendar1 {
  flex-direction: row;
}

.form-field--calendar1 .btn-prev {
  display: block;
  margin-right: 8px;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-left.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.form-field--calendar1 .btn-next {
  display: block;
  margin-left: 8px;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
  background-size: 100% auto;
}

.form-field--calendar1 ul {
  overflow: hidden;
  height: 24px;
}

.form-field--calendar1 ul li {
  font-weight: 600;
}

.form-field--calendar2 {
  display: inline-block;
}

.form-field--calendar2 .select-box {
  width: calc(50% - 26px) !important;
}

.form-field--calendar2 .form-field__aside {
  display: inline-block;
}

.form-field--cal-btn {
  display: block;
  width: 100%;
}

.form-field--cal-btn .select-box {
  width: calc(50% - 100px) !important;
}

.form-field--cal-btn .form-field__aside {
  display: inline-block;
}

.form-field--cal-btn .form-field__btn {
  width: 129px;
}

.form-field--search .form-field__obj {
  padding: 0 16px;
  border-radius: 7px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.16);
}

.form-field--search .form-field__obj input {
  height: 36px;
  font-size: 1.5rem;
  font-weight: 600;
}

.form-field--search .form-field__unit {
  margin-bottom: 16px;
}

.form-field--search .form-field__unit .select-box__btn--sel {
  padding: 0 40px 0 16px;
  border: 2px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.87);
}

.form-field--search .form-field__unit .select-box:before {
  right: 21px;
  top: 19px;
}

.form-field--search .form-field__unit .select-box:after {
  right: 16px;
  top: 19px;
}

.form-field--search .form-field__unit .form-field__obj {
  display: inline-block;
  width: 194px;
}

.form-field--search2 .form-field__obj {
  padding: 0 16px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.form-field--search2 .form-field__obj input {
  color: rgba(0, 0, 0, 0.47);
  font-size: 1.5rem;
}

.form-field--search3 {
  margin: 0 0 0 auto;
}

.form-field--search3 .form-field__obj {
  padding: 0 16px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.form-field--search3 .form-field__obj input {
  height: 48px;
  color: rgba(0, 0, 0, 0.47);
  font-size: 1.8rem;
}

.form-field--card-pw .form-field__obj {
  width: 72px;
}

.form-field--card-pw .form-field__aside {
  padding: 0 16px 0 8px;
}

.form-field--addr .form-field__cont-line > span {
  flex: 1;
}

.form-field--addr > .form-field__obj {
  margin-top: 24px;
}

.form-field--card-num .form-field__cont {
  display: flex;
}

.form-field--card-num .form-field__obj input {
  width: 46px;
  padding-right: 0;
  text-align: center;
}

.form-field--card-num .form-field__aside {
  padding: 0 8px;
}

.form-field--card-num.full .form-field__obj {
  flex: 1;
}

.form-field.full {
  display: flex;
}

.form-field.full .form-field__obj {
  flex-grow: 1;
}

.form-field.full .form-field__obj input {
  width: 100%;
}

.form-field--phone .form-field__cont {
  overflow: hidden;
  display: flex;
}

.form-field--phone .form-field__obj {
  flex-grow: 1;
  flex: 1;
}

.form-field--phone .form-field__obj input {
  padding-right: 0;
  text-align: center;
}

.form-field--phone .form-field__aside {
  padding: 0 8px;
}

.form-field--business .form-field__cont {
  overflow: hidden;
  display: flex;
}

.form-field--business .form-field__obj {
  flex-grow: 1;
  flex: 1;
}

.form-field--business .form-field__obj input {
  padding-right: 0;
  text-align: center;
}

.form-field--business .form-field__aside {
  padding: 0 8px;
}

.form-field--phone-home .form-field__cont {
  overflow: hidden;
}

.form-field--phone-home .form-field__obj {
  width: calc(100% - 61px);
}

.form-field--pw .form-field__cont {
  overflow: hidden;
}

.form-field--pw .form-field__obj {
  width: calc(100% - 61px);
}

.form-field--jumin-nobtn .form-field__obj {
  width: calc(50% - 25px);
}

.form-field--jumin .form-field__obj {
  width: calc(50% - 55px);
}

.form-field--job .form-field__obj {
  width: calc(50% - 85px);
}

.form-field--job .form-field__obj + .form-field__obj {
  margin-left: 16px;
}

.form-field--expiry-data .form-field__obj {
  width: calc(50% - 11px);
}

.form-field--expiry-data .form-field__obj + .form-field__obj {
  margin-left: 16px;
}

.form-field .sel-in-box {
  display: inline-block;
  width: calc(50% - 10px);
  margin-right: 16px;
}

.form-field .sel-in-box + .form-field__obj {
  width: calc(50% - 11px);
}

.form-field--view .form-field__cont {
  overflow: hidden;
}

.form-field--view .form-field__obj {
  width: calc(100% - 121px);
}

.form-field--sel-input .form-field__cont {
  display: flex;
}

.form-field--sel-input .form-field__cont .form-field__obj {
  display: flex;
  flex-grow: 1;
  margin-left: 16px;
}

/* switch */
.switch {
  display: inline-block;
  position: relative;
}

.switch input {
  position: absolute;
  top: 0;
  left: 0;
  width: 39px;
  height: 26px;
  z-index: 1;
  opacity: 0;
}

.switch input:focus + label {
  outline: 1px dotted #000;
}

.switch label {
  display: block;
  overflow: hidden;
  text-indent: -99999999em;
  width: 39px;
  height: 26px;
}

.switch label:before {
  content: "";
  display: block;
  width: 33px;
  height: 15px;
  margin: 5.5px 0;
  border-radius: 8px;
  background: #ddd;
}

.switch label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.1s;
}

.switch input:checked + label:before {
  background: #ffcc00;
}

.switch input:checked + label:after {
  left: 12px;
  border-color: #ffcc00;
}

/* calendar */
.form-calendar {
  width: 532px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.form-calendar__sel {
  display: flex;
  justify-content: center;
}

.form-calendar__month {
  position: relative;
  display: block;
  align-items: center;
  height: 56px;
  padding-right: 32px;
  line-height: 56px;
  font-size: 1.8rem;
  font-weight: 600;
}

.form-calendar__month .arr {
  right: 0;
  width: 24px;
  height: 18px;
}

.form-calendar__table {
  margin: 22px 0 7px;
}

.form-calendar__table th,
.form-calendar__table td {
  padding: 10px 0 11px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
}

.form-calendar__table td:hover .form-calendar__day {
  background: #ffcc00;
}

.form-calendar__today, .form-calendar__day {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 0 auto;
  font-size: 1.4rem;
  border-radius: 24px;
}

.form-calendar__day, .form-calendar__today, .form-calendar__memo {
  display: block;
  font-weight: 600;
}

.form-calendar__memo {
  font-size: 1rem;
}

.form-calendar__today + .form-calendar__memo {
  color: rgba(0, 0, 0, 0.47);
}

.form-calendar2 {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.form-calendar2__sel {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.form-calendar2__month {
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0 16px;
}

.form-calendar2__month span {
  vertical-align: middle;
}

.form-calendar2__month-btn {
  overflow: hidden;
  position: relative;
  width: 24px;
  height: 24px;
  color: transparent;
  font-size: 1px;
  line-height: 1px;
}

.form-calendar2__month-btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
}

.form-calendar2__month-btn[disabled] {
  opacity: .4;
  cursor: inherit;
}

.form-calendar2__month-prev {
  position: relative;
  width: 24px;
  height: 24px;
}

.form-calendar2__month-prev:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-left.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.form-calendar2__month-next {
  position: relative;
  width: 24px;
  height: 24px;
}

.form-calendar2__month-next:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.form-calendar2 .calendar-info {
  position: relative;
}

.form-calendar2 .calendar-info .year-month-sel {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100%;
  opacity: 1;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 600;
  opacity: 0;
}

.form-calendar2__month-list .month,
.form-calendar2 .inner-calendar .date {
  float: left;
  width: 14.28%;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 600;
  empty-cells: show;
}

.form-calendar2__month-list .month:first-child,
.form-calendar2 .inner-calendar .date.sunday .text {
  color: #f46600 !important;
}

.form-calendar2__month-list {
  overflow: hidden;
}

.form-calendar2__month-list .month {
  height: 57px;
  text-align: center;
  line-height: 57px;
}

.form-calendar2 .inner-calendar {
  overflow: hidden;
}

.form-calendar2 .inner-calendar .date {
  position: relative;
}

.form-calendar2 .inner-calendar .date .btn-date {
  display: inline-block;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 136px;
  padding: 14px 22px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  text-align: right;
  outline: 0;
}

.form-calendar2 .inner-calendar .date .btn-date[disabled] {
  opacity: .4;
  cursor: inherit;
}

.form-calendar2 .inner-calendar .date .btn-date .text {
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 22px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 1.6rem;
  text-align: center;
  line-height: 32px;
}

.form-calendar2 .inner-calendar .date .data-area {
  position: absolute;
  right: 10px;
  bottom: 12px;
  left: 10px;
}

.form-calendar2 .inner-calendar .date .data-area .data-text {
  padding-top: 4px;
  font-size: 1.3rem;
  line-height: 16px;
  text-align: right;
  word-break: break-word;
}

.form-calendar2 .inner-calendar .date:nth-child(even) {
  background: #f9fafc;
}

.form-calendar2 .inner-calendar .date.today {
  background-color: #fff6d2;
}

.form-calendar2 .inner-calendar .date.today .btn-date:before {
  content: '오늘';
  position: absolute;
  top: 14px;
  right: 60px;
  font-size: 13px;
  line-height: 32px;
}

.form-calendar2 .inner-calendar .date.disabled {
  opacity: .2;
}

.form-calendar2 .inner-calendar .date.on .btn-date {
  border-color: #ffcc00;
  opacity: 1;
}

.form-calendar2 .inner-calendar .date.today .btn-date, .form-calendar2 .inner-calendar .date.on .btn-date {
  border-color: #ffcc00;
  opacity: 1;
}

.form-calendar2 .inner-calendar .date.today .btn-date .text, .form-calendar2 .inner-calendar .date.on .btn-date .text {
  background-color: #ffcc00;
}

.form-calendar2 .inner-calendar .date.today .data-area .data-text, .form-calendar2 .inner-calendar .date.on .data-area .data-text {
  color: #0066ff;
}

.form-calendar2__table {
  margin-top: 22px;
}

.form-calendar2__table thead th {
  text-align: center;
}

.form-calendar2__table th {
  padding-bottom: 18px;
}

.form-calendar2__table th,
.form-calendar2__table td {
  padding: 16px 24px;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 600;
  empty-cells: show;
}

.form-calendar2__table td {
  position: relative;
  z-index: 10;
  height: 136px;
}

.form-calendar2__table td:hover .form-calendar__day {
  background: #ffcc00;
}

.form-calendar2__table tr:nth-of-type(odd) td:nth-child(even) {
  background: #f9fafc;
}

.form-calendar2__table tr:nth-of-type(even) td:nth-child(odd) {
  background: #f9fafc;
}

.form-calendar2__table .sunday {
  color: #f46600 !important;
}

.form-calendar2__table .sunday .form-calendar2__day i,
.form-calendar2__table .sunday .form-calendar2__today i {
  color: #f46600 !important;
}

.form-calendar2__table .today {
  background-color: #fff6d2;
  color: rgba(0, 0, 0, 0.87);
}

.form-calendar2__table .select {
  color: #0066ff;
}

.form-calendar2__table .select .form-calendar2__memo {
  border: 2px solid #ffcc00;
  color: #0066ff;
}

.form-calendar2__table .select .form-calendar2__day i:before,
.form-calendar2__table .select .form-calendar2__today i:before {
  display: inline-block;
  position: absolute;
  top: -3px;
  right: 50%;
  z-index: -1;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #ffcc00;
  content: "";
}

.form-calendar2__day, .form-calendar2__today, .form-calendar2__memo {
  display: block;
  position: relative;
  font-weight: 600;
}

.form-calendar2__today, .form-calendar2__day {
  z-index: 13;
  width: 100%;
  height: 24px;
  line-height: 24px;
  margin-bottom: 36px;
  border-radius: 24px;
  text-align: right;
}

.form-calendar2__today i, .form-calendar2__day i {
  display: inline-block;
  position: relative;
  z-index: 13;
  width: 32px;
  text-align: center;
}

.form-calendar2__today b {
  display: inline-block;
  margin-right: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.form-calendar2__memo {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  padding: 24px;
  width: 100%;
  height: 136px;
  font-size: 1.3rem;
  line-height: 16px;
  text-align: right;
}

.js-form-calendar2 .js-date-form,
.js-form-calendar2 .form-calendar2--data-area {
  display: none;
}

/* calendar-month */
.calendar-month {
  height: 246px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.calendar-month__list li {
  position: relative;
  padding-left: 16px;
}

.calendar-month__list li a {
  display: block;
  height: 57px;
  padding: 18px 16px;
}

.calendar-month__list li a:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  width: 57px;
  height: 57px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-check2-on.png") center center no-repeat;
  background-size: 100% auto;
  background-size: 24px 24px;
}

.calendar-month__list li + li a {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.calendar-month__list li.on {
  font-weight: 600;
  background: #f9fafc;
}

.calendar-month__list li.on a:after {
  display: block;
}

.calendar-month .mCustomScrollBox {
  padding: 0;
}

.calendar-month .mCSB_inside > .mCSB_container {
  margin-right: 13px;
}

/* =====================
    calendar
===================== */
.calendar {
  position: absolute;
  top: 57px;
  right: 0;
  width: 360px;
  padding-bottom: 18px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

.calendar.sm {
  right: inherit;
  left: 0;
}

.calendar.top {
  top: auto;
  bottom: 40px;
}

.calendar .selectTerm {
  padding: 24px 0 32px;
  text-align: center;
}

.calendar .selectTerm button {
  vertical-align: top;
  line-height: 56px;
  font-size: 1.5rem;
}

.calendar .selectTerm em {
  display: inline-block;
  padding: 0 20px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 28px;
}

.calendar .selectTerm .term {
  position: relative;
  width: 40px;
  height: 28px;
  font-size: 1px;
  color: transparent;
}

.calendar .selectTerm .term:before, .calendar .selectTerm .term:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 9px;
  height: 9px;
  box-sizing: border-box;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.87);
}

.calendar .selectTerm .term.first:before {
  border-width: 1px 0 0 1px;
}

.calendar .selectTerm .term.prev:before {
  border-width: 1px 0 0 1px;
}

.calendar .selectTerm .term.next:before {
  border-width: 0 1px 1px 0;
}

.calendar .selectTerm .term.last:before {
  border-width: 0 1px 1px 0;
}

.calendar .selectTerm .term.first:after {
  margin-left: 6px;
  border-width: 1px 0 0 1px;
}

.calendar .selectTerm .term.last:after {
  margin-left: 6px;
  border-width: 0 1px 1px 0;
}

.calendar .selectTerm .term.prev:after, .calendar .selectTerm .term.next:after {
  display: none;
}

.calendar .selectTerm .term.first:hover:before, .calendar .selectTerm .term.prev:hover:before {
  margin-left: -3px;
  transition: all .2s ease-in;
}

.calendar .selectTerm .term.first:hover:after {
  margin-left: 3px;
  transition: all .5s ease-in;
}

.calendar .selectTerm .term.next:hover:before, .calendar .selectTerm .term.last:hover:before {
  margin-left: 3px;
  transition: all .5s ease-in;
}

.calendar .selectTerm .term.last:hover:after {
  margin-left: 9px;
  transition: all .2s ease-in;
}

.calendar table th,
.calendar table td {
  padding: 10px 0 11px;
  font-weight: 600;
  text-align: center;
}

.calendar table td button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  line-height: 36px;
}

.calendar .today button {
  background-color: #ffcc00;
}

.calendar .btns {
  text-align: center;
}

.calendar .btns button {
  margin: 0 4px;
}

/* search box */
.search-filter {
  position: relative;
  margin: 24px 0 0;
  padding: 15px 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 12px;
}

.search-filter .search-terms {
  margin: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-filter .search-terms .search-word {
  margin-top: -8px;
  width: calc(100% - 219px);
}

.search-filter .search-terms .search-word span {
  margin-top: 8px;
}

.search-filter .search-terms .btn-wrap {
  margin-top: 0;
}

.search-filter .search-form {
  display: none;
  margin-top: 16px;
  padding: 0 24px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.search-filter .search-form .btn-wrap {
  margin-top: 24px;
}

.search-filter .search-form .radio-wrap--btn-bar {
  display: inline-flex;
  align-items: center;
}

.search-filter .tbl-form {
  margin: 24px 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.search-filter .tbl-form table th {
  height: 40px;
  padding: 8px 0 24px;
  color: rgba(0, 0, 0, 0.87);
}

.search-filter .tbl-form table td {
  height: 40px;
  padding: 0 0 20px;
}

.search-filter + .tit-area {
  margin-top: 48px;
}

.search-word span {
  display: inline-flex;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  margin-right: 16px;
  background: #f1f4f8;
  border-radius: 32px;
}

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/btn/btn-search-cancel.png") no-repeat no-repeat;
  background-size: 100% auto;
}

.btn {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  min-width: 160px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  font-weight: 600;
  color: #000;
  background: #ffcc00;
  border-radius: 4px;
  font-size: 1.8rem;
  text-align: center;
}

.btn.disabled, .btn:disabled {
  cursor: default;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.16);
}

.btn--primary {
  background: #ffcc00;
}

.btn--secondary {
  background: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.16);
  color: rgba(0, 0, 0, 0.87);
}

.btn--tertiary {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.6);
}

.btn--disable {
  background: #eee;
  color: rgba(0, 0, 0, 0.24);
}

.btn--inquiry {
  background: #eff2f7;
  color: #000;
}

.btn--line {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.btn--yellow {
  background: #ffcc00;
}

.btn--gray {
  background: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.btn--gray2 {
  background: #eff2f7;
  border: 1px solid #eff2f7;
}

.btn--black {
  background: #000;
  color: #fff;
}

.btn--line-yellow {
  background: #fff;
  border: 1px solid #ffcc00;
}

.btn--line-gray {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

.btn--line-blue {
  background: #fff;
  color: #086cfd;
  border: 1px solid #086cfd;
}

.btn--line-black {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.87);
}

.btn--line-black.on {
  background: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.87);
  color: #fff;
}

.btn--line-none {
  background: #fff;
  border: none;
}

.btn--ss {
  padding: 0 9px;
  height: 32px;
  line-height: 32px;
  min-width: auto;
  font-size: 1.3rem;
  border-radius: 4px;
}

.btn--s {
  height: 32px;
  line-height: 32px;
  min-width: auto;
  font-size: 1.5rem;
  border-radius: 4px;
}

.btn--m {
  font-size: 1.5rem;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  min-width: 80px;
  font-weight: 400;
}

.btn--m2 {
  font-size: 1.5rem;
  height: 40px;
  line-height: 40px;
  padding: 0 16px 0 16px;
  min-width: auto;
  font-weight: 400;
}

.btn--full {
  width: 100%;
}

.btn--round {
  min-width: 160px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 24px;
}

.btn--ico-filter {
  position: relative;
  padding: 0 46px 0 12px;
 }
 
.btn--ico-filter:after,
.btn--ico-filter:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 24px; 
  height: 24px;
  margin: -12px -2px 0 10px;
  vertical-align: middle;
  font-size: 0;
  transition: all 300ms;
}

.btn--ico-filter:after {
  background: url(https://img1.kbcard.com/home_re/pc/ico/24/ico-1-filter.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-filter:before {
  opacity: 0;
  transform: translate3d(0,-12px,0);
  background: url(https://img1.kbcard.com/home_re/pc/arr/24/arr-1-up.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-filter.on:after{
  opacity: 0;
  transform: translate3d(0,10px,0);
}

.btn--ico-filter.on:before{
  opacity: 1;
  transform: translate3d(0,0,0);
}

.btn--ico-print {
  min-width: auto;
}

.btn--ico-print:before {
  margin: -3px 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 18px;
  height: 18px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/18/ico-1-print.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-download {
  min-width: auto;
}

.btn--ico-download:before {
  margin: -3px 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-1-download.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-excel {
  min-width: auto;
}

.btn--ico-excel:before {
  margin: -3px 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-1-excel.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-pdf {
  min-width: auto;
}

.btn--ico-pdf:before {
  margin: -3px 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-1-pdf.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-card {
  min-width: auto;
}

.btn--ico-card:before {
  margin: -3px 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-1-card.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-add {
  min-width: auto;
}

.btn--ico-add:before {
  margin: -3px 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-1-add.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-rewind {
  min-width: auto;
}

.btn--ico-rewind:before {
  margin: -3px 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-rewind.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn--ico-bookmark:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-bookmark.png") 50% -1px no-repeat;
  background-size: 100% auto;
  margin: -2px 2px 0 0;
}

.btn--ico-bookmark.on:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-bookmark-on.png");
}

.btn-go {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 5px 0 9px;
  height: 32px;
  line-height: 32px;
  min-width: auto;
  font-size: 1.3rem;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  font-weight: 600;
  overflow: hidden;
  background: #fff;
}

.btn-go:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-ico {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin-left: 24px;
  text-indent: -99999em;
}

.btn-ico--search {
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-search.png") 0 0 no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: 30px;
}

.btn-ico--sitemap:before, .btn-ico--sitemap:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 13px;
  height: 2px;
  background: #222;
  transition: all 0.1s;
}

.btn-ico--sitemap:before {
  top: 4px;
}

.btn-ico--sitemap:after {
  bottom: 4px;
}

.btn-ico--sitemap span {
  overflow: hidden;
  display: block;
  text-indent: -9999em;
}

.btn-ico--sitemap span:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 18px;
  height: 2px;
  margin-top: -1px;
  opacity: 1;
  transition: all 0.3s;
  background: #0c0c0c;
}

.btn-virtualkey {
  width: 40px !important;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  background: #f1f1f1;
}

.btn-view {
  display: block;
  margin-top: 24px;
  background: #eff2f7;
  padding: 12px 24px;
  position: relative;
  font-weight: 600;
}

.btn-view:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -16px;
}

.btn-view--coin:after {
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-2-coin.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.txt-link {
  color: rgba(0, 0, 0, 0.87);
  line-height: 24px;
  font-weight: 400;
}

.txt-link:hover {
  font-weight: 600;
}

.btn-txt {
  color: rgba(0, 0, 0, 0.87);
  line-height: 24px;
  min-height: 24px;
  font-weight: 600;
}

.btn-txt--arr-r4 {
  font-size: 1.8rem;
}

.btn-txt--arr-r4:after {
  margin-left: 4px;
  margin-top: -2px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-txt--arr-r:after {
  margin-top: -2px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-txt--arr-r3:after {
  margin-left: 8px;
  margin-top: -4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/32/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-txt--arr-r5 {
  display: inline-block;
}

.btn-txt--arr-r5:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 4px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") center center no-repeat;
  background-size: 100% auto;
}

.btn-txt--more {
  display: inline-block;
  margin: 20px 0 35px;
}

.btn-txt--more:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -3px 3px 0 0;
}

.btn-txt--more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-down.png") 0 0 no-repeat;
  background-size: 100% auto;
  margin: -4px 0 0 4px;
}

.btn-txt--plus:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  content: '+';
  margin: -1px 0 0 10px;
}

.btn-txt--file {
  font-weight: 400;
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.47);
}

.btn-txt--file:hover {
  font-weight: 400;
  text-decoration: underline;
}

.btn-txt--file:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -2px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-1-download.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-arr-circle {
  display: inline-block;
  padding: 0 12px 0 16px;
  height: 24px;
  line-height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  background: #fff;
}

.btn-arr-circle:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 4px;
  border-radius: 50%;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") center center no-repeat;
  background-size: 100% auto;
}

.btn-arr-circle + .btn-arr-circle {
  margin-left: 8px;
}

.btn-ico-txt {
  display: inline-block;
  height: 74px;
  line-height: 74px;
  min-width: 328px;
  padding: 0 16px 0 48px;
  font-weight: 600;
  font-size: 1.8rem;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 8px;
}

.btn-ico-txt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -16px;
}

.btn-ico-txt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-ico-txt--servicecenter:before {
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-1-servicecenter.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-round-arr {
  display: inline-block;
  position: relative;
  padding: 24px 40px 24px 24px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  font-size: 1.8rem;
  border-radius: 12px;
}

.btn-round-arr:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-round-bg {
  padding: 5px 16px;
  font-size: 1.4rem;
  background-color: #eff2f7;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
  border-radius: 16px;
}

.btn-round-del {
  position: relative;
  display: inline-block;
  height: 32px;
  padding: 0 32px 0 16px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  background-color: #eff2f7;
  border-radius: 16px;
}

.btn-round-del__close {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/12/ico-close.png") center no-repeat;
  background-size: 12px auto;
  display: inline-block;
  border-radius: 50%;
  background-color: #f7f7f7;
}

.btn-img-npay {
  font-size: 0;
  width: 123px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/img/card/img-pay.png") 0 0 no-repeat;
  background-size: 100% auto;
}

/*24.01.31 버튼타입 추가*/
.btn--downarrow {position:relative; border-radius:0; border-top:none; border-right:none; border-left:0; color: rgba(0, 0, 0, 0.6); padding-left:0; text-align: left; transition: all .3s;}
.btn--downarrow:hover {border-bottom: 1px solid #000;}
.btn--downarrow:before, .btn--downarrow:after {content: ''; position: absolute; top: 20px;z-index: 10; width: 8px; height: 1px; background-color: rgba(0, 0, 0, 0.87);}
.btn--downarrow:before {right: 7px;transform: rotate(45deg);}
.btn--downarrow::after {right: 2px; transform: rotate(-45deg);}

.badge {
  display: inline-block;
  height: 24px;
  line-height: 25px;
  padding: 0px 6px;
  height: 24px;
  line-height: 20px;
  padding: 3px 8px;
  color: #fff;
  font-size: 1.3rem;
  border-radius: 4px;
  vertical-align: middle;
}

.badge--black {
  color: #000;
  background: #dbdbdb;
}

.badge--black--line {
  color: #000;
  background: #fff;
  border: 1px solid #000;
}

.badge--black--round {
  height: 24px;
  line-height: 20px;
  padding: 3px 12px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  border-radius: 16px;
}

.badge--black--round--noti {
  color: #000;
  background: #f1f4f8;
  height: 24px;
  line-height: 20px;
  padding: 3px 16px;
  border-radius: 16px;
}

.badge--gray {
  color: #888888;
  background: #ebebeb;
}

.badge--gray--line {
  color: #888888;
  background: #fff;
  border: 1px solid #888888;
}

.badge--blue {
  color: #086cfd;
  background: #e3eefe;
}

.badge--blue--line {
  color: #086cfd;
  background: #fff;
  border: 1px solid #086cfd;
}

.badge--red {
  color: red;
  background: #f7e5e4;
}

.badge--red--line {
  color: red;
  background: #fff;
  border: 1px solid red;
}

.badge--orange {
  color: #f76900;
  background: #fef0e5;
}

.badge--orange--line {
  color: #f76900;
  background: #fff;
  border: 1px solid #f76900;
}

.badge--green {
  color: #32977d;
  background: #e0efeb;
}

.badge--brown {
  color: #79573f;
  background: #f2ebe5;
}

.badge--brown--round {
  padding: 5px 12px;
  color: #79573f;
  background: #fff;
  border: 1px solid #79573f;
  border-radius: 24px;
}

.badge--brown {
  color: #79573f;
  background: #f2ebe5;
}

.badge--brown--round {
  height: 24px;
  line-height: 20px;
  padding: 3px 12px;
  color: #79573f;
  background: #fff;
  border: 1px solid #79573f;
  border-radius: 16px;
}

.badge--purple {
  color: #5d5af7;
  background: #e8e7fe;
}

.badge--purple--round {
  padding: 5px 12px;
  color: #5d5af7;
  background: #fff;
  border: 1px solid #5d5af7;
  border-radius: 24px;
}

.badge--purple {
  color: #5d5af7;
  background: #e8e7fe;
}

.badge--purple--round {
  height: 24px;
  line-height: 20px;
  padding: 3px 12px;
  color: #5d5af7;
  background: #fff;
  border: 1px solid #5d5af7;
  border-radius: 16px;
}

.badge--line, .badge--line-black, .badge--line-bk {
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.16);
  line-height: 16px;
  font-size: 1.4rem;
}

.badge--line.off, .off.badge--line-black, .off.badge--line-bk {
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0.08);
}

.badge--line-black {
  border-color: #000;
}

.badge--line-bk {
  border-color: rgba(0, 0, 0, 0.87);
}

.badge--line-red {
  color: #f46600;
  border: 1px solid #f46600;
}

.badge--line-blue {
  color: #086cfd;
  border: 1px solid #086cfd;
}

.badge--round, .badge--round-s {
  padding: 0 10px;
  height: 26px;
  line-height: 25px;
  border-radius: 12.5px;
  font-size: 1.4rem;
}

.badge--round-s {
  height: 24px;
  padding: 0 12px;
  font-size: 1.3rem;
}

.badge--file {
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}

.badge--file .btn-del {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -5px;
  cursor: pointer;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-1-close.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.badge--txt {
  padding: 0 8px;
  color: #000;
  font-size: 1.5rem;
  font-weight: 600;
}

.badge--txt:first-child {
  padding: 0 8px 0 0;
}

.badge-noti {
  display: inline-block;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.08);
  line-height: 32px;
  height: 32px;
  padding: 0 16px;
  border-radius: 16px;
  overflow: hidden;
  font-size: 1.5rem;
  font-weight: 600;
}

.badge-noti--num {
  font-size: 1.8rem;
  letter-spacing: 5px;
}

.badge-noti--state {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
}

.btn-area {
  display: inline-flex;
}

.btn-area button, .btn-area a {
  margin-left: 8px;
}

.btn-area button:first-child, .btn-area a:first-child {
  margin-left: 0;
}

.btn-area--right {
  display: flex;
  justify-content: flex-end;
}

.btn-wrap {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 48px;
}

.btn-wrap button, .btn-wrap a {
  margin-left: 8px;
}

.btn-wrap button:first-child, .btn-wrap a:first-child {
  margin-left: 0;
}

.btn-wrap--line {
  margin-top: 40px;
  padding-top: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.btn-wrap--left {
  justify-content: left;
}

.btn-wrap--right {
  justify-content: flex-end;
}

.btn-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.btn-list--basic {
  justify-content: start;
}

.btn-list--col3 > button, .btn-list--col3 > a {
  width: calc((100% - 48px) / 3);
}

.btn-list--col3 > button:nth-child(n+4), .btn-list--col3 > a:nth-child(n+4) {
  margin-top: 24px;
}

.paging {
  margin-top: 40px;
  text-align: center;
}

.paging a {
  color: rgba(0, 0, 0, 0.87);
  padding: 0 5px;
  font-size: 1.5rem;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  cursor: pointer;
}

.paging a + a {
  margin-left: 10px;
}

.paging a.on {
  font-size: 1.6rem;
  font-weight: 600;
}

.paging__btn {
  min-width: 24px;
  text-indent: -9999px;
  border-radius: 4px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  cursor: pointer;
}

.paging__btn--prev {
  margin: 0 20px 0 5px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-left.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.paging__btn--next {
  margin: 0 5px 0 20px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.paging__btn--last {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-lastpage.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.paging__btn--first {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-firstpage.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.aside-sort {
  display: flex;
  margin-top: 7px;
}

.aside-sort span {
  font-size: 1.3rem;
}

.aside-sort span,
.aside-sort a {
  display: flex;
  align-items: center;
}

.aside-sort span + span:before,
.aside-sort span + a:before,
.aside-sort a + span:before,
.aside-sort a + a:before {
  content: '';
  display: flex;
  width: 1px;
  height: 10px;
  margin: 0 8px;
  background: #d8d8d8;
}

.aside-sort a:hover,
.aside-sort a.on {
  font-weight: 600;
  text-decoration: underline;
}

.aside-sort--pd {
  margin: 24px 0 8px;
}

.aside-sort--pd a + a:before {
  margin: 0 16px;
}

.btn-areas .btn-go {
  margin-top: 8px;
}

.btn-order {
  justify-content: left;
}

.btn-order button {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #000;
  font-size: 0;
}

.btn-order button:after {
  content: '';
  display: inline-block;
}

.btn-order button:nth-of-type(1):after {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-up.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-order button:nth-of-type(2):after {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-down.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.btn-order button:disabled {
  opacity: 0.32;
}

.btn-add {
  position: relative;
  margin-top: 10px;
}

.btn-add__inner {
  margin-right: 100px;
}

.btn-add .btn--ico-add {
  position: absolute;
  right: 0;
  top: 0;
  margin-left: 36px;
}

.btn-add .btn-round-del {
  margin: 5px 0 0;
}

.list {
  margin: 16px 0 24px;
}

.list:first-child {
  margin-top: 0;
}

.list > li + li {
  padding-top: 8px;
}

.list--explain > li {
  font-size: 1.3rem;
  line-height: 1.7;
}

.list-num > li {
  list-style-type: decimal;
  margin: 8px 0 0 17px;
}

.list-num > li:first-child {
  margin-top: 0;
}

.extend-guide {
  margin-top: 32px;
}

.extend-guide__infor {
  margin-left: 17px;
  font-size: 1.3rem;
  font-weight: 400;
}

.list-dot > li, .list-dash > li {
  position: relative;
  padding-left: 10px;
  line-height: 24px;
  font-weight: 400;
}

.list-dot > li:before, .list-dash > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
}

.list-dot > li span, .list-dash > li span {
  vertical-align: baseline;
}

.list-dot > li + li, .list-dash > li + li {
  margin-top: 8px;
}

.list-dot > li:before {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.87);
}

.list-dot > li.list-dot--gray {
  color: rgba(0, 0, 0, 0.6);
}

.list-dot > li.list-dot--gray:before {
  background: rgba(0, 0, 0, 0.6);
}

.list-dot > li .list > li, .list-dot > li .list-dash > li {
  margin-top: 0;
}

.list-dot--flex > li {
  display: flex;
}

.list-dot .tit-txt {
  display: inline-block;
  padding-right: 16px;
  font-weight: 600;
}

.list-dash > li:before {
  content: "\2012";
  top: -2px;
}

.list-dash > li .list-dot > li {
  margin-top: 8px;
}

/* list-agree */
.list-agree li {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
}

.list-agree__tit {
  padding-top: 12px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-right: 20px;
}

.list-agree--line li {
  padding: 16px 0 14px;
  align-items: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.list-agree--line li .list-agree__tit {
  padding-top: 0;
}

.list-agree .check-wrap--column {
  width: 315px;
}

.list-form-view {
  display: flex;
  flex-wrap: wrap;
  word-wrap: break-word;
  word-break: keep-all;
}

.tit-dep4 + .list-form-view {
  margin-top: 24px;
}

.list-form-view dt, .list-form-view dd {
  margin-top: 16px;
  font-weight: 600;
}

.list-form-view dt:first-of-type, .list-form-view dd:first-of-type {
  margin-top: 0;
}

.list-form-view dt {
  width: 160px;
  padding-right: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.list-form-view dt .list-form-view__tit {
  display: inline-block;
  width: 100px;
  color: rgba(0, 0, 0, 0.6);
}

.list-form-view dt .list-form-view__point {
  margin-left: 8px;
  font-weight: 600;
}

.list-form-view dd {
  width: calc(100% - 160px);
}

.list-form-view + .list-form-view {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 40px;
  margin-top: 40px;
}

.list-form-view.bdb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 40px;
}

.tit-dep4 + .list-form-view.bdb {
  margin-bottom: 40px;
}

.list-form-view + .txt-infor {
  text-align: right;
  margin-top: 35px;
}

.list-form-view--wt {
  align-items: center;
}

.list-form-view--wt dt, .list-form-view--wt dd {
  width: auto;
}

.list-form-view--wt dd {
  display: flex;
}

.list-form-view--w252 dt {
  width: 252px;
}

.list-form-view--w252 dd {
  width: calc(100% - 252px);
}

.list-form-view--type2 dt {
  width: 70%;
}

.list-form-view--type2 dd {
  width: 30%;
}

.list-form-view--type3 {
  text-align: left;
  padding: 24px 0 24px 14px;
}

.list-form-view--type3 dt {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

.list-form-view--type3 dd {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}

.list-count {
  margin: 16px 0 24px;
}

.list-count li:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.list-count li + li {
  padding-top: 8px;
}

.list-count li .tit {
  float: left;
  color: rgba(0, 0, 0, 0.6);
}

.list-count li .obj {
  float: right;
}

.list-count--tit li .tit,
.list-count--tit li .obj {
  font-size: 1.8rem;
  font-weight: 600;
}

.list-detail {
  margin-top: 48px;
}

.list-detail__name strong {
  display: inline-block;
  font-size: 2rem;
  margin-right: 20px;
}

.list-detail .aside-sort span {
  font-size: 1.5rem;
}

.list-detail .aside-sort span + span:before {
  margin: 0 16px;
  height: 14px;
  background: rgba(0, 0, 0, 0.87);
}

.list-detail__btn {
  margin-top: 16px;
}

.list-tit-desc {
  display: flex;
  flex-flow: row wrap;
  justify-content: end;
}

.list-tit-desc__tit {
  flex-basis: 92px;
  font-weight: 600;
}

.list-tit-desc__tit ~ .list-tit-desc__tit {
  margin-top: 24px;
}

.list-tit-desc__desc {
  width: calc(100% - 92px);
}

.list-tit-desc__desc ~ .list-tit-desc__desc {
  margin-top: 24px;
}

.list-tit-desc--reverse {
  flex-wrap: wrap-reverse;
}

.list-tit-desc--reverse .list-tit-desc__tit ~ .list-tit-desc__tit,
.list-tit-desc--reverse .list-tit-desc__desc ~ .list-tit-desc__desc {
  margin-top: 0;
  margin-bottom: 24px;
}

/* Accordions */
.accordions__item {
  overflow: hidden;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.16);
}

.accordions__item:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-width: 1px;
}

.accordions__item:last-child:not(:first-child) {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.accordions__tit {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 74px 18px 32px;
  background-color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: left;
}
.js-accordions .accordions__tit {cursor: pointer;}

.accordions__tit:focus {
  z-index: 10;
}

.accordions__count {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  font-size: 2.2rem;
  letter-spacing: 5px;
  color: rgba(0, 0, 0, 0.6);
}

.accordions__view {
  display: none;
  position: relative;
  padding: 23px 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  background-color: #eff2f7;
}

.accordions__view .list-dash .list-dot {
  margin-top: 8px;
}

.accordions__view .card-area {
  display: flex;
  align-items: center;
  padding: 32px 16px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.accordions__view .card-area img {
  width: 114px;
  margin-right: 65px;
}

.accordions__view .card-area .txt {
  font-size: 1.8rem;
  line-height: 2.9;
}

.accordions__view .card-area .txt em {
  display: inline-block;
  vertical-align: middle;
}

.accordions__view .box-using {
  overflow: hidden;
  margin: 0 -24px -34px;
  padding: 0 39px 32px;
  background: #f9fafc;
}

.accordions__view .box-using__list li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  margin-right: 16px;
  border-radius: 28px;
  border: 1px dashed rgba(244, 102, 0, 0.47);
  background: rgba(244, 102, 0, 0.08);
}

.accordions__view .box-using__list li + li {
  margin-top: 16px;
}

.accordions--alternate .accordions__tit {
  font-size: 2.2rem;
}

.accordions--alternate .accordions__view {
  background: #fff;
  border-top: 0;
}

.accordions--alternate .accordions__item:last-child:not(:first-child) {
  border-radius: 0;
}

.accordions--multi .accordions__item.on > .accordions__tit:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/basic/ico_2_fold.svg");
}

.accordions--note {
  margin-top: 80px;
}

.accordions--note .accordions__item {
  border-radius: 12px;
}

.accordions--note .accordions__item .accordions__view {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.accordions--note .accordions__item .accordions__view .btn-arr {
  margin-left: 8px;
}

.accordions--note .accordions__item .accordions__view .btn-arr:first-of-type {
  margin-left: 0;
}

.accordions--form {
  margin-top: 46px;
}

.accordions--form .accordions__item {
  border-radius: 12px;
}

.accordions--form .accordions__item .accordions__tit {
  padding: 20px 24px;
}

.accordions--form .accordions__item .accordions__tit .ex-txt {
  padding-top: 32px;
  font-size: 1.5rem;
}

.accordions--form .accordions__item .accordions__view {
  padding: 5px 24px 34px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #fff;
  border-top: 0;
}

.accordions--form .accordions__item .arr {
  top: 20px;
  right: 32px;
  margin-top: 0;
}

.accordions--form .accordions__item .txt-infor {
  border: 0;
}

.accordions--form .accordions__item.family.on {overflow:visible;}

.accordions--form .accordions__item.family .accordions__tit {
  padding: 24px;
  border-radius : 12px;
}

.accordions--form .accordions__item.family .accordions__view {
  margin: 0px 24px;
  padding: 24px 0 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.accordions--txt .accordions__item {
  border: none;
  border-radius: 0;
}

.accordions--txt .accordions__item .accordions__tit {
  padding: 0;
  background: none;
  display: inline-block;
  font-size: 1.5rem;
  text-align:right;
}

.accordions--txt .accordions__item .btn-txt--more {
  margin: 0 0 8px;
}

.accordions--txt .accordions__item.on > .btn-txt--more:after {
  background: url(https://img1.kbcard.com/home_re/pc/arr/16/arr-1-up.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.accordions--txt .accordions__item .accordions__view {
  background: none;
  padding: 0;
  border: 0;
}

.accordions__stit {
  margin-top: 16px;
  font-weight: 600;
}

.accordions__stit + .list-dash {
  margin-top: 8px;
}

.accordions--faq .accordions__tit:after, .accordions--faq .accordions__view:after {
  content: '';
  position: absolute;
  top: 26px;
  left: 32px;
  font-weight: 600;
  line-height: 32px;
  font-size: 2.4rem;
}

.accordions--faq .accordions__item {
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}

.accordions--faq .accordions__item:last-child:not(:first-child) {
  border-radius: 0;
}

.accordions--faq .accordions__tit {
  padding: 27px 74px 25px;
  line-height: 28px;
}

.accordions--faq .accordions__tit:before {
  right: 32px;
}

.accordions--faq .accordions__tit:after {
  content: 'Q';
}

.accordions--faq .accordions__view {
  padding: 28px 74px 30px;
}

.accordions--faq .accordions__view:after {
  content: 'A';
  color: #086cfd;
}

.accordions--list .accordions__item {
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
}

.swiper-container-android .swiper-slide {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  text-align: center;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical {
  touch-action: pan-x;
}

.swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  z-index: 10;
  cursor: pointer;
  background-size: 32px 32px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
  display:none; /* 2024 접근성 */
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-left.png");
  left: 16px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png");
  right: 16px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-paging-wrap{position: absolute;left: 5%;top: 90px;right: 5%;width: 90%;height:auto;z-index:10;}
.swiper-paging-wrap .swiper-paging-wrap-flex {display: flex; align-items: center; justify-content: space-between; margin-top:10px;}
.swiper-paging-wrap .swiper-paging-wrap-flex .swiper-paging-wrap-flex-tit {font-size: 0.938rem; font-weight:bold;}
.swiper-pagination-progressbar {position:relative; height:6px; background-color: rgba(0,0,0,.08); margin:0;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#fc0;}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.8;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-bullet:focus {
  outline: #000 dotted 1px;
  outline-offset: 4px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  opacity: 1;
  background: #000;
  border-radius: 4px;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

.swiper-wrap .swiper-wrap__btn {
  position: relative;
  display: flex;
  bottom: 0;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  text-indent: -99999em;
  border-radius: 24px;
}

.swiper-wrap .swiper-wrap__btn:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 6px;
  width: 10px;
  height: 12px;
  font-size: 0;
  width: 10px;
  height: 12px;
  background: url("https://img1.kbcard.com/home_re/pc/btn/btn-stop.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.swiper-wrap .swiper-wrap__btn.on:after {
  font-size: 0;
  width: 10px;
  height: 12px;
  background: url("https://img1.kbcard.com/home_re/pc/btn/btn-play.png") 0 0 no-repeat;
  background-size: 100% auto;
}

/* swiper type1 */
.swiper-wrap--type1 .swiper-container {
  height: 200px;
}

/* swiper type2 카드상세 */
.swiper-wrap--type2 .swiper-container {
  height: 200px;
}

.swiper-dot {
  position: absolute;
  bottom: 10px;
  display: flex;
  justify-content: center;
  height: 27px;
  width: 100%;
  text-align: center;
}

.swiper-dot .swiper-pagination {
  position: relative;
  bottom: 2px;
  display: flex;
  align-items: center;
  width: auto;
}

.swiper-dot .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-dot--type2 {
  bottom: 0;
  height: 8px;
}

.swiper-dot--type2 .swiper-pagination {
  bottom: 0;
}

.swiper-dot--type2 .swiper-pagination-bullet-active {
  width: 32px;
  border-radius: 4px;
}

.swiper-wrap {
  /* swiper type3 */
  /* 월별실적충족현황 */
}

.swiper-wrap--num .swiper-container {
  height: 200px;
}

.swiper-wrap--card-search .swiper-container {
  padding: 32px 22px 50px;
  height: 310px;
}

.swiper-wrap--card-search .swiper-container .img-area {
  width: 198px;
  transition: all 0.5s;
}

.swiper-wrap--card-search .swiper-container .img-area img {
  width: 100%;
}

.swiper-wrap--card-search .swiper-container .img-area.row {
  height: 198px;
  padding-top: 37px;
  transform: rotate(90deg);
}

.swiper-wrap--card-search .swiper-container .card-name {
  display: block;
  margin-top: 24px;
  height: 48px;
}

.swiper-wrap--card-search .swiper-container .swiper-slide-active .card-view .img-area {
  width: 248px;
}

.swiper-wrap--card-search .swiper-container .swiper-slide-active .card-view .img-area img {
  border-radius: 12px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
}

.swiper-wrap--card-search .swiper-container .swiper-slide-active .card-view .img-area.row {
  height: 248px;
  padding-top: 45px;
}

.swiper-wrap--card-search .swiper-container .swiper-slide-active .card-view .card-name {
  font-weight: 600;
}

.swiper-wrap--card-search .swiper-container .swiper-button-prev,
.swiper-wrap--card-search .swiper-container .swiper-button-next {
  margin-top: -32px;
}

.swiper-wrap--card-search .swiper-container .swiper-button-prev {
  left: 0;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-left.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.swiper-wrap--card-search .swiper-container .swiper-button-next {
  right: 0;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.swiper-wrap--box-bann .swiper-container .swiper-slide {
  justify-content: flex-start;
}

.swiper-wrap--box-bann .swiper-container .swiper-slide .tit-dep4 {
  margin: 0;
}

.swiper-wrap--box-bann .swiper-container .swiper-dot {
  width: auto;
  bottom: 0;
  right: 0;
}

/* 소유카드 */
.own-credit .swiper-slide {
  padding-bottom: 67px;
}

.own-credit .swiper-slide .swiper-dot {
  bottom: 0;
}

.own-credit__obj img {
  width: 180px;
  height: 114px;
  transition: all 0.5s;
}

.own-credit__obj .txt {
  overflow: hidden;
  margin-top: 24px;
  height: 48px;
}

.own-credit .swiper-slide {
  transition: all 0.5s;
  padding-top: 54px;
  width: 180px;
}

.own-credit .swiper-slide.swiper-slide-active {
  padding-top: 0 !important;
  width: 264px;
}

.own-credit .swiper-slide.swiper-slide-active img {
  width: 264px;
  height: 168px;
}

.own-credit .swiper-slide.swiper-slide-active .txt {
  font-size: 1.8rem;
  font-weight: 600;
  height: 50px;
}

.own-credit .swiper-button-prev {
  left: 0;
  font-size: 0;
  width: 32px;
  height: 72px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/32/arr-1-left.png") center center no-repeat;
  background-size: 32px 32px;
}

.own-credit .swiper-button-next {
  right: 0;
  font-size: 0;
  width: 32px;
  height: 72px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/32/arr-1-right2.png") center center no-repeat;
  background-size: 32px 32px;
}

.own-credit .swiper-button-prev,
.own-credit .swiper-button-next {
  margin-top: -36px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}

/* tooltip */
.tooltip-box {
  position: relative;
  display: inline-block;
  color: inherit;
}

.tooltip-box__txt {
  font-weight: 600;
  color: inherit;
}

.tooltip-box .tooltip {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.87);
  box-sizing: border-box;
}

.tooltip-box .tooltip strong {
  display: block;
}

.tooltip-box .tooltip__view {
  display: none;
  position: absolute;
  z-index: 160;
  width: 240px;
  padding: 16px 24px 24px;
  text-align: left;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}

.tooltip-box .tooltip__view .tooltip-box__head {
  position: relative;
}

.tooltip-box .tooltip__view .tooltip-box__head .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 24px;
  height: 24px;
  text-indent: -999999em;
}

.tooltip-box .tooltip__view .tooltip-box__head .btn-close:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-1-close.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.tooltip-box .tooltip__view > img {
  width: 100%;
}

.tooltip-box .tooltip__view:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}

.tooltip-box--type2 .tooltip {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 0;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-1-question.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list {
  display: flex;
  justify-content: space-between;
}

.step-list--type2 li {
  flex-basis: calc(33.3333% - 48px);
}

.step-list--type2 li:last-child {
  margin: 0 auto 0 72px;
}

.step-list--type3 li {
  width: calc(20% - 35px) !important;
}

.step-list--type3 li:not(:first-child):after {
  left: -35px !important;
}

.step-list > li {
  position: relative;
  width: calc(33.3333% - 48px);
  padding: 29px 32px 24px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  text-align: center;
  background-size: 56px auto;
}

.step-list > li .step-list__ico {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 8px;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-visual-48-e-2.png") center center no-repeat;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.step-list > li:nth-child(2) .step-list__ico {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-personalcheck-48.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list > li:nth-child(3) .step-list__ico {
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-ca-48.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list > li .step-list__tit {
  display: block;
  font-size: 1.8rem;
  line-height: 28px;
  font-weight: 600;
}

.step-list > li .step-list__desc {
  display: block;
  margin-top: 8px;
}

.step-list > li .step-list__img {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px auto;
}

.step-list > li:not(:first-child):after {
  content: '';
  display: block;
  position: absolute;
  left: -51px;
  top: 50%;
  margin-top: -12px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-right.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list > li.on {
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.step-list--col4 li {
  padding: 24px 32px;
  width: calc(25% - 36px);
}

.step-list--col4 li:not(:first-child):after {
  left: -35px;
}

.step-list--col4 li .step-list__tit {
  font-size: 1.5rem;
  line-height: 24px;
}

.step-list--col5 > li {
  padding: 24px;
  width: calc(20% - 36px);
}

.step-list--col5 > li:not(:first-child):after {
  left: -35px;
}

.step-list--col5 > li .step-list__tit {
  font-size: 1.5rem;
  line-height: 24px;
}

.step-list--col5 > li .step-list__txt {
  display: block;
  margin-top: 8px;
  font-size: 1.3rem;
  line-height: 24px;
}

.step-list--img .step-list__ico01 {
  position: relative;
  margin: 0;
  padding-top: 67px;
}

.step-list--img .step-list__ico01:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  width: 56px;
  height: 56px;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-starshop.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list--img .step-list__ico02 {
  position: relative;
  margin: 0;
  padding-top: 67px;
}

.step-list--img .step-list__ico02:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  width: 56px;
  height: 56px;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-use.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list--img .step-list__ico03 {
  position: relative;
  margin: 0;
  padding-top: 67px;
}

.step-list--img .step-list__ico03:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  width: 56px;
  height: 56px;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-payment.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list--img .step-list__ico04 {
  position: relative;
  margin: 0;
  padding-top: 67px;
}

.step-list--img .step-list__ico04:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  width: 56px;
  height: 56px;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-ispmobile.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list--img .step-list__ico05 {
  position: relative;
  margin: 0;
  padding-top: 67px;
}

.step-list--img .step-list__ico05:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  width: 56px;
  height: 56px;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-cs.png") center center no-repeat;
  background-size: 100% auto;
}

.step-list--img .step-list__ico06 {
  position: relative;
  margin: 0;
  padding-top: 67px;
}

.step-list--img .step-list__ico06:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  width: 56px;
  height: 56px;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-isperror.png") center center no-repeat;
  background-size: 100% auto;
}

.info-box {
  display: flex;
  flex-wrap: wrap;
  margin: -16px -8px 0;
}

.info-box > li {
  margin: 16px 8px 0;
  width: calc(50% - 16px);
}

.info-box > li {
  position: relative;
  padding: 32px 146px 74px 24px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  min-height: 210px;
}

.info-box > li:after {
  content: "";
  position: absolute;
  top: 32px;
  right: 24px;
}

.info-box__tit {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 28px;
  display: block;
}

.info-box__tit + .list-dash {
  margin-top: 8px;
}

.info-box__desc {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 22px;
  display: block;
  margin-top: 8px;
}

.info-box .btn-go {
  position: absolute;
  left: 24px;
  bottom: 32px;
}

/* bd-line */
.bd-line {
  display: block;
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.bd-line48 {
  display: block;
  padding-top: 48px;
  margin-top: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.arr {
  position: absolute;
  display: block;
  top: 50%;
  right: 32px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-down.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.arr.reverse {
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-up.png");
}

.on .arr {
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-up.png");
}

.on .arr.reverse {
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-down.png");
}

.plus {
  position: absolute;
  display: block;
  top: 50%;
  right: 32px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
}

.plus:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 2px;
  margin-top: -1px;
  background: #222;
  transition: all 0.3s ease-in;
}

.plus:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 2px;
  margin-left: -0.5px;
  background: #222;
  transform: rotate(90deg);
  transition: all 0.3s ease-in;
}

.on .plus:before {
  opacity: 0;
}

.on .plus:after {
  transform: rotate(0deg);
}

.end-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 48px 64px 48px 0;
  margin-bottom: 40px;
  border-radius: 12px;
  background-color: #f9fafc;
}

.end-box__inner {
  position: relative;
  padding-left: 136px;
}

.end-box__inner:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 48px;
  margin-top: -32px;
  font-size: 0;
  width: 64px;
  height: 64px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/64/ico-check.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.end-box__inner .tit-dep2 {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.25;
}

.end-box__inner .end-box__txt {
  margin-top: 8px;
}

.end-box--type2 {
  padding: 64px 64px 64px 0;
}

.end-box .tit-dep2 {
  margin-top: 0;
}

.end-box--popup {
  padding: 24px;
}

.end-box--popup .end-box__inner {
  padding-left: 79px;
}

.end-box--popup .end-box__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  font-size: 0;
  width: 56px;
  height: 56px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-succes.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.end-box--popup .end-box__inner .tit-dep5 {
  margin-bottom: 8px;
}

/* issue */
.issue-box {
  display: block;
  width: 100%;
  padding: 48px;
  margin-bottom: 40px;
  border-radius: 12px;
  background-color: #f9fafc;
}

.issue-box__inner {
  position: relative;
  overflow: hidden;
  padding-left: 88px;
}

.issue-box__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  font-size: 0;
  width: 64px;
  height: 64px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/64/ico-exclamation.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.issue-box__txt {
  display: block;
  margin-top: 8px;
}

.issue-box--type2 {
  margin-bottom: 0;
  padding: 48px;
}

.issue-box--type2 .issue-box__inner {
  padding-left: 88px;
  min-height: 56px;
}

.issue-box--type2 .issue-box__inner:before {
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background-size: 56px;
}

.issue-box.ico--none .issue-box__inner {
  padding-left: 0;
}

.issue-box.ico--none .issue-box__inner:before {
  display: none;
}

/* asis 에러 혼합 */
.issue-box.boxType2 {
	padding: 48px;
	border: none;
}

.issue-box__inner.errorWrap {
	position: relative;
	margin-bottom: 0;
	padding: 0 0 0 88px;
	min-height: auto;
}

.issue-box__inner.errorWrap:after {
  display: none;
}

.issue-box__txt.boxType3 {
	padding: 0 0 0 88px;
}

/* error */
.error-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 24px;
  margin-bottom: 40px;
  border-radius: 12px;
  background-color: #f9fafc;
}

.error-box__inner {
  position: relative;
  padding-left: 72px;
}

.error-box__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-2-cancel.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.error-box__inner .error-box__tit {
  margin-top: 8px;
  font-weight: 600;
}

/* no data box */
.box-nodata {
  text-align: center;
  min-height: 264px;
  padding-top: 80px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.box-nodata span {
  font-weight: 600;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.6);
}

.box-nodata .ico-nodata {
  display: block;
  margin: 0 auto 16px;
  font-size: 0;
  width: 64px;
  height: 64px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/64/ico-exclamation-g.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-nodata.bdb-none {
  border-bottom: 0;
}

.box-nodata.bdt-line {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.box-line {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  padding: 32px 24px;
}

.box-line--type2 {
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.16);
  padding: 20px 24px;
}

.box-line--tb {
  margin-bottom: 60px;
  padding: 16px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.24);
  border-radius: 0;
}

.box-line--tb li:first-child {
  font-size: 1.8rem;
}

.box-line--tb li:first-child .obj {
  font-weight: 600;
}

.box-line--r8 {
  border-radius: 8px;
}

.box-line--pd32 {
  padding: 32px;
}

.box-line--pd16 {
  padding: 16px 24px;
}

.box-line--pd40 {
  padding: 40px;
}

.box-line--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-line--flex-end {
  display: flex;
  justify-content: space-between;
}

.box-line--flex-end .card-list--sel-type {
  width: 100%;
}

.box-line--star-find {
  margin-top: 48px;
  padding: 0;
}

.box-line--star-find .box-line__sel {
  border-top: 1px solid rgba(0, 0, 0, 0.24);
  padding: 48px 24px;
}

.box-line--star-find .box-line__sel .radio-wrap .radio-box + .radio-box {
  margin-top: 24px;
}

.box-line--star-find .tit {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  padding: 16px 0;
}

.box-line .aside-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-line .chart-bar {
  margin: 48px 0 0;
  padding-bottom: 122px;
}

.box-line .bar-txt {
  margin: 0 -32px -32px;
  padding: 14px 32px 13px;
  text-align: center;
}

.box-line .bar-txt span {
  display: inline-block;
  font-weight: 600;
}

.box-line .bar-txt span + span {
  margin-left: 11px;
}

.box-line .list-count {
  margin: 0;
}

.box-line .list-count li + li {
  padding-top: 16px;
}

.box-line .line-top {
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.box-line-round {
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 8px;
}

.box-line-round__tit {
  display: block;
  padding: 16px 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
}

.box-line-round__inner {
  padding: 48px 24px;
}

.box-line-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-line-col .box-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 298px;
  padding: 32px 24px;
}

.box-line-col .box-line + .box-line {
  margin-left: 24px;
}

.box-line-col .box-line .txt-ico {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 24px 0 32px;
}

.box-line-col .box-line .txt-ico.ico1:before {
  content: '';
  display: block;
  margin: 0 auto 16px;
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-2-personalcheck.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-line-col .box-line .txt-ico.ico2:before {
  content: '';
  display: block;
  margin: 0 auto 16px;
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-2-apartment.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-line-col .box-line .txt {
  margin-top: -8px;
  text-align: center;
}

.box-line-col2:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.box-line-col2 .box-line {
  display: flex;
  justify-content: space-between;
  float: left;
  width: calc(50% - 12px);
  margin-right: 24px;
  padding: 32px 32px 32px 24px;
}

.box-line-col2 .box-line:nth-child(2n) {
  margin-right: 0;
}

.box-line-col2 .box-line .txt-area .txt {
  min-height: 70px;
}

.box-line-col2 .box-line .img-area {
  width: 124px;
  height: 124px;
  background: #eff2f7;
  border-radius: 124px;
}

.point-info span {
  font-size: 1.3rem;
}

.point-info p {
  font-size: 2.8rem;
  line-height: 1.29;
  font-weight: 600;
}

.point-info p small {
  vertical-align: middle;
  font-size: 2rem;
}

/* box-gray */
.box-gray {
  overflow: hidden;
  padding: 24px 32px;
  background: #eff2f7;
  border-radius: 8px;
}

.box-gray--badge {
  display: flex;
  align-items: center;
  padding: 34px 0 35px 56px;
}

.box-gray--badge .box-badge {
  margin-left: 24px;
}

.box-gray--badge .box-badge .badge {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
  padding: 0;
}

.box-gray--badge .box-badge .badge + .badge {
  padding-left: 16px;
}

.box-gray .list-form-view {
  align-items: center;
}

.box-gray + .accordions--note {
  margin-top: 40px;
}

.box-gray .tit-dep4 {
  margin: 0;
}

.box-gray .box-img-txt {
  align-items: center;
}

.box-gray .box-img-txt .img-box {
  width: 202px;
  min-height: 128px;
}

.box-gray .box-img-txt .img-box.row img {
  transform: rotate(90deg);
  margin: 29px 0 30px;
}

.box-gray .btn-wrap {
  justify-content: flex-start;
}

.box-gray--pd48 {
  padding: 48px;
}

.box-gray--type2 {
  position: relative;
  padding: 16px 24px;
  border-radius: 12px;
}

.box-gray--type2 .box-img {
  display: block;
  float: left;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  text-align: center;
  line-height: 64px;
  background-color: #fff;
}

.box-gray--type2 .txt-m {
  padding: 18px 0 0 88px;
}

.box-gray--type2 .btn-txt {
  position: absolute;
  right: 24px;
  top: 36px;
}

.box-gray--icon {
  overflow: hidden;
  padding: 32px;
  display: flex;
  align-items: center;
}

.box-gray--icon .box-gray__img {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin-right: 24px;
  background-color: #fff;
  border-radius: 100%;
}

.box-black {
  padding: 32px 48px;
  border-radius: 12px;
  background-color: #3d4859;
}

.box-black .tit-dep2 {
  margin: 8px 0 32px 0;
  color: #fff;
}

.box-black span,
.box-black p {
  color: #fff;
}

.box-line-bg {
  overflow: hidden;
  position: relative;
  padding: 16px 48px;
}

.box-line-bg .box-badge {
  margin: 16px 0 0 0;
}

.box-line-bg:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  width: 115px;
  height: 100%;
  background: url("https://img1.kbcard.com/home_re/pc/img/mykb/bg-handphone.png") bottom right no-repeat;
  background-size: 100% auto;
  background-size: 115px 80px;
}

.box-line-gray {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 21px;
  margin-top: 24px;
  background: #f9fafc;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.box-line-gray__obj {
  display: flex;
}

.box-line-gray__obj .badge {
  margin-right: 16px;
}

.box-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.box-count--type2 {
  justify-content: flex-end;
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.box-count .subject {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.box-count .date {
  font-size: 13px;
}

.box-count2 {
  position: relative;
  margin-top: 32px;
}

.box-count2 .list-line {
  display: flex;
  margin-top: 8px;
}

.box-count2 .list-line li {
  margin-right: 24px;
}

.box-count2 .btn {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -20px;
}

.box-count-keyword {
  display: flex;
}

.box-count-keyword__txt {
  margin-right: 4px;
  color: #0066ff;
}

.box-count-keyword__txt + .box-count-keyword__txt {
  margin-left: 4px;
}

.banner-wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 152px;
  margin-top: 48px;
  border-radius: 12px;
  background-image: linear-gradient(98deg, #f1ecff, rgba(193, 222, 255, 0.87));
}

.banner-wrap:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.banner-wrap__img {
  float: left;
  width: 104px;
  height: 104px;
  font-size: 1.3rem;
  margin-right: 48px;
  border: 1px dashed rgba(255, 0, 0, 0.47);
  border-radius: 50%;
  background: rgba(244, 102, 0, 0.08);
}

.banner-wrap__cont {
  align-items: center;
}

.banner-wrap--type2 {
  display: block;
  padding: 0;
}

.banner-wrap--type2 .swiper-slide {
  display: block;
  text-align: left;
}

.banner-wrap--type2 .swiper-dot {
  top: 160px !important;
}

.banner-wrap--type2 .btn-txt--arr-r2 {
  display: block;
  margin-top: 16px;
}

.card-count {
  display: table;
}

.card-count dt,
.card-count dd {
  display: table-cell;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
}

.card-count dt {
  font-size: 1.3rem;
  padding: 0 8px;
  text-align: center;
  min-width: 85px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.card-count dd {
  padding-left: 16px;
}

.card-count + .card-count {
  margin-top: 16px;
}

.box-col1 .list-count {
  margin: 0;
  padding: 24px;
  border-bottom: 1px solid #666;
}

.box-col1 .list-count:first-of-type {
  border-top: 1px solid #666;
}

.box-col1 .list-count .obj {
  font-weight: 600;
}

.box-col2--type {
  display: flex;
  justify-content: space-between;
}

.box-col2--type .box-col2__inner {
  width: calc(50% - 58px);
}

.box-col2--type .box-col2__inner .box-col2__item {
  width: 100%;
  margin: 32px 0 0 0;
  padding: 0 0 32px 0;
}

.box-col2--type .box-col2__inner .no-line {
  border: 0;
}

.box-col2--type .list-form-view dt,
.box-col2--type .list-form-view dd {
  margin: 24px 0 0 0;
}

.box-col2--type .list-form-view dt:first-of-type,
.box-col2--type .list-form-view dd:first-of-type {
  margin-top: 0;
}

/* 두줄 칼럼 박스 */
.box-col2:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.box-col2 li {
  display: flex;
  align-content: space-around;
}

.box-col2 li:first-child .box-col2__item {
  margin-top: 0px;
}

.box-col2 li:last-child .box-col2__item {
  border-bottom: 0;
  padding-bottom: 0;
}

.box-col2__item {
  margin-top: 40px;
  padding-bottom: 40px;
  width: calc(50% - 40px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.box-col2__item:nth-child(2n+1) {
  margin-right: 80px;
}

.box-col2 .tit-dep4 {
  margin-top: 0;
}

.img-txt-list {
  display: flex;
}

.img-txt-list__item {
  flex: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  margin-right: 24px;
}

.img-txt-list__item:last-child {
  border-right: none;
  margin-right: 0;
}

.img-txt-list__flex {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.img-txt-list__img {
  display: inline-flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 16px;
}

.box-img-txt {
  display: flex;
}

.box-img-txt__cont {
  margin-left: 48px;
}

.box-img-txt--vertical, .box-img-txt--vertical-type2 {
  flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.box-img-txt--vertical .box-img-txt__item, .box-img-txt--vertical-type2 .box-img-txt__item {
  display: flex;
  padding: 40px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.box-img-txt--vertical .box-img-txt__item .img-box span, .box-img-txt--vertical-type2 .box-img-txt__item .img-box span {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 0;
}

.box-img-txt--vertical .box-img-txt__item .list, .box-img-txt--vertical-type2 .box-img-txt__item .list {
  margin-bottom: 0;
}

.box-img-txt--vertical .box-img-txt__item .list li + li, .box-img-txt--vertical-type2 .box-img-txt__item .list li + li {
  padding-top: 0;
}

.box-img-txt--vertical-type2-type2 .box-img-txt__item {
  align-items: center;
}

.box-img-txt--line .box-img-txt__item {
  display: flex;
  align-items: center;
}

.box-img-txt--line .box-img-txt__item + .box-img-txt__item {
  padding-left: 23px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.box-img-txt--line .box-img-txt__img {
  display: inline-flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.box-img-txt--line .box-img-txt__txt {
  display: inline-flex;
  margin-left: 16px;
}

.box-img-txt[class*=--col] {
  flex-wrap: wrap;
}

.box-img-txt--col2 .box-img-txt__item {
  width: 50%;
}

.box-img-txt--col3 .box-img-txt__item {
  width: 33.3333333%;
}

.box-img-txt--col4 .box-img-txt__item {
  width: 25%;
}

.box-img-txt--col5 .box-img-txt__item {
  width: 20%;
}

.img-box span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 192px;
  height: 134px;
  font-size: 1.3rem;
}

.box-img-txt2 {
  display: flex;
  flex-flow: wrap;
}

.box-img-txt2__item {
  display: flex;
  align-items: center;
  width: calc(33.3% - 19px);
  margin-right: 24px;
  margin-top: 24px;
  padding: 16px 20px 16px 24px;
  min-height: 154px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 16px;
}

.box-img-txt2__item:nth-child(1), .box-img-txt2__item:nth-child(2), .box-img-txt2__item:nth-child(3) {
  margin-top: 0;
}

.box-img-txt2__item:nth-child(3n) {
  margin-right: 0;
}

.box-img-txt2__item:only-child {
  width: 100%;
}

.box-img-txt2--col5 .box-img-txt2__inner {
  width: calc(20% - 12px);
}

.box-img-txt2__img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 21px;
  background: #f9fafc;
  border-radius: 50%;
}

.box-img-txt2__img img {
  width: 48px;
  height: 48px;
}

.box-img-txt2__txt {
  display: inline-block;
  width: calc(100% - 106px - 4px);
  margin-top: 4px;
}

.box-img-txt2__txt .btn-txt {
  font-size: 1.8rem;
}

.box-img-txt2__logo {
  display: inline-block;
  text-align: center;
  width: calc(33.3333333% - 19px);
  margin-right: 24px;
  margin-top: 24px;
  padding: 14px 0;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 9px;
}

.box-img-txt2__logo:nth-child(1), .box-img-txt2__logo:nth-child(2), .box-img-txt2__logo:nth-child(3) {
  margin-top: 0;
}

.box-img-txt2__logo:nth-child(3n) {
  margin-right: 0;
}

.box-img-txt2__logo img {
  width: 170px;
  height: 90px;
}

.box-img-txt2__tit {
  display: block;
  line-height: 1.57;
  font-size: 1.8rem;
}

.box-img-txt2--type2 .box-img-txt2__txt {
  width: calc(100% - 88px - 5px);
}

.box-img-txt2--type2 .box-img-txt2__txt .btn-go {
  margin-top: 16px;
}

.box-img-txt2--type2 .box-img-txt2__img {
  margin-right: 0;
}

.box-img-txt2--type2 .box-img__w100 {
  width: 100%;
}

.box-img-txt2--type2 .box-img-txt2__num {
  display: block;
  font-size: 2.8rem;
  font-weight: 600;
}

.box-img-txt2--type3 .box-img-txt2__txt {
  width: calc(100% - 98px - 4px);
}

.box-img-txt2--split .box-img-txt2__logo {
  padding: 0;
  text-align: left;
}

.box-img-txt2--split img {
  display: inline-block;
  width: 180px;
  height: 88px;
  border-radius: 9px 0 0 9px;
}

.box-img-txt2--split .box-img-txt2__price {
  display: block;
  float: right;
  padding-right: 24px;
  line-height: 88px;
}

.box-img-txt2--auto .box-img-txt2__item {
  min-height: auto;
}

.box-img-txt2--auto .box-img-txt2__img {
  width: 64px;
  height: 64px;
}

.box-img-txt2--icon .box-img-txt2__item {
  position: relative;
  min-height: auto;
}

.box-img-txt2--icon .box-img-txt2__img {
  width: 64px;
  height: 64px;
  background-color: transparent;
}

.box-img-txt2--icon .badge {
  position: absolute;
  right: 16px;
  top: 16px;
}

.box-img-txt2--icon .box-img-txt2__txt .btn-txt {
  font-size: 1.5rem;
}

.box-img-txt2--icon .box-img-txt2__txt .btn-txt + span {
  display: block;
}

.box-img-txt2--icon-vertical .box-img-txt2__item {
  display: block;
}

.box-img-txt2--icon-vertical .box-img-txt2__txt {
  width: auto;
}

.box-img-txt2--col2 .box-img-txt2__item {
  min-height: 84px;
  width: calc(50% - 13px);
  padding: 24px 18px 24px 24px;
  margin-right: 21px;
}

.box-img-txt2--col2 .box-img-txt2__item:last-child {
  margin-right: 0;
}

.box-img-txt2--col2 .box-img-txt2__item:nth-child(2n) {
  margin-right: 0;
}

.box-img-txt2--col2 .box-img-txt2__item:nth-child(3) {
  margin-top: 24px;
}

.box-img-txt2--col4 .box-img-txt2__item {
  min-height: auto;
  width: calc(25% - 18px);
}

.box-img-txt2--col4 .box-img-txt2__item:nth-child(4) {
  margin-top: 0;
}

.box-img-txt2--col4 .box-img-txt2__item:nth-child(3n) {
  margin-right: 24px;
}

.box-img-txt2--col4 .box-img-txt2__item:nth-child(4n) {
  margin-right: 0;
}

.box-img-txt2--col4 .box-img-txt2__img {
  width: 56px;
  height: 56px;
}

.box-img-txt2--col4 .box-img-txt2__txt {
  width: auto;
}

.box-img-txt2--col4 .box-img-txt2__txt .btn-txt {
  font-size: 1.5rem;
}

.box-img-txt3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}

.box-img-txt3__cont {
  flex: 2;
}

.box-img-txt3__img {
  width: 136px;
  height: 136px;
  border-radius: 136px;
  background: #eff2f7;
}

.box-img-txt3__img.square {
  width: 184px;
  height: 90px;
  margin-right: 48px;
  border-radius: 0;
}

.box-img-txt3--lavel {
  padding: 24px 48px;
}

.box-img-txt3--lavel .box-img-txt3__img {
  width: 126px;
  height: 126px;
  margin-right: 48px;
  border-radius: 50%;
  background-color: #fff;
}

.box-img-txt3--lavel .box-img-txt3__tit {
  font-size: 3.2rem;
  vertical-align: middle;
}

.box-img-txt4 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 24px;
}

.box-img-txt4__cont {
  flex: 3;
}

.box-img-txt4__img {
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border: 1px dashed rgba(255, 0, 0, 0.47);
  background: rgba(244, 102, 0, 0.08);
  border-radius: 112px;
}

.box-img-txt4__txt {
  display: inline-block;
  margin-top: 4px;
}

.box-img-txt4__txt .txt {
  margin-top: 6px;
}

.box-img-txt5 {
  margin-top: -24px;
}

.box-img-txt5:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.box-img-txt5__item {
  overflow: hidden;
  float: left;
  margin-top: 24px;
  margin-right: 24px;
  width: calc(33.3333333% - 16px);
  border-radius: 12px;
}

.box-img-txt5__item:nth-child(3n) {
  margin-right: 0;
}

.box-img-txt5__bann {
  height: 194px;
  background: rgba(255, 0, 0, 0.47);
}

.box-img-txt5__cont {
  padding: 16px 24px 24px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: none;
  border-radius: 12px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.box-img-txt5__cont .txt {
  height: 44px;
  margin-top: 8px;
  font-size: 1.3rem;
}

.box-img-txt5__etc {
  margin-bottom: 16px;
  text-align: right;
}

.box-img-txt5__aside {
  margin-top: 24px;
}

.box-img-txt5--col4 .box-img-txt5__item {
  width: calc(25% - 18px);
}

.box-img-txt5--col4 .box-img-txt5__item:nth-child(3n) {
  margin-right: 24px;
}

.box-img-txt5--col4 .box-img-txt5__item:nth-child(4n) {
  margin-right: 0;
}

.box-img-txt5--col4 .box-img-txt5__item:nth-child(n+5) {
  margin-top: 24px;
}

.box-img-txt5--col4 .box-img-txt5__cont {
  padding: 16px 16px 24px 16px;
}

.box-tit-txt {
  display: flex;
  flex-flow: row wrap;
  padding: 48px 0;
}

.box-tit-txt + .box-tit-txt {
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.box-tit-txt__tit {
  flex-basis: 276px;
  font-size: 2.4rem;
  line-height: 1.334;
}

.box-tit-txt__txt {
  flex: 1;
}

.box-tit-txt--va-c {
  align-items: center;
}

.box-tit-txt--no-line {
  padding: 40px 0;
}

.box-tit-txt--no-line + .box-tit-txt--no-line {
  border-top-width: 0;
}

.box-col3 li {
  display: flex;
  align-content: space-around;
  margin-top: 48px;
}

.box-col3 li:first-child {
  margin-top: 0;
}

.box-col3__item {
  margin-right: 96px;
  width: calc(33% - 32px);
}

.box-col3__item:nth-child(3n) {
  margin-right: 0;
}

.box-col3 .tit-dep5 {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.box-col3 .list-form-wiew dd {
  text-align: right;
}

.round-line-box {
  border: 1px solid rgba(0, 0, 0, 0.16);
  text-align: center;
  border-radius: 20px;
}

.round-line-box img + .round-line-box__tit {
  margin-top: 24px;
}

.round-line-box__tit {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
}

.round-line-box__txt {
  margin-top: 8px;
}

/* 네줄 칼럼 박스 */
.box-col4 {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.box-col4 .list-count {
  width: calc(50% - 32px);
}

.box-col4 .list-count + .list-count {
  margin-left: 64px;
}

.box-col4 .list-count li + li {
  padding-top: 16px;
}

.box-col4 .list-count li .obj {
  font-weight: 600;
}

/* 4열 썸네일 목록 */
.list-thumb-txt {
  display: flex;
  flex-flow: row wrap;
}

.list-thumb-txt__item {
  overflow: hidden;
  width: calc(25% - 18px);
  margin-left: 24px;
  border-radius: 12px;
}

.list-thumb-txt__item:nth-child(4n+1) {
  margin-left: 0;
}

.list-thumb-txt__item:nth-child(n+5) {
  margin-top: 24px;
}

.list-thumb-txt__inner {
  display: flex;
  flex-flow: column wrap;
}

.list-thumb-txt__box {
  width: 100%;
  padding: 24px 8px 24px 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top-width: 0;
  border-radius: 0 0 12px 12px;
}

.list-thumb-txt__img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 31px 0;
}

.list-thumb-txt__img img {
  width: 80px;
  height: 80px;
}

.list-thumb-txt__tit {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 2rem;
  font-weight: 600;
}

.list-thumb-txt__tit--multi {
  height: 62px;
  font-weight: 600;
  text-overflow: initial;
  white-space: unset;
}

.list-thumb-txt__tit--multi + .list-thumb-txt__txt {
  margin-top: 8px;
  font-size: 1.3rem;
}

.list-thumb-txt__txt {
  display: block;
  margin-top: 32px;
}

.list-thumb-txt img {
  max-width: 100%;
}

.list-col4 {
  display: flex;
  flex-flow: row wrap;
}

.list-col4 img {
  max-width: 100%;
}

.list-col4--gap16 .list-col4__item {
  width: calc(25% - 12px);
  margin-right: 16px;
}

.list-col4--gap16 .list-col4__item:nth-child(n+5) {
  margin-top: 16px;
}

.list-col4--gap24 .list-col4__item {
  width: calc(25% - 18px);
  margin-right: 24px;
}

.list-col4--gap24 .list-col4__item:nth-child(n+5) {
  margin-top: 24px;
}

.list-col4--gap36 .list-col4__item {
  width: calc(25% - 30px);
  margin-right: 36px;
}

.list-col4--gap36 .list-col4__item:nth-child(n+5) {
  margin-top: 36px;
}

.list-col4--gap56 .list-col4__item {
  width: calc(25% - 42px);
  margin-right: 56px;
}

.list-col4--gap56 .list-col4__item:nth-child(n+5) {
  margin-top: 56px;
}

.list-col4__item:nth-child(4n) {
  margin-right: 0;
}

.list-col4 .round-line-box {
  height: 100%;
  padding: 40px 0;
}

.list-col-box {
  display: flex;
  flex-wrap: wrap;
  margin: -24px -12px 0;
}

.list-col-box > li {
  margin: 24px 12px 0;
  width: calc(25% - 24px);
}

.list-col-box__item {
  display: flex;
  overflow: hidden;
  position: relative;
  padding: 24px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  flex-flow: row nowrap;
  align-items: center;
}

.list-col-box__img {
  width: 56px;
  height: 56px;
  margin-right: 16px;
}

.list-col-box__txt {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex: 1;
}

.list-col-box__btn-blind {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.area-banner-event {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.area-banner-event__item {
  display: flex;
  position: relative;
  width: calc(50% - 12px);
  padding: 44px 168px 44px 48px;
  border-radius: 12px;
  flex-flow: column wrap;
}

.area-banner-event__item:nth-child(even) {
  margin-left: 24px;
}

.area-banner-event__item .area-banner-event__tit {
  margin-top: 8px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.334;
}

.area-banner-event__item .area-banner-event__desc {
  font-weight: 600;
}

.area-banner-event__item img {
  content: "";
  position: absolute;
  top: 50%;
  right: 48px;
  margin-top: -60px;
  width: 120px;
  height: 120px;
}

.area-banner-event + .area-txt-event {
  margin-top: 32px;
}

.area-txt-event ul {
  display: flex;
  flex-flow: row wrap;
}

.area-txt-event__item {
  position: relative;
  width: 25%;
  padding-right: 16px;
}

.area-txt-event__item + .area-txt-event__item {
  padding-left: 24px;
}

.area-txt-event__item + .area-txt-event__item:before {
  content: "";
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.16);
  content: '';
}

.area-txt-event__item a {
  display: block;
}

.area-txt-event__item .area-txt-event__txt {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-weight: 600;
  text-decoration: underline;
}

.area-txt-event__item .area-txt-event__date {
  display: block;
  margin-top: 8px;
  font-size: 1.3rem;
  font-weight: 400;
}

.box-banner {
  padding: 12px 32px;
  background-color: #f9fafc;
  font-weight: 600;
  border-radius: 8px;
}

.location-menua {
  display: inline-block;
}

.location-menu__dep + .location-menu__dep:before {
  content: ' > ';
}

.round-box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 270px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.round-box__inner {
  width: 344px;
  padding: 32px 0;
}

.round-box__inner .btn-wrap {
  margin-top: 0;
}

.round-box__inner .tbl-form table th {
  padding-top: 24px;
}

.round-box__inner .tbl-form table td {
  padding-top: 16px;
}

.round-box--short {
  height: 0;
}

.round-box--short .btn-wrap .btn:only-child {
  width: 100%;
}

.round-box--type2 {
  min-height: 143px;
}

.round-box--type3 {
  min-height: 216px;
}

.round-box--type3 .round-box__inner {
  width: 528px;
  padding-bottom: 0;
}

.round-box--type4 {
  min-height: 216px;
}

.round-box--type4 .round-box__inner {
  width: 712px;
  padding-bottom: 0;
}

.link-wrap {
  text-align: center;
}

.link-wrap > :first-child {
  float: left;
}

.link-wrap > :last-child {
  float: right;
}

.link-wrap > :only-child {
  text-align: center;
  float: none;
}

.link-wrap:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.my-info__area {
  text-align: center;
}

.my-info__title {
  font-size: 1.8rem;
  line-height: 28px;
}

.my-info__title + .my-info__userId {
  margin-top: 21px;
}

.my-info__title + .radio-wrap {
  margin-top: 17px;
}

.my-info__userId {
  display: block;
  font-size: 2.8rem;
  line-height: 1;
}

.box-chk-list {
  position: relative;
}

.box-chk-list__item {
  display: flex;
  margin-top: 16px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}

.box-chk-list__item.on {
  border-color: rgba(0, 0, 0, 0.87);
}

.box-chk-list__left {
  position: relative;
  width: 240px;
  padding: 24px 5px 0 56px;
  display: flex;
  flex-wrap: wrap;
}

.box-chk-list__left .radio-box,
.box-chk-list__left .check-box {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 19px;
  z-index: 0;
  height: 100%;
  box-sizing: border-box;
}

.box-chk-list__left .radio-box label,
.box-chk-list__left .check-box label {
  width: 100%;
  padding-left: 16px;
}

.box-chk-list__left .radio-box label:before,
.box-chk-list__left .check-box label:before {
  margin-right: 16px;
}

.box-chk-list__left .check-box {
  top: 8px;
}

.box-chk-list__opt {
  width: 100%;
}

.box-chk-list__rate {
  font-size: 1.3rem;
  line-height: 1.69;
  display: block;
}

.box-chk-list__num {
  margin-top: 8px;
}

.box-chk-list__sale {
  font-size: 1.8rem;
  line-height: 1.56;
  font-weight: 600;
}

.box-chk-list__org {
  display: inline-block;
  margin-left: 8px;
  font-size: 1.3rem;
  line-height: 1.69;
  text-decoration: line-through;
}

.box-chk-list__btn {
  display: block;
  width: 100%;
  margin-top: 16px;
}

.box-chk-list__btn + .box-chk-list__btn {
  margin-top: 8px;
}

.box-chk-list__right {
  width: calc(100% - 240px);
  padding: 24px 32px;
  background-color: #f9fafc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.box-chk-list--type2 .box-chk-list__left {
  width: 276px;
}

.box-chk-list--type2 .box-chk-list__right {
  width: calc(100% - 276px);
  padding: 20px 0;
  background-color: #fff;
}

.box-chk-list--type2 .box-chk-list__right .list-form-view dt {
  width: 184px;
}

.box-chk-list--type2 .box-chk-list__right .list-form-view dt,
.box-chk-list--type2 .box-chk-list__right .list-form-view dd {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}

.box-chk-list--type2 .box-chk-list__right .list-form-view dd {
  width: calc(100% - 184px);
}

.box-chk-list--type4 .box-chk-list__left {
  width: 276px;
}

.box-chk-list--type4 .box-chk-list__right {
  width: calc(100% - 276px);
  padding: 20px 0;
  background-color: #fff;
}

.chk-box:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.chk-box__item {
  position: relative;
  display: block;
  width: 100%;
  padding: 24px;
  margin-right: 24px;
  margin-top: 16px;
}

.chk-box__item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  box-sizing: border-box;
}

.chk-box__item > .radio-box,
.chk-box__item > .check-box {
  position: static;
  margin-right: 0;
}

.chk-box__item > .radio-box label,
.chk-box__item > .check-box label {
  position: static;
  font-size: 1.8rem;
  padding-left: 32px;
  text-indent: -32px;
  line-height: 2.8rem;
}

.chk-box__item > .radio-box label:after,
.chk-box__item > .check-box label:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  z-index: 10;
}

.chk-box__item > .radio-box label > *,
.chk-box__item > .check-box label > * {
  text-indent: 0;
}

.chk-box__item > .radio-box label .badge,
.chk-box__item > .check-box label .badge {
  vertical-align: text-top;
}

.chk-box__item > .radio-box input:checked + label:after,
.chk-box__item > .check-box input:checked + label:after {
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.chk-box__item .badge {
  margin-left: 8px;
}

.chk-box.choice-card {
  display: flex;
  flex-wrap: wrap;
}

.chk-box.choice-card .chk-box__item {
  display: flex;
  justify-content: space-between;
  width: calc(50% - 12px);
  padding: 32px;
}

.chk-box.choice-card .chk-box__item:nth-child(2n) {
  margin-right: 0;
}

.chk-box.choice-card .chk-box__item .radio-box {
  display: block;
}

.chk-box.choice-card .choice-card__img {
  width: 202px;
  height: 128px;
  margin: 8px 0;
}

.chk-box.choice-card .choice-card__img img {
  max-width: 202px;
}

.chk-box.choice-card input:checked + label:after {
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.chk-box__link {
  position: absolute;
  top: 27px;
  right: 24px;
}

.chk-box__del {
  position: absolute;
  top: 16px;
  right: 24px;
  z-index:10;
  overflow: hidden;
  width: 24px;
  height: 24px;
  text-indent: -999999em;
}

.chk-box__del:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-1-close.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.chk-box__cont {
  margin: 8px 0 0 32px;
}

.chk-box__cont:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.chk-box__cont .img-card {
  float: left;
  width: 120px;
  height: 76px;
  margin-right: 40px;
}

.chk-box__cont .img-card img {
  width: 100%;
}

.chk-box__cont .img-card.row {
  transform: rotate(90deg);
}

.chk-box__cont .list-count {
  float: right;
  width: calc(100% - 160px);
}

.chk-box__cont2 {
  display: flex;
  margin: 8px 0 0 32px;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

.chk-box__cont2 .chk-box__infor {
  min-width: 212px;
}

.chk-box__cont2 .chk-box__infor.block {
  min-width: 100%;
}

.chk-box__cont2 .radio-box {
  position: relative;
}

.chk-box__cont2 .radio-box label:after {
  display: none;
}

.chk-box__cont3 {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  margin: 8px 0 0 32px;
}

.chk-box__cont3 .chk-box__infor {
  width: calc(50% - 62px);
  min-width: auto;
}

.chk-box__cont3 .chk-box__infor .chk-box__aside {
  justify-content: space-between;
}

.chk-box__aside {
  display: flex;
}

.chk-box__aside + .chk-box__aside {
  margin-top: 8px;
}

.chk-box__aside dt {
  margin-right: 8px;
  white-space: nowrap;
}

.chk-box__aside dd {
  font-weight: 600;
  margin-right: 16px;
}

.chk-box__etc .field-txt {
  margin: 8px 0;
}

.chk-box__etc .radio-box label {
  font-size: 1.5rem;
}

.chk-box__txt {
  padding-left: 39px;
}

.chk-box__obj {
  display: flex;
}

.chk-box__obj > li {
  margin-right: 16px;
}

.chk-box--vertical2 .chk-box__item {
  padding: 8px 16px 8px 56px;
}

.chk-box--vertical2 .chk-box__item:after {
  border-radius: 4px;
}

.chk-box--vertical2 .chk-box__item .radio-box,
.chk-box--vertical2 .chk-box__item .check-box {
  position: static;
}

.chk-box--vertical2 .chk-box__item label {
  position: static;
  padding: 0;
  font-size: 1.5rem;
  line-height: 24px;
  text-indent: 0;
  vertical-align: top;
}

.chk-box--vertical2 .chk-box__item label:before {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
}

.chk-box--vertical2 .chk-box__item label:after {
  border-radius: 4px;
}

.chk-box--vertical2 .chk-box__cont {
  margin: 0;
}

.chk-box--vertical2 .badge {
  margin: 3px 0 0 16px;
}

.chk-box--type2 .chk-box__item {
  padding: 0;
  background: #f9fafc;
}

.chk-box--type2 .chk-box__item:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.chk-box--type2 .chk-box__item .radio-box {
  display: block;
  float: left;
  width: calc(100% - 184px);
  padding: 24px 40px 22px 24px;
  background: #fff;
}

.chk-box--type2 .chk-box__item .radio-box .badge {
  margin-left: 8px;
}

.chk-box--type2 .chk-box__obj {
  float: left;
  display: block;
  width: calc(100% - 184px);
  padding: 0 40px 24px 64px;
  background: #fff;
}

.chk-box--type2 .chk-box__cont {
  float: right;
  width: 184px;
  margin: 0;
  padding: 32px 24px;
}

.chk-box--type2 .chk-box__cont .list-count {
  width: auto;
}

.chk-box--type2 .chk-box__cont .list-count .obj {
  font-weight: 600;
}

.chk-box--type2 .chk-box__list dd {
  font-size: 1.8rem;
  font-weight: 600;
}

.chk-box--type2 .chk-box__list + .chk-box__list {
  margin-top: 16px;
}

.chk-box--type3 .chk-box__item {
  display: flex;
  align-items: center;
}

.chk-box--type3 .chk-box__cont {
  margin: 0;
}

.chk-box--type4 .chk-box__item {
  display: flex;
  margin-right: 0;
  padding-bottom: 40px;
  align-items: flex-start;
}

.chk-box--type4 .chk-box__item:first-child {
  margin-top: 0;
}

.chk-box--type4 .chk-box__item .radio-box {
  margin-right: 4px;
}

.chk-box--type4 .chk-box__item .radio-box label:before {
  margin-right: 0;
}

.chk-box--type4 .chk-box__item .radio-box label:after {
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.chk-box--type4 .chk-box__item input:checked + label:after {
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.chk-box--type4 .chk-box__item .chk-box__cont {
  width: 100%;
}

.chk-box--type4 .chk-box__item .chk-box__cont button,
.chk-box--type4 .chk-box__item .chk-box__cont a {
  position: relative;
  z-index: 100;
}

.chk-box--type4 .chk-box__item .list-detail {
  margin-top: 0;
  margin-left: 220px;
}

.chk-box--type4 .chk-box__item .list-detail .list-detail__tit {
  margin: 16px 0 0 0;
}

.chk-box--type4 .chk-box__item .list-detail .aside-sort {
  margin-top: 16px;
}

.chk-box--type4 .chk-box__item .list-detail .list-detail__btn {
  display: none;
  margin-left: 16px;
}

.chk-box--type4 .chk-box__item .list-detail .list-detail__btn a {
  margin-left: 6px;
}

.chk-box--type4 .chk-box__item .list-detail .list-detail__btn:first-child {
  margin-left: 0;
}

.chk-box--type4 .chk-box__item .box-line-infor {
  margin: 32px -23px -40px -83px;
  padding: 32px 0;
  text-align: center;
  background-color: #f9fafc;
  border-top: 0;
}

.chk-box--type4 .chk-box__item .box-line-infor .btn.btn--line-gray {
  margin-left: 12px;
}

.chk-box--type4 .img-card {
  float: left;
  width: 202px;
  height: auto;
  margin-left: 16px;
}

.chk-box--type4 .img-card img {
  width: 100%;
}

.chk-box--type4 .img-card.row {
  margin-top: 34px;
  transform: rotate(90deg);
}

.chk-box--type4 .img-card.row + .list-detail {
  min-height: 166px;
}

.chk-box--arrow {
  position: relative;
}

.chk-box--arrow .chk-link {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 11;
  margin-top: -65px;
  display: block;
  font-size: 0;
  width: 84px;
  height: 130px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-right.png") 48px center no-repeat;
  background-size: 100% auto;
  background-size: 16px 16px;
  opacity: 0.6;
  text-indent: -9999em;
}

.chk-box--arrow input:checked + label:after {
  border: 2px solid rgba(0, 0, 0, 0.87);
}

.chk-box--arrow .chk-box__item {
  padding-right: 40px;
}

.chk-box--form .chk-box__item {
  padding: 16px;
}

.chk-box--form .radio-box label {
  font-size: 1.5rem;
}

.chk-box--form .radio-box label:after {
  border-radius: 4px;
}

.chk-box--form .form-field__cont {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.6);
}

.chk-box--half {
  display: flex;
  flex-wrap: wrap;
}

.chk-box--half .chk-box__item {
  width: calc(50% - 12px);
  margin-right: 24px;
}

.chk-box--half .chk-box__item:nth-child(2n) {
  margin-right: 0;
}

.box-ico-infor {
  position: relative;
  padding-left: 192px;
  min-height: 152px;
}

.box-ico-infor.cs-charter:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/img/customer/img-consumer-charter.png");
}

.box-ico-infor.cs-day:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/img/customer/img-consumer-charter.png");
}

.box-ico-infor.cs-process:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/img/customer/img-consumer-charter.png");
}

.box-ico-infor .ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 152px;
  height: 152px;
}

.box-infor-ico {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.box-infor-ico__img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 172px;
  height: 172px;
  border-radius: 50%;
}

.box-infor-ico__item > strong {
  display: inline-block;
  margin-bottom: 4px;
}

.box-infor-ico__item .btn-area {
  margin-top: 24px;
}

.box-infor-ico__imgbox {
  width: 240px;
  height: 152px;
  margin-right: 48px;
}

.box-infor-ico__imgbox img {
  width: 100%;
}

.box-infor-ico__box {
  display: inline-flex;
  text-align: center;
}

.box-infor-ico__box li {
  width: 160px;
  height: 140px;
  padding-top: 66px;
  background: #fff;
  font-weight: 600;
  border-radius: 8px;
  position: relative;
}

.box-infor-ico__box li:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -16px;
  top: 26px;
}

.box-infor-ico__box li + li {
  margin-left: 8px;
}

.box-infor-ico__box .ico1:before {
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-mobile.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-infor-ico__box .ico2:before {
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-money.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-infor-ico__box .ico3:before {
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-mn-free.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.box-infor-ico__box--type2 li {
  width: 216px;
  padding-top: 50px;
}

.box-infor-ico--type2 {
  justify-content: flex-start;
  padding: 18px 0;
}

.box-infor-ico--type2 .box-infor-ico__img {
  margin-right: 48px;
}

.box-infor-ico--type2 .tit-dep2 {
  margin: 0;
}

.box-infor-ico--type2 .box-infor-ico__imgbox {
  width: 100px;
  height: 100px;
  margin-right: 56px;
  margin-left: 36px;
}

.box-infor-ico--type2 .box-infor-ico__imgbox img {
  width: 100%;
}

.box-line-infor {
  margin-top: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.box-line-infor__flex {
  margin-top: 24px;
  padding-top: 24px;
}

.tit-ico {
  position: relative;
  padding-left: 48px;
}

.tit-ico:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-cardfind.png") center center no-repeat;
  background-size: 100% auto;
}

.tit-ico--event {
  padding-left: 68px;
}

.tit-ico--event::before {
  font-size: 0;
  width: 59px;
  height: 32px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/32/ico-event.png") center center no-repeat;
  background-size: 100% auto;
}

.box-line-split {
  overflow: hidden;
  margin-top: 140px;
}

.box-line-split .box-line {
  position: relative;
  float: left;
  width: 528px;
  height: 210px;
  margin: 0 0 24px 24px;
}

.box-line-split .box-line:nth-of-type(1), .box-line-split .box-line:nth-of-type(3) {
  margin-left: 0;
}

.box-line-split .box-line.type2 {
  overflow: hidden;
}

.box-line-split .box-line.type2 .box-line__txt {
  float: left;
}

.box-line-split .box-line.type2 .btn-wrap {
  display: block;
  float: right;
  margin-top: 0;
}

.box-line-split .box-line.type2 .btn-wrap .btn-go {
  position: static;
  display: block;
  width: 160px;
  margin: 0 0 8px 0;
  font-size: 14px;
  /* font-size: size(13); IE 버그생김 */
}

.box-line-split .box-line .btn-go {
  position: absolute;
  left: 32px;
  bottom: 32px;
}

.box-line-split .box-line__txt .tit-dep5 {
  margin-bottom: 8px;
}

.box-line-split .box-line--ico:after {
  content: '';
  display: block;
  position: absolute;
  right: 32px;
  top: 32px;
  width: 96px;
  height: 96px;
  border-radius: 100%;
}

.box-line-split .box-line--ico.ico--card:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-cardregister-48.png") center center no-repeat;
  background-size: 100% auto;
  background-color: #f9fafc;
  background-size: 48px;
}

.box-line-split .box-line--ico.ico--card2:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-appcard.png") center center no-repeat;
  background-size: 100% auto;
  background-color: #f9fafc;
  background-size: 48px;
}

.box-line-split .box-line--ico.ico--card3:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-card-48.png") center center no-repeat;
  background-size: 100% auto;
  background-color: #f9fafc;
  background-size: 48px;
}

.box-line-split .box-line--ico.ico--info:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-personalalarm-48.png") center center no-repeat;
  background-size: 100% auto;
  background-color: #f9fafc;
  background-size: 48px;
}

.box-line-split .box-line--ico.ico--money:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-speciallimit.png") center center no-repeat;
  background-size: 100% auto;
  background-color: #f9fafc;
  background-size: 48px;
}

.box-line-split .box-line--ico.ico--01:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-abroad.png") center center no-repeat;
  background-size: 100% auto;
  background-size: 56px;
}

.box-line-split .box-line--ico.ico--02:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-shield.png") center center no-repeat;
  background-size: 100% auto;
  background-size: 56px;
}

.box-line-split .box-line--ico.ico--03:after {
  font-size: 0;
  background: url("https://img1.kbcard.com/home_re/pc/ico/56/ico-certificate.png") center center no-repeat;
  background-size: 100% auto;
  background-size: 56px;
}

.list-category-card {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.list-category-card li {
  flex: 0 0 202px;
  margin: 48px 120px 0 0;
}

.list-category-card li:nth-of-type(1), .list-category-card li:nth-of-type(2), .list-category-card li:nth-of-type(3) {
  margin-top: 0;
}

.list-category-card li:nth-child(3n) {
  margin-right: 0;
}

.list-category-card li .card__img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 15;
  margin-bottom: 24px;
  width: 202px;
  height: 202px;
}

.list-category-card li .card__img img {
  position: relative;
  z-index: 17;
  max-width: 202px;
  max-height: 202px;
}

.list-category-card li .card__img.row {
  transform: rotate(90deg);
}

.list-category-card li .card__img:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 16;
  width: 202px;
  height: 202px;
  border-radius: 100%;
  background-color: #f1f4f8;
  content: "";
}

.list-category-card li .card__tit {
  width: 202px;
  max-width: 202px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.list-category-card--center {
  justify-content: center;
}

.list-category-card--col3 {
  justify-content: space-between;
}

.list-category-card--col3 li {
  margin-top: 0;
  margin-right: 0;
}

.list-category-card--col3 li:nth-of-type(4n) {
  margin-right: 0;
}

.list-category-card--col3 li:nth-of-type(n+4) {
  margin-top: 72px;
}

.ico-arrow {
  display: block;
  margin: 0 auto 48px;
  font-size: 0;
  width: 64px;
  height: 64px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/64/ico-2-arrow-down.png") 50% 50% no-repeat;
  background-size: 100% auto;
}

.col2 > * {
  width: 50% !important;
}

.square-img:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.square-img__obj {
  float: left;
  margin-top: 40px;
  padding: 32px 24px;
  margin-right: 24px;
  text-align: center;
  background: #f9fafc;
  border-radius: 12px;
}

.square-img__obj img {
  display: block;
  width: 114px;
  height: 114px;
  margin: 0 auto;
}

.square-img__obj .txt-area {
  margin-top: 16px;
  height: 52px;
}

.square-img__obj .txt-area strong {
  font-size: 1.8rem;
  font-weight: 600;
}

.square-img--book .square-img__obj {
  background: none;
  margin-top: 0;
  border-radius: 0;
}

.square-img--book .square-img__obj img {
  width: 116px;
  height: 152px;
}

.square-img--book .txt-area {
  height: auto;
}

.square-img--col2 .square-img__obj {
  width: calc(50% - 24px);
}

.square-img--col2 .square-img__obj:nth-child(2n) {
  margin-right: 0;
}

.square-img--col3 .square-img__obj {
  width: calc(33.3% - 24px);
}

.square-img--col3 .square-img__obj:nth-child(3n) {
  margin-right: 0;
}

.square-img--col4 .square-img__obj {
  width: calc(25% - 18px);
}

.square-img--col4 .square-img__obj:nth-child(4n) {
  margin-right: 0;
}

.square-img--expand .square-img__obj {
  padding: 51px 24px 30px 24px;
}

.square-img--expand .square-img__obj .square-img__el {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}

.square-img--expand .square-img__obj .square-img__el > img {
  width: 64px;
  height: auto;
}

.square-img--expand .square-img__obj .txt-area {
  margin-top: 47px;
}

.box-gray2 {
  overflow: hidden;
  padding: 0 24px 24px;
  width: 344px;
  background: #f9fafc;
  border-radius: 8px;
}

.box-gray2 .head-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.box-gray2 .head-area .tit-dep4 {
  margin: 12px 0;
}

.box-gray2 .head-area .aside {
  margin: 12px 0 0;
}

.box-gray2 .head-area .aside__pay {
  margin-top: 8px;
}

.box-gray2 .aside {
  margin: 16px 0 24px;
}

.box-gray2 .aside__day {
  display: flex;
  justify-content: space-between;
}

.box-gray2 .aside__day span {
  font-size: 1.3rem;
}

.box-gray2 .aside__pay {
  margin: 16px 0;
  font-weight: 600;
  font-size: 2rem;
}

.box-gray2 .aside__pay span {
  display: inline-block;
  vertical-align: top;
  line-height: 1.08;
  font-weight: 600;
}

.box-gray2 .aside--line {
  margin-bottom: 24px;
}

.box-gray2 .aside--line .aside__day {
  padding: 9px 0 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.box-gray2 .card-count dt {
  min-width: 62px;
}

.box-gray2 .btn-wrap {
  flex-flow: column;
  margin-top: 24px;
}

.box-gray2 .btn-wrap li {
  display: flex;
}

.box-gray2 .btn-wrap li + li {
  margin-top: 8px;
}

.box-gray2 .btn-wrap li .btn {
  flex-grow: 1;
  padding: 0 16px;
}

.box-gray2--flex {
  display: flex;
  width: 100%;
  margin-bottom: 24px;
}

.box-gray2--flex .card-tit {
  margin-top: 24px;
  width: 168px;
  margin-right: 60px;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.7;
}

.box-gray2--flex .aside {
  margin: 24px 0 0;
}

.box-gray2--flex .aside__pay {
  margin: 12px 0 13px;
}

.tit-wrap > p {
  font-size: 1.8rem;
  font-weight: 600;
}

.tit-wrap .tit-dep2 {
  margin: 8px auto 16px;
}

.white-box {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
}

.txt-through {
  text-decoration: line-through !important;
}

.info-repayment > li {
  padding: 32px 24px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  min-height: 208px;
  position: relative;
}

.info-repayment > li + li {
  margin-top: 16px;
}

.info-repayment__tit {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 28px;
  display: block;
}

.info-repayment__desc {
  display: block;
  margin-top: 8px;
}

.info-repayment__img {
  position: absolute;
  right: 24px;
  top: 32px;
}

.guide-list {
  margin: -48px 0 0 -74px;
}

.guide-list > li {
  display: inline-block;
  position: relative;
  width: calc(33.3333% - 77px);
  margin: 48px 0 0 74px;
}

.guide-list > li:before {
  display: block;
  width: 64px;
  height: 64px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-size: 40px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eff2f7;
}

.guide-list > li .list-dash {
  margin-top: 20px;
}

.guide-list__tit {
  display: inline-block;
  margin: 20px 0 15px 80px;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 28px;
}

.guide-list .guide-list__item1:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-visual-48-e-2.png");
}

.guide-list .guide-list__item2:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-cs.png");
}

.guide-list .guide-list__item3:before {
  background-image: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-account-48.png");
}

.board-detail-view {
  max-width: 480px;
  margin: 0 auto 80px;
}

.board-detail-view .swiper-container {
  height: auto;
  padding-bottom: 24px;
}

.board-detail-view .swiper-dot [class$=bullet-active] {
  width: 8px;
}

.board-detail-view img {
  max-width: 100%;
}

.box-card-infor__item {
  display: flex;
  padding-top: 48px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.box-card-infor__item + .box-card-infor__item {
  padding-top: 32px;
}

.box-card-infor__card {
  width: 240px;
  margin-right: 64px;
  text-align: center;
}

.box-card-infor__card img {
  width: 100%;
  margin-bottom: 16px;
}

.box-card-infor__etc {
  display: flex;
}

.box-card-infor__etc li {
  min-width: 216px;
}

.box-card-infor__etc strong {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.box-card-infor__cont {
  width: calc(100% - 240px - 64px);
}

.box-card-infor--type2 .box-card-infor__card {
  width: 140px;
  margin-right: 44px;
}

.box-card-infor--type2 .box-card-infor__cont {
  width: calc(100% - 140px - 44px);
}

.mark {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 2px;
  margin-left: 2px;
  font-size: 0.8rem;
  color: currentColor;
}

.txt-ss .mark {
  margin-bottom: 3px;
}

.list-icon__item {
  display: flex;
  align-items: center;
  padding: 23px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.list-icon__item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.list-icon__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #f9f9fc;
}

.list-icon__txt strong {
  font-size: 1.8rem;
}

.list-icon__txt p {
  margin-top: 4px;
}

.wrap-colbox {
  display: flex;
  flex-flow: row wrap;
}

.wrap-colbox__item {
  flex: 1;
}

.wrap-colbox__item img {
  max-width: 100%;
}

.branch-search-wrap {
  margin-top: 16px;
  padding: 16px;
  background: #f9fafc;
}

.branch-search-wrap .form-field--search .form-field__obj {
  background-color: #fff;
}

.branch-search-wrap .form-field--search input::placeholder {
  color: #000 !important;
}

.search-addr span {
  display: inline-flex;
  align-items: flex-start;
}

.search-addr span.txt {
  margin-left: 15px;
  line-height: 26px;
}

.search-addr p {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.6);
}

.list-post-wrap {
  height: 241px;
  overflow-y: scroll;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}

.list-post-wrap > div {
  padding: 0;
}

.list-post-wrap .on {
  background-color: #f9fafc;
}

.list-post-wrap ul > li {
  padding: 0 40px;
}

.list-post-wrap ul > li:last-child .list-post__cont:after {
  display: none;
}

.list-post-wrap .list-post__cont {
  position: relative;
  display: table;
  width: 100%;
  padding: 16px 0;
}

.list-post-wrap .list-post__cont:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.16);
}

.list-post-wrap .list-post__txt {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
}

.list-post-wrap .list-post__address > span {
  display: block;
}

.link-box {
  display: flex;
  flex-flow: wrap;
}

.link-box__item {
  position: relative;
  display: block;
  width: calc(50% - 24px);
  height: 186px;
  margin: 24px 24px 0 0;
  padding: 32px 32px 0 32px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 12px;
}

.link-box__top {
  display: block;
  width: 100%;
  height: 115px;
}

.link-box__bottom {
  padding-top: 7px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.link-box__btn {
  position: absolute;
  right: 32px;
  top:auto; bottom:32px;
}

.link-box__tit strong {
  display: block;
  min-height:53px;
  font-weight: 600;
  font-size: 2rem;
}

.link-box__txt {
  width:360px;font-size: 1.3rem;
}

.link-box__txt span {
  display: inline-block;
}

.link-box__txt span:nth-of-type(2):before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 0 11px;
  background-color: rgba(0, 0, 0, 0.87);
}

.link-box__companyname {position:absolute; top:32px; right:32px;}

.box-card {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.box-card__desc {
  margin-top: 24px;
}

.box-card__desc + .box-card__name {
  margin-top: 8px;
}

.box-card__name {
  margin-top: 24px;
}

.coupon-wrap {
  display: flex;
  flex-flow: wrap;
}

.coupon-wrap__box {
  position: relative;
  width: calc(50% - 16px);
  height: 168px;
  margin: 16px 16px 0 0;
  padding: 24px 0 24px 32px;
  border-radius: 12px;
  border: 1px solid #d1d1d1;
}

.coupon-wrap__box:nth-child(2n) {
  margin-right: 0;
}

.coupon-wrap__box:before {
  content: '';
  display: block;
  width: 17px;
  height: 34px;
  position: absolute;
  left: -2px;
  top: 50%;
  margin-top: -18px;
  font-size: 0;
  width: 17px;
  height: 34px;
  background: url("https://img1.kbcard.com/home_re/pc/img/benefit/bg-coupon-round.png") center center no-repeat;
  background-size: 100% auto;
  transform: rotate(180deg);
}

.coupon-wrap__box:after {
  content: '';
  display: block;
  width: 17px;
  height: 34px;
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -18px;
  font-size: 0;
  width: 17px;
  height: 34px;
  background: url("https://img1.kbcard.com/home_re/pc/img/benefit/bg-coupon-round.png") center center no-repeat;
  background-size: 100% auto;
}

.coupon-wrap__col {
  float: left;
  width: 135PX;
  margin: 0 auto;
  text-align: center;
}

.coupon-wrap__col:first-child {
  width: 205px;
  text-align: left;
}

.coupon-wrap__col:first-child:after {
  content: '';
  display: inline-block;
  border-right: 1px dashed #d1d1d1;
  position: absolute;
  left: 240px;
  top: 0;
  width: 1px;
  height: 100%;
}

.coupon-wrap .btn {
  display: block;
  margin-bottom: 14px;
}

.coupon-wrap__link {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
}

.coupon-wrap__link:after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: -24px;
  top: 50%;
  margin-top: -12px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png") center center no-repeat;
  background-size: 100% auto;
}

.coupon-wrap__link.coupon-wrap__link--vc {
  line-height: 115px;
}

.coupon-wrap__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  text-align: center;
  background-color: #f9fafc;
  border-radius: 100%;
}

.coupon-wrap__itxt {
  display: block;
  margin-top: 16px;
}

.card-info {
  padding: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.card-info__view {
  overflow: hidden;
}

.card-info__view dt {
  float: left;
  width: 50%;
}

.card-info__view dd {
  float: right;
  width: 50%;
  text-align: right;
}

.card-info:first-child {
  padding-top: 0;
  border: 0;
}

.box-ico {
  display: flex;
  flex-flow: wrap;
  padding: 48px 0;
  margin-top: 48px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 12px;
}

.box-ico__item {
  width: 50%;
  text-align: center;
}

.box-ico__item:nth-child(3), .box-ico__item:nth-child(4) {
  margin-top: 84px;
}

.box-ico__img {
  display: inline-block;
  width: 96px;
  height: 96px;
  background-color: #f9fafc;
  border-radius: 100%;
  text-align: center;
  line-height: 96px;
}

.box-ico__txt {
  margin-top: 20px;
}

.box-ico__txt dt {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
}

.box-ico__txt dd {
  margin-top: 24px;
}

.box-ico--col3 {
  border: 0;
  padding: 0;
}

.box-ico--col3 .box-ico__item {
  width: 33%;
  flex: 1;
  margin-right: 24px;
  padding: 40px 0;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 12px;
}

.box-ico--col3 .box-ico__item:nth-child(3) {
  margin-top: 0;
  margin-right: 0;
}

.speed-lssued-list {
  overflow: hidden;
}

.speed-lssued-list li {
  position: relative;
  float: left;
  width: calc(25% - 54px);
  height: 160px;
  margin-left: 72px;
  padding-top: 88px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
}

.speed-lssued-list li:first-child {
  margin-left: 0;
}

.speed-lssued-list li:before {
  content: '';
  display: block;
  position: absolute;
  left: -50px;
  top: 68px;
  width: 24px;
  height: 24px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-right.png") center center no-repeat;
  background-size: 100% auto;
}

.speed-lssued-list li:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 24px;
  width: 48px;
  height: 48px;
  margin-left: -23px;
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-checkpaper.png") center center no-repeat;
  background-size: 100% auto;
}

.speed-lssued-list li:nth-of-type(2)::after {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-password.png") center center no-repeat;
  background-size: 100% auto;
}

.speed-lssued-list li:nth-of-type(3)::after {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-special-48.png") center center no-repeat;
  background-size: 100% auto;
}

.speed-lssued-list li:nth-of-type(4)::after {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-card.png") center center no-repeat;
  background-size: 100% auto;
}

.speed-lssued-list li.ico-needs:after {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-needs-48.png") center center no-repeat;
  background-size: 100% auto;
}

.speed-lssued-list li.ico-confirm:after {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-confirm-48.png") center center no-repeat;
  background-size: 100% auto;
}

.speed-lssued-list li.ico-check:after {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: url("https://img1.kbcard.com/home_re/pc/ico/48/ico-check-48.png") center center no-repeat;
  background-size: 100% auto;
}

.pop-cont .speed-lssued-list li {
  width: 160px;
}

.card-sel-list:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.card-sel-list__item {
  position: relative;
  float: left;
  width: 120px;
  margin-right: 40px;
}

.card-sel-list__item:nth-child(5n) {
  margin-right: 0;
}

.card-sel-list__item .img-card {
  height: 114px;
}

.card-sel-list__item .img-card img {
  width: 100%;
}

.card-sel-list__item .txt {
  margin-top: 16px;
  text-align: center;
  font-weight: 600;
}

.card-sel-list__item .radio-box {
  position: static;
  display: block;
  margin-top: 16px;
}

.card-sel-list__item .radio-box label {
  position: static;
  padding-left: 32px;
}

.card-sel-list__item .radio-box label:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-size: 24px 24px;
  background-position: 0 130px;
}

.card-sel-list__item .radio-box input:checked + label:before {
  width: 100%;
  height: 100%;
  background-size: 24px 24px;
  background-position: 0 130px;
}

.card-sel-list--sel3 .card-sel-list__item {
  position: relative;
  width: 202px;
  padding: 0 79px;
  margin-right: 0;
  box-sizing: content-box;
}

.card-sel-list--sel3 .card-sel-list__item:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 36px;
  width: 1px;
  height: 56px;
  background: rgba(0, 0, 0, 0.16);
}

.card-sel-list--sel3 .card-sel-list__item:first-child:before {
  display: none;
}

.card-sel-list--sel3 .btn-txt {
  display: block;
  text-align: center;
  margin-top: 24px;
}

.blue-box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 32px;
  margin-top: 48px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f9fafc;
}

.blue-box:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.blue-box__img {
  float: left;
  width: 180px;
  height: 120px;
  margin-right: 48px;
}

.blue-box__cont {
  align-items: center;
}

/* 2022-03-10 황희진 DEFC-0000007531 */
.tag-words {
  display: block;
  font-size: 0;
  margin-top: 32px;
}

.tag-words__txt {
  display: inline-block;
  height: 32px;
  font-size: 1.5rem;
  line-height: 32px;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 0 16px;
  margin-right: 8px;
}

.tag-words__txt::before {
  content: "#";
  margin-right: 4px;
}

.tag-words__txt:hover {
  font-weight: 600;
}

/* 2022-04-04 김다애 카드상품
.type-circle {
  justify-content: space-between;
} */
/* 2022-04-13 통합검색 카드목록 좌측정렬 (정성진요청) */
.type-circle .list-col4__item {
  width: calc((100% - (36px*3)) / 4);
}

.type-circle .box-card {
  position: relative;
  margin-top: 64px;
}

.type-circle .box-card img {
  width: 202px !important;
}

.type-circle .box-card:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 202px;
  height: 202px;
  border-radius: 100%;
  background-color: #f1f4f8;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.type-circle .box-card.row {
  transform: rotate(90deg);
}

.type-circle .box-card__name {
  margin-top: 54px !important;
}

/*221014 : [금융] KB국민 개인사업자대출 선택동의 영역 추가*/
.check-box .btn-chk-pop {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
.box-chk .check-box {
  padding: 16px 0;
}
.check-box .badge-noti {
  height: 24px;
  padding: 0 8px;
  margin-right: 8px;
  line-height: 27px;
  font-size: 1.3rem;
}
.option-agree {
  padding-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.swiper-wrap--agr .swiper-slide {
  align-items: unset;
  text-align: left;
}
.agr-grade {
  overflow: hidden;
  width: 90%;
  padding: 32px 0 20px 0;
  margin: 0 5%;
}

.agr-grade:after {
  display: block;
  content: '';
  clear: both;
}

.agr-grade__tit {
  display: block !important;
  margin-bottom: 32px;
  font-size: 2.4rem;
}

.agr-grade__list {
  float: left;
  width: 690px;
}

.agr-grade__item {
  position: relative;
  float: left;
  width: 20%;
  height: 8px;
  text-align: center;
  border-right: 2px solid #fff;
}

.agr-grade__item:nth-child(1) {
  background-color: #7790b8;
}

.agr-grade__item:nth-child(2) {
  background-color: #71bdab;
}

.agr-grade__item:nth-child(3) {
  background-color: #ffa900;
}

.agr-grade__item:nth-child(4) {
  background-color: #df8545;
}

.agr-grade__item:nth-child(5) {
  background-color: #f45c3e;
}

.agr-grade__item.on:after, .agr-grade__item.on:before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: inherit;
  transform: translateX(-50%);
}

.agr-grade__item.on:before {
  top: -11px;
  left: 50%;
  width: 32px;
  height: 32px;
  opacity: 0.2;
}

.agr-grade__item.on:after {
  top: -3px;
  left: 50%;
  width: 16px;
  height: 16px;
}

.agr-grade__txt {
  display: inline-block;
  margin-top: 15px;
}

.agr-grade__desc {
  position: relative;
  padding-top: 60px;
}

.agr-grade__desc .btnArea {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

.agr-grade .btn {
  float: right;
}


.agr-grade .tit-dep1, .agr-grade .tit-dep2 {
  margin: 0;
  padding: 0;
}
.agr-box {
  height: 360px;
  padding: 24px;
  margin-top: 24px;
  background-color: #f9fafc;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  overflow-y: scroll;
}

.agr-btn {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 24px;
}

.pop-cont--arg {
  height: 740px !important;
  padding: 0 !important;
}

/*230602 : [공통] 홈페이지, 모웹 메인 서비스 정지*/
.error-ing-cont { text-align: center; margin-top:8.0rem;} 
.error-ing-cont:before {content: ''; display: inline-block; width:13.6rem; height:13.6rem; margin: 0 auto; background-repeat: no-repeat; background-size: 13.6rem; background-position: 0 0;
background-image: url(https://img1.kbcard.com/home_re/pc/img/common/img-char-check-system.png);
}
.error__tit { margin-top:4.8rem; font-size:2.4rem; line-height:1.5; font-weight:bold; }
.error__desc {margin-top:1.6rem; font-size:1.8rem; line-height:1.5;}
.err-gray {display:inline-block; width:48.8rem; padding:3.2rem 0; border-radius:1.6rem;}

/* toast */
.toast {
  position: absolute;
  left: 50%;
  bottom: 50%;
  width: 60%;
  padding: 2rem 2.4rem;
  border-radius: .8rem;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  opacity: 0;
  will-change: opacity;
  z-index: 9100;
  box-sizing: border-box;
  text-align:center;
}

.toast.show {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}

.toast.hide {
  opacity: 0;
  transition: opacity .1s ease-in-out;
}

.toast__close {
  position: absolute;
  right: 0;
  top: 0;
  width: 3.8rem;
  height: 3.8rem;
  margin: 0;
  padding: 0;
  background: url(https://img1.kbcard.com/home_re/pc/ico/24/ico-1-close.png) no-repeat 50% 50%;
  background-size: 2.4rem 2.4rem;
  border: 0;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%);
}

/* PC 이벤트 화면 개선 */
.list-thumb-txt.renew {width: calc(100% + 24px); margin: -12px 0 -12px -12px;}
.list-thumb-txt.renew .list-thumb-txt__item {width: 25%; height: 355px; padding: 12px; margin: 0; box-sizing: border-box;}
.list-thumb-txt.renew .list-thumb-txt__img {background-color: #f5f6f7; padding: 0; height: 189px; display: flex; align-items: center; justify-content: center; border-radius: 16px 16px 0 0;overflow:hidden;}
.list-thumb-txt.renew .list-thumb-txt__img img {width: auto; height: 100%; object-fit: scale-down; border-radius: 0;}
.list-thumb-txt.renew .list-thumb-txt__box {padding: 24px 8px 24px 8px; background-color: #fff;}
.list-thumb-txt.renew .list-thumb-txt__tit.list-thumb-txt__tit--multi {font-size: 18px; line-height: 1.55; height: 56px;}
.list-thumb-txt.renew .list-thumb-txt__tit--multi + .list-thumb-txt__txt {display: block; padding: 0; margin: 16px 0 0; font-size: 13px; line-height: 1.69; font-weight: 300;}

/* 공통 얼럿 */
#messagePopup .pop-container{width:480px;height:auto;}
#messagePopup .pop-inner{display:flex;align-items:center;justify-content:center;min-height:208px;padding-bottom:96px}
#messagePopup .pop-header + .pop-inner{display:block;min-height:auto;padding-top:0;text-align:left}
#messagePopup .pop-inner{padding-bottom: 114px}

/* 아파트 주소 검색 */
.branch-search-wrap .list-dash li {margin-top: 0;font-size: 12px;}

.list-apt-addr-wrap {
    max-height: 264px;
    margin-top:20px;
    padding:14px 20px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    overflow-y:auto;
}
.list-apt-addr-wrap .box-nodata{min-height:234px; padding-top:50px; border-bottom: none;}
.list-apt-addr li {padding: 16px 0;}
.list-apt-addr li + li {border-top: 1px solid rgba(0, 0, 0, 0.16);}
.list-apt-addr__cont .formRad {display: block;}
.list-apt-addr__cont label {position:relative;display: block; padding-left:36px; line-height:21px; min-height:21px;}
.list-apt-addr__cont label:before {position: absolute;top:2px;left:0;}
.list-apt-addr__cont label span {display:block;}
.list-apt-addr__tit {margin-bottom:12px; font-size: 18px;}
.list-apt-addr__detail {display:none; margin-top:16px;}
input[type=radio]:checked + label + .list-apt-addr__detail {display: block;}
.list-apt-addr__detail .form-field__cont {display: flex;width:50%;}
.list-apt-addr__detail .form-field__obj {position: relative;display: flex;background: #fff;flex-grow: 1;}
.list-apt-addr__detail .form-field__obj input{position: static;width: 100%;font-weight: 400;opacity: 1;}

/*버튼 관련 조정*/
.btn-flex {display:flex; flex-wrap: wrap;}
.btn-flex .btn, .btn-flex .btn-round-del, .btn-flex .check-box {flex:0 0 auto; margin: 5px 5px 5px 0;}