@charset "utf-8";

/*checkbox 인뱅*/
.chk-wrap {
  display: inline-block;
  vertical-align: middle;
}

.label-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.chk-basic {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

.chk-out {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.chk-basic:focus+.chk-out {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.chk-basic:focus+.chk-out+i {
  outline: -webkit-focus-ring-color auto 5px;
}

i.icon-chk {
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background: url(../img/common/checkbox.png) no-repeat center / contain;
  display: table-cell;
}

.chk-basic:checked~i {
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background: url(../img/common/checkbox-on.png) no-repeat center / contain;
}

.chk-label {
  font-size: 14px;
  color: #333;
  display: table-cell;
  padding-left: 10px;
  line-height: 1.2;
  text-align: left;
  vertical-align: middle;
}

input[type="checkbox"].disable~i {
  opacity: 0.5;
}

input[type="checkbox"].disable~.chk-label {
  color: #999;
}

/*radio 인뱅*/
.btn-radio {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.radio-basic {
  display: inline-block;
  color: #333;
  vertical-align: middle;
  font-size: 0.75rem;
  width: 80px;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  background-color: #fff;
  /*background-color: #eeeff1;*/
}

.radio-box,
.radio-box2 {
  position: relative;
  display: inline-block;
}

.radio-box2 .btn-radios+label {
  line-height: 40px;
}

.btn-radios {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.btn-radios:focus+label,
.btn-radio:focus+label {
  outline: -webkit-focus-ring-color auto 5px;
}

.btn-radio:checked+.radio-basic {
  background-color: #fff;
}

.btn-radios+label {
  position: relative;
  padding-left: 25px;
  font-weight: 500;
  color: #666;
  font-size: 16px;
  cursor: pointer;
}

.btn-radios+label:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../img/common/btn_radio_off.png) no-repeat center / 20px;
}

.btn-radios:checked+label:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../img/common/btn_radio_click.png) no-repeat center / 20px;
}

input[type="radio"].disable+label {
  color: #999;
  cursor: default;
}

input[type="radio"].disable+label:after {
  opacity: 0.5;
}


/*input style*/
.inp-wp input[type='text'] {
  height: 40px;
  padding: 0 11px;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 14px;
}

/*layer popup style*/
.layer-wrap {}

.layer-container {
  position: relative;
}

.layer-head {}

.layer-head .tit02,
.layer-head h1 {
  display: block;
  padding: 19px 30px;
  background: #efefef;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.25px;
  border-bottom: 1px solid #ccc;
}

.layer-content {
  text-align: left;
}

.layer-container button.layer-close {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 23px;
  height: 23px;
  font-size: 0;
  text-indent: -9999em;
  background: url(../img/common/layer-close.png) no-repeat center
}

.layer-container button.layer-close.type02 {
  top: 15px;
  right: 15px;
  background: url(../img/common/layer-close_white.png) no-repeat center
}

/* 20200909 이예빈 추가 */

/*검색결과 없을때 페이지 공통*/
.nosearch-wp {
  border-top: 1px solid #86c51c;
  border-bottom: 1px solid #ddd;
  padding: 60px 0 60px;
  text-align: center;
}

.nosearch-wp p {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.nosearch-wp .btn-wp {
  margin-top: 35px;
}

/*404 오류 */
.error-wp01 {}

.error-wp01 .nosearch-wp p {
  line-height: 45px;
}

.nosearch-wp p.str {
  margin-top: 20px;
  color: #666;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -.25px;
}

.error-wp01 .btn-wp button:first-of-type {
  margin-right: 5px;
}


/*500 오류*/
.error-wp02 {}

.error-wp02 .nosearch-wp {
  background: #f7f7f7 url(../img/common/ico-info.png) no-repeat center 100px;
}

.error-wp02 .btn-wp button:first-of-type {
  margin-right: 5px;
}


/*==========================//나중에 common으로 빼야함==============================*/





/*팝업- 위치정보 검색결과 화면 팝업*/
.loca-pop01 {
  width: 700px;
}

.loca-info-popWp {}

.info-boxWp {
  padding: 30px 30px;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.info-boxWp li {
  display: table;
  vertical-align: top;
  width: 100%;
}

.info-boxWp li>strong {
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 100px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -.25px;
}

.info-boxWp li>strong:before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 5px;
  height: 6px;
  background: url(../img/common/bul01.png) no-repeat center
}

.info-boxWp li .l-info {
  display: table-cell;
  vertical-align: top;
  width: auto;
  padding-right: 60px;
}

.info-boxWp li .l-info p {
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -.25px;
}

.loca-pop01 .btn-go-map {}

.loca-pop01 .btn-go-map a {
  position: absolute;
  right: 30px;
  top: 40px;
  width: 55px;
  height: 54px;
  background: url(../img/common/ico-map-p.png) no-repeat top;
  padding-top: 60px;
}

.loca-pop01 .btn-go-map a span {
  display: block;
  color: #666;
  font-size: 12px;
  letter-spacing: -.25px;
  text-align: center;
}

.pop-table-wp {
  padding: 40px 30px 30px;
}

.tbl-wrap.type02 {
  border-top: 1px solid #333;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
}

.tbl-wrap.type02 th {
  background: #f7f7f7;
  font-size: 14px;
  border-right: 1px solid #ccc;
}

.pop-btn-wp {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.pop-btn-wp button {
  width: 220px;
  height: 50px;
}

.pop-btn-wp button:first-of-type {
  margin-right: 5px;
}

/*팝업-위치정보레이어팝업*/
.str-searPop {
  position: relative;
  width: 500px;
}

.store-popWp {
  padding: 75px 0px 60px;
  text-align: center;
}

.store-popWp strong.info {
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -.25px;
}

.store-popWp .pop-btn-wp {
  margin: 35px 0 0;
}

.store-popWp .pop-btn-wp button {
  width: 150px;
  height: 40px;
}

.store-popWp.type01 {
  padding: 0;
}

.popup-btn-wrap {
  height: 40px;
  background: #000;
}

.layer-popup {
  font-size: 0;
}

.layer-content img {
  width: 100%;
  min-width: 360px;
}

.chk-wrap.style01 {
  float: left;
  margin: 9px 0 0 20px;
}

.chk-wrap.style01 .chk-label {
  color: #fff;
  font-size: 13px;
  font-family: '돋움', 'dotum'
}

.chk-wrap.style01 i.icon-chk {
  background-image: url(../img/common/checkbox01.png)
}

.chk-wrap.style01 .chk-basic:checked~i {
  vertical-align: middle;
  width: 22xp;
  height: 22x;
  background: url(../img/common/checkbox-on.png) no-repeat center / contain;
}

.layer-container .layer-close.type01 {
  position: static;
  width: auto;
  height: 100%;
  padding-right: 17px;
  background: none;
  color: #fff;
  font-size: 13px;
  font-family: '돋움', 'dotum';
  text-indent: 0;
}

.layer-close.type01 {
  float: right;
}

@media (max-width: 768px) {
  .layer-popup img {
    min-width: 100px;
    max-width: 80vw
  }
}

/*팝업-뉴스레터신청팝업*/
.napply-pop {
  width: 500px;
}

.newl-apply-pop {
  padding: 0 30px;
}

.newl-apply-pop .info-boxWp {
  border-bottom: 0;
  padding: 0;
}

.newl-apply-pop .info-boxWp li {
  padding: 10px 0px;
}

.newl-apply-pop .info-boxWp li>strong {
  width: 115px;
  padding-left: 0;
  line-height: 40px;
}

.newl-apply-pop .info-boxWp li>strong:before {
  content: '';
  background: none;
}

.newl-apply-pop .info-boxWp li>strong.tit span {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-weight: 700;
}

.newl-apply-pop .info-boxWp li>strong.tit em.vital {
  display: inline-block;
  position: absolute;
  right: -12px;
  top: 12px;
  width: 6px;
  height: 6px;
  background: url(../img/common/ico-vital.png) no-repeat top;
  font-size: 0;
  text-indent: -9999em;
}

.newl-apply-pop .info-boxWp li .l-info {
  padding-right: 0;
}

.newl-apply-pop .info-boxWp li .l-info .inp-wp input {
  width: 100%;
  height: 40px;
}

.newl-apply-pop .vital-info {
  width: 100%;
  text-align: right;
  padding: 30px 0 10px;
}

.newl-apply-pop .vital-info em.vital {
  display: inline-block;
  position: absolute;
  left: -12px;
  top: 5px;
  width: 6px;
  height: 6px;
  background: url(../img/common/ico-vital.png) no-repeat top;
  font-size: 0;
  text-indent: -9999em;
}

.newl-apply-pop .vital-info span {
  display: inline-block;
  position: relative;
  color: #888;
  font-size: 14px;
}

.newl-apply-pop input.input-text {
  height: 40px;
  padding: 0 11px;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 14px;
}

.email-wp input {
  width: 80px;
}

.email-wp {
  overflow: hidden;
}

.email-wp>span {
  float: left;
}

.email-wp span.pad {
  width: 21px;
  text-align: center;
  color: #666;
  padding-top: 10px;
}

.email-wp .sel-wp {
  margin-left: 9px;
}

.email-wp .sel-wp select {
  width: 135px;
  border-radius: 0;
}

.radio-wp {
  padding-top: 10px;
}

.radio-wp .radio-box {
  margin-right: 35px
}

.sel-wp02 select {
  width: 100%;
  border-radius: 0;
}

.pr-agree-wp {
  margin: 30px 0 40px;
}

.pop-accordion-item {
  position: relative;
}

.pop-accordion-head {
  position: relative;
}

.pop-accordion-text {
  display: block;
  line-height: 50px;
  background: #fff;
  padding: 0 20px;
  color: #333;
}

.pop-accordion-opener {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/bullet/bul_select.png) no-repeat 95% center
}

.js-accordion-opened .pop-accordion-opener {
  background: url(../img/common/bullet/bul_select-on.png) no-repeat 95% center
}

.pop-accordion-layer {
  height: 0;
  display: none;
  padding: 15px 20px;
}

.pop-accordion-layer .component-layer-close-button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
}

.pop-accordion-text .chk-label {
  font-weight: 700;
}

.pop-accordion-text .chk-label strong.str {
  color: #cc0000;
}

.pop-accordion-list {
  border: 1px solid #ccc;
}

.pop-accordion-layer strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -.25px;
}

.pop-accordion-layer p {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: -.25px;
}

.napply-pop .pop-btn-wp {
  border-top: 1px solid #ccc;
  padding-top: 30px;
}

.napply-pop .pop-btn-wp button {
  width: 150px;
  height: 40px;
}

/* 팝업 - 1주년 이벤트팝업 */

.event-wrapper {
  position: relative;
  width: 550px;
  height: 600px
}

.event-preview {
  position: relative;
  height: 226px;
  padding: 40px 0 0 220px;
  background: url(../img/common/event/SB_galaxy.png) no-repeat 70px 25px / 110px, url(../img/common/event/bg_SB_event.png) no-repeat 0 0 / cover;
  box-sizing: border-box;
}

.event-preview:after {
  content: '';
  width: 110px;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 70px;
  background: url(../img/common/event/SB_galaxy_mirror.png) no-repeat 0 0
}

.event-date,
.event-info-li {
  position: relative;
  font-size: 12px;
  line-height: 1.8;
  padding-left: 50px;
  color: #fff;
  white-space: pre
}

.event-wrapper .event-h2 {
  margin-bottom: 10px
}

.event-wrapper .event-h2 img {
  width: 270px
}

.event-info {
  margin-top: 8px
}

.event-info-li {
  padding-left: 58px
}

.event-info-li:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 50px;
  width: 2px;
  height: 2px;
  background-color: #fff
}

.event-content {
  width: 100%;
  height: 374px;
  padding: 25px 26px;
  text-align: center;
  box-sizing: border-box;
  background-color: #d3d6e2
}

.event-content .event-h2 {
  font-size: 20px;
  color: #412a76;
  font-weight: bold;
  margin-bottom: 35px
}

.event-product {
  width: 100%;
  height: 165px;
  overflow: hidden
}

.event-product .event-product-li {
  float: left;
  position: relative;
  width: 145px;
  height: 160px;
  margin-right: 28px;
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box
}

.event-product .event-product-li:nth-of-type(1) {
  background: url(../img/common/event/SB_event_product01.png) no-repeat 25px 30px / 100px, #fff;
}

.event-product .event-product-li:nth-of-type(2) {
  background: url(../img/common/event/SB_event_product02.png) no-repeat center, #fff;
}

.event-product .event-product-li:nth-of-type(3) {
  background: url(../img/common/event/SB_event_product03.png) no-repeat center, #fff;
}


.event-product-li strong {
  font-size: 14px;
  color: #8e75a6
}

.event-product-name {
  font-size: 10px;
  padding-top: 105px;
  letter-spacing: -.5px;
  font-weight: bold
}

.event-plus {
  position: absolute;
  top: 50%;
  right: -15px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  margin-top: -15px;
  color: #a5a9b4;
  font-weight: bold;
  font-size: 23px
}


.event-product .event-product-li:last-child {
  margin-right: 0;
}

.event-type {
  width: 100%;
  oveflow: hidden;
  margin-top: 15px
}

.event-type .event-type-li {
  float: left;
  width: 150px;
  margin-right: 22px;
  text-align: center
}

.event-type-li:nth-of-type(3) {
  margin-right: 0
}

.event-type-li strong {
  display: block;
  width: 145px;
  height: 45px;
  font-size: 0
}

.event-type-li:nth-of-type(1) strong {
  background: url(../img/common/event/SB_event_type01.png) no-repeat center 2px / 78px
}

.event-type-li:nth-of-type(2) strong {
  background: url(../img/common/event/SB_event_type02.png) no-repeat center / 78px
}

.event-type-li:nth-of-type(3) strong {
  background: url(../img/common/event/SB_event_type03.png) no-repeat center / 85px
}

.event-type-li .event-btn {
  position: relative;
  width: 72px;
  height: 31px;
  line-height: 31px;
  padding-right: 8px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  background-color: #456faf;
  box-sizing: border-box;
  text-decoration: none
}

.event-type-li .event-btn:last-child {
  margin-right: 0
}

.event-type-li .event-btn:after {
  content: '';
  position: absolute;
  top: 11px;
  right: 10px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg)
}

.event-type-li .event-btn:hover {
  background-color: #2c5696
}

/*소식 _ 홍보자료실 _목록 */
.pr-roomWp .tab-basic-buttons {
  margin: 35px 0 40px;
}

.pr-roomWp .common-tblinfobox {
  margin-bottom: 20px;
}

.pr-roomWp .searchbox-wrap input {
  width: 300px;
}

.prroom-cont {}

.new-thumbWp {
  border-top: 1px solid #86c51c;
}

ul.new-thumb-list {
  overflow: hidden;
  margin: 0 -32px;
}

ul.new-thumb-list li {
  float: left;
  width: 324px;
  margin: 0 32px;
  padding-top: 40px;
}

ul.new-thumb-list li>a {
  display: block;
  border: 1px solid #ccc;
  text-decoration: none;
}

ul.new-thumb-list li .thumb-wp {
  width: 322px;
  height: 348px;
}

ul.new-thumb-list li .thumb-wp img {
  width: 322px;
  height: 348px;
}

ul.new-thumb-list li .txt-wp {
  min-height: 115px;
  padding: 17px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

ul.new-thumb-list li .tit {
  display: block;
  overflow: hidden;
  height: 48px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -.25px;
}

ul.new-thumb-list li .txt-wp .date {
  display: block;
  ;
  margin-top: 18px;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.25px
}

/*저축은행 - 사회공헌활동 list */
.social-cont .common-tblinfobox {
  margin-bottom: 20px;
}

.searchbox-wrap.type01 input {
  width: 300px;
}

.new-thumbWp.tmb-type02 {}

.new-thumbWp.tmb-type02 ul.new-thumb-list li .thumb-wp {
  height: 216px;
}

.new-thumbWp.tmb-type02 ul.new-thumb-list li .thumb-wp img {
  height: 216px;
  vertical-align: top;
}

.new-thumbWp.tmb-type02 ul.new-thumb-list li>a {}

.new-thumbWp.tmb-type02 ul.new-thumb-list li .txt-wp {
  border-top: 1px solid #ccc;
}

/*소식 - 저축은행지 - 목록 */
.bankNews-cont {
  margin-top: 35px;
}

.new-thumbWp.tmb-type03 {}

.new-thumbWp.tmb-type03 ul.new-thumb-list li>a {
  border: 0;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .thumb-wp {
  height: 418px;
  border: 1px solid #ccc;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .thumb-wp img {
  height: 418px;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .info {}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .tit {
  padding: 18px 0 20px;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp {
  text-align: center;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp>button {
  width: 157px;
  padding: 0;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp>button:last-of-type {
  margin-left: 4px;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp .down {
  padding: 0 27px 0 0;
  background: url('../img/common/button/btn_down.gif') no-repeat right 2px;
}

.new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp .qview {
  padding: 0 27px 0 0;
  background: url('../img/common/button/btn_search.gif') no-repeat right 2px;
  color: #fff;
}

/*소식 - 홍보자료실 -영상 */
.prroom-media {
  margin-top: 40px;
}

.media-wp {
  height: 460px;
  margin-bottom: 60px;
  padding: 40px 20px 35px 40px;
  background: #f3f9e8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.media-area {
  display: table;
  width: 100%;
}

.media-area .media {
  float: left;
  width: 620px;
  height: 320px;
  padding-right: 20px;
}

.media-area .media.type02 {
  height: 350px;
}

.media-area .media img {
  width: 100%;
}

.media-scroll-wrap {
  float: right;
  position: relative;
  width: 380px;
  height: 350px;
}

.media-scroll-wrap * {
  word-break: break-all
}

.media-scroll {
  overflow-y: auto;
  position: absolute;
  z-index: 1;
  top: 5px;
  bottom: 5px;
  right: 5px;
  left: 5px;
  padding-right: 25px;
  text-align: left;
  -ms-overflow-style: none;
  /* IE, Edge */
  scrollbar-width: none;
  /* Firefox */
}

.media-scroll::-webkit-scrollbar {
  display: none;
}

/* Chrome */
.media-scroll .scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 90%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.media-scroll .scroller p {
  padding-right: 20px;
}

.media-scroll .mtit {
  display: block;
  font-size: 22px;
  letter-spacing: -.25px;
  padding-top: 5px;
  font-weight: 700;
}

.media-scroll .m-txt {
  padding-top: 40px;
}

.media-scroll .m-txt p {
  color: #666;
  font-size: 16px;
  letter-spacing: -.25px;
  line-height: 28px;
}

.media-wp .m-str {
  margin-top: 18px;
  color: #666;
  font-size: 14px;
  letter-spacing: -.25px;
}

.new-thumbWp.media ul.new-thumb-list li .t-media-wp {
  width: 322px;
  height: 180px;
}

.new-thumbWp.media ul.new-thumb-list li .t-media-wp img {
  width: 100%;
  max-width: 322px;
  height: 180px;
  vertical-align: top;
  /*임시 : 동영상 올리고나중에 삭제해야함 */
}

.new-thumbWp.media ul.new-thumb-list li .txt-wp {
  height: 80px;
  border-top: 1px solid #ccc;
  padding: 17px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: inherit;
}

/*저축은행 - 유틸검색결과있을경우 출력화면*/
.searchCont-wp .common-tblinfobox {
  text-align: center;
  margin-bottom: 55px;
}

.searchCont-wp .common-tblinfobox .searchbox-wrap {
  float: inherit;
}

.searchCont-wp .common-tblinfobox .searchbox-wrap input {
  width: 580px;
}

.searchCont-wp h4 {
  position: relative;
  display: block;
  padding: 13px 0 15px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.25px;
  border-bottom: 1px solid #86c51c;
}

.searchCont-wp h4 span {
  color: #18a33e;
}

.searchCont-wp h4 .btn-more {
  position: absolute;
  right: 0;
  bottom: 15px;
  min-width: 140px;
}

.r-nlistWp {}

.r-nlistWp li {
  padding: 18px 20px 16px;
  border-bottom: 1px solid #ccc;
}

.r-nlistWp li strong.tit {
  display: block;
}

.r-nlistWp li strong.tit a {
  display: block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.r-nlistWp li span.date {
  display: block;
  margin-top: 21px;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.r-nlistWp+h4 {
  margin-top: 24px;
}

.r-thumb-list {}

.r-thumb-list li {
  overflow: hidden;
  padding: 30px 20px;
  border-bottom: 1px solid #ddd;
}

.r-thumb-list li:last-child {
  border-bottom: 0;
}

.r-thumb-list .thumb {
  float: left;
  width: 200px;
}

.r-thumb-list .thumb img {
  width: 200px;
  height: 128px;
}

.r-thumb-list .info {
  float: left;
  width: 840px;
  padding-left: 20px;
}

.r-thumb-list .info strong.tit {
  display: block;
}

.r-thumb-list .info strong.tit a {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.r-thumb-list .info span.date {
  display: block;
  padding: 16px 0 21px;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.r-thumb-list .info p.txt {
  color: #666;
  font-size: 16px;
  letter-spacing: -.25px;
  line-height: 28px;
}

.r-media-wp ul.new-thumb-list {
  overflow: hidden;
  margin: 0 -20px;
  padding: 0 20px;
}

.r-media-wp ul.new-thumb-list li {
  float: left;
  width: 324px;
  margin: 0 21px;
  padding-top: 40px;
}

.r-media-wp ul.new-thumb-list li>a {
  display: block;
  border: 0;
  text-decoration: none;
}

.r-media-wp ul.new-thumb-list li .t-media-wp {
  width: 324px;
  height: 216px;
}

.r-media-wp ul.new-thumb-list li .t-media-wp img {
  width: 324px;
  height: 216px;
}

/*임시 : 동영상 올리면 나중에 삭제하기*/
.r-media-wp ul.new-thumb-list li .txt-wp {
  padding: 17px 0;
}

.r-media-wp ul.new-thumb-list li .tit {
  height: 45px;
}

.r-media-wp.nbook ul.new-thumb-list li .info .tit {
  padding: 18px 0 20px;
}

.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp {
  text-align: center;
}

.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp>button {
  width: 157px;
  padding: 0;
}

.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp>button:last-child {
  margin-left: 4px;
}

.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp .down {
  padding: 0 27px 0 0;
  margin: 0;
  background: url('../img/common/button/btn_down.gif') no-repeat right 2px;
}

.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp .qview {
  padding: 0 27px 0 0;
  background: url('../img/common/button/btn_search.gif') no-repeat right 2px;
  color: #fff;
}

/*저축은행찾기_빠른검색*/
.store-searchWp {
  overflow: hidden;
  margin-top: 35px;
}

.store-optWp {
  float: left;
  width: 47%;
}

.store-mapWp {
  float: right;
  width: 47%;
}

.map-area {
  width: 100%;
  height: 900px;
}

.s-inp-optWp {
  width: 100%;
  margin: 20px 0;
}

.s-inp-optWp .common-tblinfobox {
  margin-top: 0;
  padding-top: 0;
}

/* .s-inp-optWp .searchbox-wrap input {width:439px;} */
.store-optWp .check-optWp {
  padding-top: 20px;
}

.store-optWp .check-optWp .chk-wrap {
  display: inline-block;
  width: 157px;
  margin-bottom: 10px;
}

.search-tabWp {
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0;
}

.search-tabWp .tab-basic-buttons-item {
  color: #666;
  padding: 7px 10px 6px;
}

.search-tabWp .tab-basic-buttons-item.js-tabpanel-active {
  font-weight: 700;
  color: #333;
}

.search-tabWp .tab-basic-buttons-item.js-tabpanel-active,
.search-tabWp .tab-basic-buttons-item.js-tabpanel-active:before,
.search-tabWp .tab-basic-buttons-item.js-tabpanel-active+.tab-basic-buttons-item:before {
  border-color: #ccc;
  background: #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
}

.search-tabWp .tab-basic-panel.js-tabpanel-opened {
  background: #f7f7f7
}

.search-tabWp .tab-basic-buttons {
  margin-bottom: 0;
}

.search-tabWp .tab-basic-buttons-list li:first-of-type {
  border-left: 0;
  text-shadow: none;
}

.search-tabWp .tab-basic-buttons-list li:last-of-type {
  border-right: 0;
}

.ser-result {
  padding: 16px 19px 16px;
}

.ser-result p {
  font-size: 14px;
  letter-spacing: -.25px;
  line-height: 24px;
}

.ser-result p strong {
  color: #18a33e;
}

.sr-listWp {
  padding-bottom: 47px;
  background: #fff;
  /*임시*/
}

.sr-listWp ul {
  border-bottom: 1px solid #efefef
}

.sr-listWp ul li {}

.sr-listWp ul li a {
  display: block;
  padding: 19px 60px 12px 15px;
  border-top: 1px solid #efefef;
  background: url('../img/content/sab/ico-map.png') no-repeat 434px 20px;
}

.sr-listWp ul li a.active {
  background: url('../img/content/sab/ico-map03.png') no-repeat 434px 20px;
  background-size: 30px auto;
}

.sr-listWp ul li a:after {
  content: '';
  display: block;
  clear: both;
}

.sr-listWp ul li.on {
  position: relative;
}

.sr-listWp ul li.on:after {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  height: 100%;
  border: 2px solid #89c621;
  z-index: 60;
}

.sr-listWp ul li.on:before {
  content: '';
  position: absolute;
  left: -1px;
  bottom: -1px;
  right: -1px;
  height: 100%;
  z-index: 200
}

/*
.sr-listWp ul li:hover {position:relative;}
.sr-listWp ul li:hover:after {content:'';position:absolute;left:-1px;top:-1px;right:-1px;height:100%;border:2px solid #89c621;z-index:200;}
.sr-listWp ul li:hover:before {content:'';position:absolute;left:-1px;bottom:-1px;right:-1px;height:100%;z-index:200}
*/
.sr-listWp ul li .t-logo {
  position: relative;
  z-index: 300;
  float: left;
  padding: 10px;
  border: 1px solid #efefef;
  width: 120px;
}

/* 20210202 이예빈 수정 */
.sr-listWp ul li .t-logo img {
  width: 120px;
  height: 38px;
  vertical-align: top;
}

.sr-listWp ul li .s-info {
  float: left;
  width: 246px;
  padding-left: 15px;
}

.sr-listWp ul li .s-info .tit {
  display: block;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.sr-listWp ul li .s-info p.add {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -.25px;
}

/*저축은행찾기_지역검색*/
.regionS {}

.regionS .r-info {
  padding: 15px 15px;
  font-size: 14px;
  letter-spacing: -.25px;
  line-height: 24px;
}

.r-opt-wp {
  height: 654px;
  background: #fff;
}

.rlist-opt {
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;
}

.rlist-opt:after {
  content: '';
  display: block;
  clear: both;
}

.rlist-opt li {
  float: left;
  display: inline-block;
  width: 50%;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.rlist-opt li.on,
.rlist-opt li:hover {
  position: relative;
}

.rlist-opt li.on:after,
.rlist-opt li:hover:after {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  height: 100%;
  border: 2px solid #89c621;
  z-index: 200;
}

.rlist-opt li button {
  display: block;
  width: 100%;
  height: 50px;
  padding: 15px 0;
  text-align: center;
}

.rlist-opt li button span {
  display: inline-block;
  font-size: 16px;
  letter-spacing: -.25px;
}

.rlist-opt li.on button span,
.rlist-opt li:hover button span {
  color: #18a33e;
  font-weight: 700;
  text-decoration: underline;
}

/*저축은행찾기_지역검색 - 상세*/
.regionS .r-info strong {
  color: #18a33e;
  font-weight: 700;
}

/*금융상품_예금_비과세저축상품*/
.pr-info01-wp {}

.pro-accord-wp {
  margin-top: 30px;
}

.pro-accordion-item {
  position: relative;
}

.pro-accordion-head {
  position: relative;
}

.pro-accordion-text {
  display: block;
  padding: 0 20px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  color: #333;
}

.pro-accordion-opener {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #ccc;
}

.pro-accordion-layer {
  height: 0;
  display: none;
  background: #f7f7f7;
}

.pro-accordion-layer .component-layer-close-button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
}

.pro-accordion-list {
  border-bottom: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
}

.pro-accordion-opener {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/ico-accor.png?ver=1.0) no-repeat 100% center
}

.js-accordion-opened .pro-accordion-opener {
  background: url(../img/common/ico-accor-on.png?ver=1.0) no-repeat 100% center;
  border-top: 1px solid #86c51c;
  border-bottom: 1px solid #86c51c;
}

.js-accordion-opened .pro-accordion-text {
  background-color: #f3f9e8;
}

.wide-type {
  margin-top: 60px;
}

.wide-type .pro-accordion-text {
  padding: 15px 0;
  line-height: 28px;
  background: #fff;
}

.wide-type .pro-accordion-text:after {
  content: '';
  display: table;
  clear: both;
}

.wide-type .pro-accordion-text .left {
  float: left;
  display: block;
  width: 200px;
}

.wide-type .pro-accordion-text .left img {
  vertical-align: top;
  border: 1px solid #ccc;
}

.wide-type .pro-accordion-text .right {
  float: left;
  display: block;
  width: calc(100% - 200px);
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wide-type .pro-accordion-text .title {
  display: block;
  margin: 10px 0;
  font-weight: 700;
}

.wide-type .pro-accordion-text .text {
  display: block;
  width: 70%
}

.wide-type .pro-accordion-layer .component-layer-close-button {
  height: auto;
}

.wide-type .pro-accordion-opener {
  border-bottom: 0;
}

.wide-type .pro-accordion-item:last-of-type {
  border-bottom: 1px solid #ccc;
}

.wide-type .pro-infoBox {
  padding: 30px 20px;
}

@media (max-width: 468px) {

  .wide-type .pro-accordion-text .left,
  .wide-type .pro-accordion-text .right {
    float: none;
    width: 100%
  }

}

.pro-infoBox {
  padding: 0 20px 30px;
}

.pro-infoBox p.info-txt {
  padding: 28px 80px 28px 0;
  color: #666;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -.25px;
}

.table01-wrap {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.table01-wrap table th {
  background: #fff;
  border-right: 1px solid #ddd;
}

.table01-wrap table th.vam {
  vertical-align: middle
}

/*중앙회소개 - CI , BI*/
.intro-wrap {}

.intro-wrap .tab-basic-buttons {
  margin-bottom: 0;
}

.inner-tabWp {}

.inner-tabWp .tab-basic .tab-basic-buttons {
  text-align: center;
  margin: 40px 0 0;
  background: none;
}

.inner-tabWp .tab-basic-buttons {
  background: url(../img/content/fsb/bg-line.gif) no-repeat 50% top
}

.inner-tabWp .tab-basic-buttons-item {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  margin: 5px 20px 0;
  border: 0;
  color: #999;
  font-size: 14px;
  line-height: 23px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.inner-tabWp .tab-basic-buttons-item+.tab-basic-buttons-item::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 10px;
  left: -3px;
  width: 1px;
  height: 15px;
  background: #d9d9d9;
}

.inner-tabWp .tab-basic-buttons-item a {
  color: inherit
}

.inner-tabWp .tab-basic-buttons-item.js-tabpanel-active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #86c51c;
}

.inner-tabWp .tab-basic-buttons-item.js-tabpanel-active {
  color: #18a33e;
  background: none;
  text-shadow: none;
}

.ci-wrap {}

.ci-wrap h4,
.bi-wrap h4 {
  padding: 55px 0 17px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.ci-wrap img,
.bi-wrap img {
  width: 100%;
  vertical-align: top;
}

.s-markWp {
  border-bottom: 1px solid #efefef;
  padding-bottom: 60px;
}

.s-mark-area {
  display: table;
  width: 100%;
}

.s-mark-area.type02 {
  margin-top: 40px;
}

.s-mark-area .smark {
  display: table-cell;
  width: 500px;
  padding-right: 20px;
}

.s-mark-area p {
  display: table-cell;
  width: 560px;
  padding-left: 20px;
  color: #666;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -.25px;
  vertical-align: top;
}

.s-markWp .btn-wp {
  margin-top: 27px;
}

.s-markWp .btn-wp .fir {
  margin-right: 5px;
}

.logo-type {
  display: table;
  width: 100%;
  border-bottom: 1px solid #efefef;
  padding-bottom: 60px;
}

.logo-type>div {
  display: table-cell;
}

.logo-type .stype01 {
  padding-right: 20px;
}

.logo-type .stype02 {
  padding-left: 20px;
}

.color-type {}

.color-type ul {
  overflow: hidden;
  margin: 0 -12.5px;
}

.color-type ul li {
  float: left;
  width: 350px;
  margin: 0 12.5px;
}

.color-type ul li>div {
  height: 80px;
}

.color-type ul li .ctype01 {
  background: #97c93d;
}

.color-type ul li .ctype02 {
  background: #009d54;
}

.color-type ul li .ctype03 {
  background: #007360;
}

.color-type ul li strong {
  display: block;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.color-type ul li p {
  color: #666;
  font-size: 14px;
  letter-spacing: -.25px;
  margin-bottom: 10px;
}

.s-markWp.sig {
  padding-bottom: 0;
  border-bottom: 0;
}

.s-markWp.sig .smark {
  width: 530px;
  vertical-align: top;
}

.s-mark-area .smark2 {
  display: table-cell;
  width: 530px;
  padding-left: 20px;
}

.s-markWp.sig .type {
  margin-top: 40px;
}

/*중앙회 조직도*/
.organ-area {
  position: relative;
  padding: 50px 100px 90px;
  background: #efefef;
}

.organ-area:after {
  content: '';
  display: table;
  clear: both;
}

.organ-area h4 {
  position: relative;
  width: 115px;
  height: 115px;
  background: #18a33e;
  margin: 0 auto 30px;
  border-radius: 100%;
  font-size: 22px;
  line-height: 115px;
  white-space: nowrap;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.organ-area h4 strong {
  color: #fff;
  font-weight: 700;
}

.organ-area h4:before,
.organ-area h5:before,
.organ-side strong:before,
.organ:before,
.organ:after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 30px;
  background: #ccc;
}

.organ-area h5,
.organ-side strong,
.organ-side .org,
.organ h6,
.organ li {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 180px;
  padding: 14px 15px;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  background: #86c51c;
  margin: 0 auto;
}

.organ-area h5,
.organ-side strong {
  background: #57A000;
}

.organ-area h5 {
  margin-bottom: 90px;
}

.organ-area h5:before {
  height: 90px;
}

.organ-area h5 strong {
  color: #fff;
  font-weight: 700;
}

.organ-side {
  position: absolute;
  top: 195px;
  right: 190px;
}

.organ-side.type01 {
  position: absolute;
  top: 195px;
  left: -400px;
  right: 0;
}

.organ-side strong {
  margin-bottom: 20px;
}

.organ-side.type01 strong {
  margin-bottom: 20px;
  padding: 13px 14px;
  border: 1px solid #86c51c;
  color: #333;
  background-color: #f3f9e8;
}

.organ-side strong:before {
  height: 20px;
}

.organ-side.type01 strong:before {
  height: 1px;
  top: 50%;
  width: 20px;
  right: -200px;
}

.organ-side .org {
  margin-bottom: 20px;
  padding: 13px 14px;
  border: 1px solid #86c51c;
  color: #333;
  background-color: #f3f9e8;
}

.organ-side .org p {
  font-size: 18px;
  line-height: 22px;
  color: #333;
}

.organ-swiper {
  width: 250px;
  margin: auto;
}

.organ-wp {
  display: flex;
}

.organ-wp.swiper-wrapper {
  min-height: 160px;
  max-height: 160px;
}

.organ-wp:after {
  content: '';
  display: table;
  clear: both;
}

.organ {
  float: left;
  width: 200px;
  position: relative;
  margin-top: 30px;
}

.organ+.organ {
  margin-left: 33px;
}

.organ:before {
  top: auto;
  bottom: 100%;
}

.organ:after {
  top: -30px;
  left: -17px;
  right: -17px;
  width: auto;
  height: 1px;
  margin: 0;
}

.organ:first-child:after {
  left: 50%;
}

.organ:last-child:after {
  right: 50%;
}

.organ h6 {
  width: auto;
  padding: 13px 14px;
  border: 1px solid #86c51c;
  color: #333;
  background-color: #f3f9e8;
  font-size: 15px;
}

.organ li {
  margin-top: 10px;
  width: auto;
  padding: 13px 14px;
  border: 1px solid #86c51c;
  font-size: 16px;
  letter-spacing: -1px;
  color: #333;
  background-color: #fff;
  font-size: 14px;
}

.organ>li {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

.organ li .go-info a {
  font-weight: 700;
}

.org p {
  font-weight: 700;
}

.organ-wp-controller {
  margin: 15px 0 20px;
  text-align: center;
}

.organ-wp-play-button,
.organ-wp-stop-button {
  width: 20px;
  height: 20px;
  background: #065f1e url(/fsb/img/common/button/btn_play.png) no-repeat center / 15px;
  border-radius: 4px;
  outline-offset: 3px;
}

.organ-wp-stop-button {
  background-image: url(/fsb/img/common/button/btn_stop.png);
}

.organ-area.type01 {
  padding: 50px;
  overflow: hidden;
}

.organ-area.type01 h4 {
  padding: 10px;
  border-radius: 7px;
  width: 270px;
  height: fit-content;
  line-height: initial;
  background: #f3f9e8;
  color: #111;
}

.organ-area.type01 .point {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 30px;
  background: #18a33e;
  color: #fff;
  border-radius: 7px;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}

.organ-area.type01 .organ {
  padding: 10px;
  background: #f3f9e8;
  text-align: center;
  word-break: keep-all;
}

.organ-area.type01 .organ.swiper-slide {
  min-width: 200px;
  max-height: 110px;
}

.organ-area.type01 .organ+.organ {
  margin-left: 0;
}

.organ.type01 {
  width: 60px;
}

.organ.type01:last-child {
  width: 20px;
}

/* .organ-wrap {}
.organ-area {position:relative;height:1068px;background: url(../img/content/fsb/bg-org.jpg) no-repeat center top;}
.organ-area h4 strong {display:block;position:absolute;left:548px;top:98px;color:#fff;font-size:22px;letter-spacing: -0.5px;font-weight:700;}
.organ-area h5 strong {display:block;position:absolute;left:536px;top:214px;color:#fff;font-size:18px;letter-spacing: -0.5px;font-weight:700;}

.organ-wp {overflow:hidden;padding:367px 0 0 100px;}
.organ-wp > div {float:left;width:200px;margin-right:40px;}
.organ-wp > div.type04 {margin-right:0;}
.organ-wp h6 {display:block;width:200px;height:50px;margin-bottom:10px;font-size:18px;font-weight:700;letter-spacing: -0.5px;line-height:50px;text-align:center;}
.organ-wp ul {}
.organ-wp ul li{}
.organ-wp ul li a{display:block;width:200px;height:50px;margin-bottom:10px;font-size:16px;font-weight:700;letter-spacing: -0.5px;line-height:50px;text-align:center;}
.organ-side strong{display:block;position:absolute;top:214px;right:246px;color:#fff;font-size:18px;letter-spacing: -0.5px;font-weight:700;}
.organ-side .org p {position:absolute;top:284px;right:240px;color:#333;font-size:18px;letter-spacing: -0.5px;font-weight:700;} */

.org-accord-wp {
  margin-top: 60px;
}

.org-info-wp {
  padding: 28px 20px;
}

.org-info {
  padding-bottom: 15px;
}

.org-info p {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  padding-left: 30px;
  font-size: 16px;
  letter-spacing: -0.5px;
}

.org-info p::after {
  content: 'T';
  left: 0;
  top: -1px;
  position: absolute;
  height: 20px;
  width: 20px;
  background: #619805;
  text-align: center;
  color: #fff;
  line-height: 21px;
  font-size: 15px;
  font-weight: bold;
}

.org-info p.fax::after {
  content: 'F';
}

.org-info p strong {
  display: inline-block;
  margin-right: 5px;
  font-weight: 700;
}

.org-txt {
  display: table;
  width: 100%;
}

.org-txt .wtit {
  display: table-cell;
  vertical-align: top;
  width: 75px;
  padding-top: 5px;
}

.org-txt .wtit strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.25px;
}

.org-txt .wtxt {
  display: table-cell;
  vertical-align: top;
  width: auto;
}

.org-txt .wtxt li {
  position: relative;
  padding-left: 13px;
  color: #666;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.25px;
}

.org-txt .wtxt li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  background: url(../img/common/bul02.gif) no-repeat left top;
}

/*금융상품_신용카드*/
.credInfo-wp h4 {
  padding: 55px 0 17px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.25px;
}

.credInfo-wp {
  margin-top: 35px;
}

.cInfo-top {
  position: relative;
  padding: 45px 330px 50px 40px;
  background-color: #f3f9e8;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cInfo-top:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 62px);
  right: 40px;
  width: 192px;
  height: 124px;
  background: url('/fsb/img/content/fin/bg_fincred.png') no-repeat;
}

.cInfo-top .title {
  max-width: 600px;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.25px;
}

.cInfo-top .cInfo-img {
  position: absolute;
  right: 46px;
  top: 20px;
}

.cred-kinds p {
  color: #666;
  font-size: 16px;
  letter-spacing: -.25px;
}

.cred-list {
  border-top: 1px solid #86c51c;
}

.cred-list li {
  display: table;
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
}

.cred-list li .thumb {
  display: table-cell;
  vertical-align: top;
  width: 270px;
  padding: 40px 0 0 45px;
}

.cred-list li .info {
  display: table-cell;
  vertical-align: top;
  width: auto;
  padding: 50px 0 0 0;
}

.cred-list li .info strong {
  display: block;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.25px;
}

.cred-list li .info p {
  color: #666;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.25px;
}

.cred-infoWp .btn-wp {
  text-align: center;
  padding: 40px 0 0 0;
}

.cred-infoWp .btn-wp button {
  width: 180px;
  padding: 0;
}

.save-infoWp .tbl-wrap {
  margin: 0 0 5px;
}

.save-infoWp table th.wh {
  background: #fff;
  border-right: 1px solid #ddd;
}

.save-infoWp table th.wh.last {
  border-right: 0;
}

.save-infoWp .tbl-style03 th {
  text-align: center;
}

.save-infoWp .tbl-style03 td {
  text-align: center;
}

.save-infoWp>p {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.25px;
}

.save-mInfo {
  display: none;
}

.caution-wp {
  margin-top: 55px;
}

.c-detailWp {
  padding: 0 20px 20px;
}

.c-detailWp strong.ctit {
  display: block;
  padding: 25px 0 15px;
  font-size: 16px;
  letter-spacing: -0.25px;
}

.c-detailWp .ctxt {}

.c-detailWp .ctxt ul.bul {}

.c-detailWp .ctxt ul.bul li {
  position: relative;
  padding-left: 13px;
  color: #666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.25px;
}

.c-detailWp .ctxt ul.bul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background: url(../img/common/bul02.gif) no-repeat left top;
}

.c-detailWp .ctxt ul.bul li p {
  position: relative;
  color: #666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.25px;
  padding-left: 13px;
}

.c-detailWp .ctxt ul.bul li p:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0px;
}

.c-detailWp .ctxt ul.bul li strong {
  color: #333;
  font-weight: 400;
}

.c-detailWp .ctxt ul.str li {
  position: relative;
  padding-left: 13px;
  color: #666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.25px;
}

.c-detailWp .ctxt ul.str li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0px;
}

.c-detailWp .ctxt ul.str li span {
  color: #333;
  margin-right: 5px;
}

.c-detailWp .ctxt ul.str li p {
  padding-left: 40px;
  color: #666;
  text-indent: -40px;
}

.c-detailWp .ctxt ul.str li p.point {
  color: #333;
  font-size: 14px;
  letter-spacing: -.25px;
}

.bank-cInfoWp .tbl-wrap {
  margin-top: 0;
}

.bank-cInfoWp table th {
  text-align: center;
}

.bank-cInfoWp table th.thr {
  border-right: 1px solid #8bc727;
}

.bank-cInfoWp table td span {
  display: inline-block;
  line-height: 17px;
  border-bottom: 1px solid #bcbcbc;
  color: #666;
}


.dep_sub {
  position: relative;
  background: transparent !important;
}

.dep_sub:before {
  content: '';
  display: block;
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 10px;
  background: #ccc;
}

.nolink {
  font-weight: 700;
}





















/* ===================mobile============================ */
@media (max-width: 1100px) {

  /*checkbox   인뱅*/
  .chk-label {
    padding-left: 7px;
    font-size: 12px;
  }

  i.icon-chk {
    width: 16px;
    height: 16px;
    background: url(../img/common/checkbox-m.png) no-repeat center / contain;
  }

  .chk-basic:checked~i {
    width: 16px;
    height: 16px;
    background: url(../img/common/checkbox-on.png) no-repeat center / contain;
  }


  /*layer popup style*/
  .layer-head h1 {
    padding: 10px 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.25px;
    border-bottom: 1px solid #ccc;
  }

  .layer-container button.layer-close {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 16px;
    height: 16px;
    font-size: 0;
    text-indent: -9999em;
    background: url(../img/common/layer-close.png) no-repeat center;
    background-size: 16px 16px;
  }

  .layer-container button.layer-close.type02 {
    width: 26px;
    height: 26px;
    padding: 5px;
  }

  /*검색결과 없을때 페이지 공통*/
  .nosearch-wp {
    border-top: 1px solid #86c51c;
    padding: 130px 10px 50px;
    background: #f7f7f7 url(../img/common/ico-point-m.png) no-repeat center 40px;
  }

  .nosearch-wp p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
  }

  .nosearch-wp .btn-wp {
    margin-top: 20px;
  }

  .nosearch-wp .btn-wp button {
    width: inherit;
    min-width: inherit;
    height: 33px;
    width: calc(50% - 5px);
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-size: 12px;
    line-height: 33px;
  }

  /*404 오류*/
  .error-wp01 {}

  .error-wp01 .nosearch-wp p {
    line-height: 25px;
  }

  .nosearch-wp {}

  .nosearch-wp p.str {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 10px;
  }

  /*500 오류*/
  .error-wp02 {}

  .error-wp02 .nosearch-wp {
    background: #f7f7f7 url(../img/common/ico-info-m.png) no-repeat center 40px;
  }


  /*======================//나중에 common.css로 빼기=============================*/

  /*팝업- 위치정보 검색결과 화면 팝업*/
  .loca-pop01 {
    width: 95%;
  }

  .loca-pop01 .info-boxWp {
    padding: 15px 15px;
  }

  .loca-pop01 .info-boxWp li>strong {
    width: 70px;
    padding-left: 10px;
    font-size: 13px;
    line-height: 24px;
  }

  .loca-pop01 .info-boxWp li>strong:before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 6px;
    background: url(../img/common/bul01.png) no-repeat center
  }

  .loca-pop01 .info-boxWp li .l-info {
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding-right: 60px;
  }

  .loca-pop01 .info-boxWp li .l-info p {
    font-size: 13px;
    line-height: 24px;
  }

  .loca-pop01 .btn-go-map a {
    position: absolute;
    right: 20px;
    top: 40px;
    width: 45px;
    height: 44px;
    padding-top: 60px;
    background: url(../img/common/ico-map-p.png) no-repeat top;
    background-size: 45px;
  }

  .loca-pop01 .btn-go-map a span {
    display: block;
    color: #666;
    font-size: 12px;
    letter-spacing: -.25px;
    text-align: center;
  }

  .pop-table-wp {
    padding: 20px 15px 20px;
  }

  .tbl-wrap.type02 th {
    padding: 10px 5px;
    font-size: 12px;
    min-width: inherit;
  }

  .tbl-wrap.type02 td {
    padding: 10px 5px;
    font-size: 12px;
  }

  .pop-btn-wp {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .pop-btn-wp button {
    width: 140px;
    height: 40px;
  }

  .pop-btn-wp button:first-of-type {
    margin-right: 5px;
  }

  /*팝업-위치정보레이어팝업*/
  .str-searPop {
    width: 95%;
  }

  .store-popWp {
    padding: 35px 0px 30px;
    text-align: center;
  }

  .store-popWp strong.info {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.25px;
  }

  .store-popWp .pop-btn-wp {
    margin: 15px 0 0;
  }

  .store-popWp .pop-btn-wp button {
    width: 140px;
    height: 40px;
  }

  /*팝업-뉴스레터신청팝업*/
  .napply-pop {
    width: 90%;
  }

  .newl-apply-pop {
    padding: 0 10px;
  }

  .newl-apply-pop .info-boxWp li {
    padding: 10px 0px;
  }

  .newl-apply-pop .info-boxWp li>strong {
    width: 65px;
    padding-left: 0;
  }

  .newl-apply-pop .info-boxWp li>strong:before {
    content: '';
    background: none;
  }

  .newl-apply-pop .info-boxWp li>strong.tit span {
    display: inline-block;
    position: relative;
    font-weight: 700;
  }

  .newl-apply-pop .info-boxWp li>strong.tit em.vital {
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 12px;
    width: 6px;
    height: 6px;
    background: url(../img/common/ico-vital.png) no-repeat top;
    font-size: 0;
    text-indent: -9999em;
  }

  .newl-apply-pop .info-boxWp li .l-info {
    padding-right: 0;
  }

  .newl-apply-pop .info-boxWp li .l-info .inp-wp input {
    width: 100%;
  }

  .newl-apply-pop .vital-info {
    width: 100%;
    text-align: right;
    padding: 10px 0 5px;
  }

  .newl-apply-pop .vital-info em.vital {
    display: inline-block;
    position: absolute;
    left: -12px;
    top: 5px;
    width: 6px;
    height: 6px;
    background: url(../img/common/ico-vital.png) no-repeat top;
    font-size: 0;
    text-indent: -9999em;
  }

  .newl-apply-pop .vital-info span {
    display: inline-block;
    position: relative;
    color: #999;
    font-size: 14px;
  }

  .newl-apply-pop input.input-text {
    padding: 0 11px;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 14px;
  }

  .email-wp input {
    width: 100%
  }

  .email-wp {
    overflow: hidden;
  }

  .email-wp>span {
    float: left;
    width: 23%;
  }

  .email-wp span.pad {
    display: inline-block;
    width: 10%;
    padding-top: 10px;
    text-align: center;
    color: #666;
  }

  .email-wp .sel-wp {
    display: inline-block;
    width: 38%;
  }

  .email-wp .sel-wp select {
    width: 100%;
    border-radius: 0;
  }

  .radio-wp {
    padding-top: 10px;
  }

  .radio-wp .radio-box {
    margin-right: 35px
  }

  .sel-wp02 select {
    width: 100%;
    border-radius: 0;
  }

  .pr-agree-wp {
    margin: 10px 0 20px;
  }

  .pop-accordion-head {
    position: relative;
  }

  .pop-accordion-text {
    display: block;
    line-height: 40px;
    padding: 0 10px;
    background: #fff;
    color: #333;
  }

  .pop-accordion-opener {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/common/bullet/bul_select.png) no-repeat 95% center
  }

  .js-accordion-opened .pop-accordion-opener {
    background: url(../img/common/bullet/bul_select-on.png) no-repeat 95% center
  }

  .pop-accordion-layer {
    overflow: hidden;
    height: 0;
    display: none;
    padding: 10px 10px;
  }

  .pop-accordion-list {
    border: 1px solid #ccc;
  }

  .pop-accordion-layer strong {
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -.25px;
  }

  .pop-accordion-layer p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -.25px;
  }

  .napply-pop .pop-btn-wp {
    border-top: 1px solid #ccc;
    padding-top: 10px;
  }

  .napply-pop .pop-btn-wp button {
    width: 100px;
    height: 40px;
  }









  /*소식 _ 홍보자료실 _목록 */
  .pr-roomWp {
    margin: 0;
  }

  .pr-roomWp .tab-basic-buttons {
    margin: 15px 0 20px;
  }

  .common-tblinfobox .searchbox-wrap.type01 {
    position: relative;
    width: 100%;
    padding-right: 41px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .searchbox-wrap.type01 input {
    width: 100%;
  }

  .searchbox-wrap.type01 button {
    position: absolute;
    right: 0;
    top: 0;
  }

  .pr-roomWp .common-tblinfobox {
    margin-top: 15px;
    padding: 0 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  ul.new-thumb-list {
    margin: 0;
    /*padding:0 10px;*/
  }

  ul.new-thumb-list li>a {
    border: 0;
  }

  ul.new-thumb-list li {
    width: 100%;
    margin: 0;
    padding: 20px 16px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc;
  }

  ul.new-thumb-list li:last-child {
    border-bottom: 0;
  }

  ul.new-thumb-list li .thumb-wp {
    text-align: center;
    width: inherit;
    height: inherit;
  }

  ul.new-thumb-list li .thumb-wp img {
    width: 100%;
    height: auto;
  }

  ul.new-thumb-list li .txt-wp {
    padding: 13px 0px 16px;
    min-height: inherit;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  ul.new-thumb-list li .tit {
    height: 44px;
    color: #333;
    font-size: 14.6px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -.25px;
  }

  ul.new-thumb-list li .txt-wp .date {
    display: block;
    margin-top: 15px;
    color: #666;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.25px;
  }

  .new-thumbWp.tmb-type02 ul.new-thumb-list li .txt-wp {
    border-top: 0;
  }

  /* 2개노출
ul.new-thumb-list {margin:0 -5px;/*padding:0 10px;*/
  /*}
ul.new-thumb-list li {width:calc(50% - 10px);margin:0 5px;padding-top:20px;}
ul.new-thumb-list li .thumb-wp {text-align:center;width:inherit;height:inherit;}
ul.new-thumb-list li .thumb-wp img {width:100%;height:auto;}
ul.new-thumb-list li .txt-wp {padding:10px 13px;min-height:80px;box-sizing:border-box;-webkit-box-sizing:border-box;}
ul.new-thumb-list li .tit{color:#333;font-size:14.6px;font-weight: 700;line-height:22px;letter-spacing:-.25px;}
ul.new-thumb-list li .txt-wp .date{display:block;color:#666;font-size:12px;font-weight: 700;letter-spacing:-.25px;margin-top:15px;}
*/

  /*저축은행 - 사회공헌활동 list */
  .social-cont {
    margin: 0;
  }

  .new-thumbWp.tmb-type02 {
    margin: 0 -16px;
  }

  .new-thumbWp.tmb-type02 ul.new-thumb-list li .thumb-wp {
    width: 100%;
    height: auto;
  }

  .new-thumbWp.tmb-type02 ul.new-thumb-list li .thumb-wp img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .social-cont .common-tblinfobox {
    margin-top: 15px;
    padding: 0 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  /*소식 - 저축은행지 - 목록 */
  .bankNews-cont {
    margin: 15px -16px 0;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li {
    padding-bottom: 20px;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li .thumb-wp {
    width: 100%;
    height: auto;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li .thumb-wp img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li .info .tit {
    padding: 11px 0 16px;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp {
    width: 100%;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp>button {
    width: inherit;
    min-width: inherit;
    height: 33px;
    width: calc(50% - 5px);
    margin: 0;
    vertical-align: top;
    font-size: 12px;
    line-height: 33px;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp .btn-style01 .down {
    margin: 0 3px;
    padding: 0 25px 0 0;
    background: url('../img/common/button/btn_down.png') no-repeat right center;
    background-size: 15px 15px;
  }

  .new-thumbWp.tmb-type03 ul.new-thumb-list li .info .btn-wp .qview {
    display: inline-block;
    padding: 0 24px 0 0;
    background: url('../img/common/button/btn_search.png') no-repeat right center;
    background-size: 15px 15px;
  }

  /*소식 - 홍보자료실 -영상 */
  .prroom-media {
    margin-top: 20px;
  }

  .media-wp {
    height: inherit;
    margin-bottom: 20px;
    padding: 20px 20px 18px 20px;
    background: #f3f9e8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .media-area .media {
    float: inherit;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .media-area .media.type02 {
    width: 620px;
    height: 350px;
    margin: 0 auto 10px;
  }

  .media-area .media img {
    width: 100%;
    /* 임시 나중에 동영상 넣으면 삭제*/
  }

  .media-scroll-wrap {
    float: inherit;
    position: relative;
    width: 100%;
    height: 150px;
    padding: 0px 10px 0 10px;
    margin-left: 0px;
  }

  .media-scroll {
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    text-align: left;
  }

  .media-scroll .scroller p {
    padding-right: 20px;
  }

  .media-scroll strong.mtit {
    display: block;
    padding-top: 5px;
    font-size: 17px;
  }

  .media-scroll .m-txt {
    padding-top: 20px;
  }

  .media-scroll .m-txt p {
    color: #666;
    font-size: 11px;
    letter-spacing: -.25px;
    line-height: 20px;
  }

  .media-wp .m-str {
    color: #666;
    font-size: 10px;
    letter-spacing: -.25px;
    margin-top: 10px;
  }

  .new-thumbWp.media ul.new-thumb-list li {
    padding-bottom: 6px;
  }

  .new-thumbWp.media ul.new-thumb-list li .t-media-wp {
    width: 100%;
    height: auto;
  }

  .new-thumbWp.media ul.new-thumb-list li .t-media-wp img {
    width: 100%;
    height: auto;
    vertical-align: top;
    /*임시 : 동영상 올리고나중에 삭제해야함 */
  }

  .new-thumbWp.media ul.new-thumb-list li .txt-wp {
    min-height: inherit;
    height: inherit;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 13.3px 0 6px;
  }

  /*저축은행 - 유틸검색결과있을경우 출력화면*/
  /* .searchCont-wp {margin:0 -18px;} */
  .searchCont-wp .common-tblinfobox .searchbox-wrap input {
    width: inherit;
  }

  .searchCont-wp .common-tblinfobox {
    width: inherit;
    margin: 0;
    padding: 0 16px;
  }

  .searchCont-wp .common-tblinfobox+h4 {
    padding-top: 31px;
  }

  .searchCont-wp h4 {
    position: relative;
    display: block;
    border-bottom: 1px solid #86c51c;
    padding: 38px 0 12px 16px;
    font-size: 13.3px;
    font-weight: 700;
    letter-spacing: -.25px;
  }

  .searchCont-wp h4 .btn-more {
    position: absolute;
    right: 16px;
    bottom: 8px;
    min-width: 50px;
    height: 26px;
    font-size: 12px;
  }

  .r-nlistWp li {
    padding: 12.3px 16px 11px;
    border-bottom: 1px solid #ccc;
  }

  .r-nlistWp li strong.tit a {
    font-size: 14.6px;
    line-height: 21px
  }

  .r-nlistWp li span.date {
    font-size: 12px;
    margin-top: 14px;
  }

  .r-thumb-list li {
    overflow: hidden;
    padding: 20px 16px 17px;
    border-bottom: 1px solid #ddd;
  }

  .r-thumb-list li:last-child {
    border-bottom: 1px solid #ddd;
  }

  .r-thumb-list .thumb {
    float: inherit;
    display: block;
    width: 100%;
    vertical-align: top;
  }

  .r-thumb-list .thumb img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .r-thumb-list .thumb a {
    display: block;
  }

  .r-thumb-list .info {
    float: inherit;
    display: block;
    width: auto;
    padding: 13.6px 0 0 0px;
    vertical-align: top;
  }

  .r-thumb-list .info strong.tit a {
    font-size: 14.6px;
  }

  .r-thumb-list .info span.date {
    font-size: 12px;
    padding: 15px 0 15px;
  }

  .r-thumb-list .info p.txt {
    font-size: 13.3px;
    line-height: 20px;
  }

  .r-media-wp ul.new-thumb-list {
    overflow: inherit;
    margin: 0px;
    padding: 0;
  }

  .r-media-wp ul.new-thumb-list li {
    float: inherit;
    width: 100%;
    margin: 0;
    padding: 20px 16px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc;
  }

  .r-media-wp ul.new-thumb-list li>a {
    display: block;
    border: 0;
    text-decoration: none;
  }

  .r-media-wp ul.new-thumb-list li .t-media-wp {
    width: 100%;
    height: auto;
  }

  .r-media-wp ul.new-thumb-list li .t-media-wp img {
    width: 100%;
    height: auto;
    vertical-align: top
  }

  /*임시 : 동영상 올리면 나중에 삭제하기*/
  .r-media-wp ul.new-thumb-list li .txt-wp {
    padding: 13.3px 0 6px;
    min-height: inherit;
  }

  .r-media-wp ul.new-thumb-list li .tit {
    height: inherit;
  }

  .r-media-wp.data ul.new-thumb-list li .txt-wp {
    padding: 13.3px 0 0px;
  }

  .r-media-wp.nbook ul.new-thumb-list {
    overflow: inherit;
    margin: 0;
  }

  .r-media-wp.nbook ul.new-thumb-list li {
    float: inherit;
    width: 100%;
    margin: 0;
    padding: 20px 16px;
  }

  .r-media-wp.nbook ul.new-thumb-list li:last-of-type {
    border-bottom: 0;
  }

  .r-media-wp.nbook ul.new-thumb-list li .thumb-wp {
    text-align: center;
    width: 100%;
    height: auto;
  }

  .r-media-wp.nbook ul.new-thumb-list li .thumb-wp img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .r-media-wp.nbook ul.new-thumb-list li .info .tit {
    padding: 11px 0 16px;
  }

  .r-media-wp.nbook ul.new-thumb-list li .info .btn-wp {
    width: 100%;
  }

  .r-media-wp.nbook ul.new-thumb-list li .info .btn-wp>button {
    width: inherit;
    min-width: inherit;
    height: 33px;
    width: calc(50% - 5px);
    margin: 0;
    vertical-align: top;
    font-size: 12px;
    line-height: 33px;
  }

  .r-media-wp.nbook ul.new-thumb-list li .info .btn-wp .btn-style01 .down {
    margin: 0 3px;
    padding: 0 25px 0 0;
    background: url('../img/common/button/btn_down.png') no-repeat right center;
    background-size: 15px 15px;
  }

  .r-media-wp.nbook ul.new-thumb-list li .info .btn-wp .qview {
    display: inline-block;
    padding: 0 24px 0 0;
    background: url('../img/common/button/btn_search.png') no-repeat right center;
    background-size: 15px 15px;
  }

  /*
.r-media-wp.nbook ul.new-thumb-list {overflow:hidden;margin:0 -5px;padding:0 16px;}
.r-media-wp.nbook ul.new-thumb-list li {float:left;width:calc(50% - 10px);margin:0 5px;padding-top:15px;}
.r-media-wp.nbook ul.new-thumb-list li .thumb-wp {text-align:center;width:100%;height:auto;}
.r-media-wp.nbook ul.new-thumb-list li .thumb-wp img {width:100%;height:auto;}
.r-media-wp.nbook ul.new-thumb-list li .info .tit {padding:11px 0 13px;}
.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp {width:100%;}
.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp > button {width:inherit;vertical-align:top;min-width:inherit;font-size:12px;width:calc(50% - 5px);margin:0;}
.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp .btn-style01 .down {margin:0 3px;padding:0 15px 0 0;background-size:13px 12px;}
.r-media-wp.nbook ul.new-thumb-list li .info .btn-wp .qview {padding:0 15px 0 0;background-size:12px 12px;}
*/

  /*저축은행찾기_빠른검색*/
  .store-searchWp {
    overflow: inherit;
    margin: 0 -18px;
  }

  .store-optWp {
    float: inherit;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .store-mapWp {
    float: inherit;
    width: 100%;
    height: inherit;
    margin-top: 20px;
    padding: 0 16px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .map-area {
    width: 100%;
    height: 280px;
    /*지도 영역 높이 임시*/
  }

  .map-area img {
    width: 100%;
    height: inherit;
  }

  /*나중에 지도 넣으면 삭제*/

  .s-inp-optWp {
    height: inherit;
    padding: 0 16px;
  }

  .store-optWp .check-optWp {
    padding: 26px 0 20px;
  }

  .store-optWp .check-optWp .chk-wrap {
    display: inline-block;
    width: 32.5%;
    margin-bottom: 13px;
  }

  .search-tabWp {
    width: 100%;
    height: inherit;
    padding-bottom: 20px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }

  .search-tabWp .tab-basic-buttons-item {
    padding: 9px 10px 8px;
    font-size: 13.3px;
  }

  .ser-result {
    padding: 11px 16px 17px;
  }

  .ser-result p {
    font-size: 13.3px;
    letter-spacing: -.25px;
    line-height: 20px;
  }

  .ser-result p strong {
    color: #18a33e;
  }

  .sr-listWp ul li a {
    padding: 17px 30px 17px 16px;
    background: url('../img/content/sab/ico-map-m.png') no-repeat 100% 21px;
  }

  .sr-listWp ul li a.active {
    background: url('../img/content/sab/ico-map-m02.png') no-repeat 100% 21px;
  }

  .sr-listWp ul li .t-logo {
    float: left;
    width: 90px;
    height: 48px;
    margin: 0 13px 0px 0;
    padding: 10px 0px 0;
    border: 1px solid #efefef;
  }

  .sr-listWp ul li .t-logo img {
    width: 90px;
    vertical-align: middle;
  }

  .sr-listWp ul li .s-info {
    float: left;
    width: 186px;
    padding-left: 0px;
  }

  .sr-listWp ul li .s-info .tit {
    font-size: 14.6px;
    font-weight: 700;
  }

  .sr-listWp ul li .s-info p.add {
    margin-top: 3px;
    font-size: 12px;
    line-height: 20px;
  }

  /*저축은행찾기_지역검색*/
  .regionS {}

  .regionS .r-info {
    font-size: 13px;
    padding: 15px 10px;
  }

  .r-opt-wp {
    height: inherit;
    background: #fff;
  }

  .rlist-opt li button {
    height: 35px;
    padding: 7px 0;
    text-align: center;
  }

  .rlist-opt li button span {
    display: inline-block;
    font-size: 13px;
    letter-spacing: -.25px;
  }


  /*금융상품_예금_비과세저축상품*/
  .pro-infoBox {
    padding: 0 10px 15px;
  }

  .pro-infoBox p.info-txt {
    padding: 14px 20px 14px 20px;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.25px;
  }

  .pro-accordion-text {
    padding: 0 12px;
    font-size: 14.6px;
    line-height: 41.4px;
  }

  .pro-accordion-opener {
    background: url(../img/common/ico-accor-m.png) no-repeat 100% center
  }

  .js-accordion-opened .pro-accordion-opener {
    background: url(../img/common/ico-accor-on-m.png) no-repeat 100% center;
  }

  .table01-wrap {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
  }

  .table01-wrap table th {
    min-width: inherit;
    border-right: 1px solid #ddd;
    padding: 12px 0px 11px;
    background: #fff;
    font-size: 13px;
    text-align: center;
  }

  .table01-wrap table td {
    font-size: 13px;
    padding-left: 10px;
  }

  .table01-wrap table th.vam {
    vertical-align: middle
  }


  /*중앙회소개 - CI , BI*/
  .inner-tabWp .tab-basic .tab-basic-buttons {
    margin: 20px 0 0;
  }

  .inner-tabWp .tab-basic-buttons-item {
    margin: 0 20px;
    padding: 0 8px 5px;
    font-size: 12px;
  }

  .ci-wrap h4,
  .bi-wrap h4 {
    padding: 22px 0 10px;
    font-size: 14.6px;
  }

  /*padding:35px 0 7px;*/
  .s-markWp {
    padding-bottom: 30px;
  }

  .s-mark-area {
    display: block;
  }

  .s-mark-area .smark {
    display: block;
    float: inherit;
    width: 100%;
  }

  .s-mark-area .smark img {
    width: 100%;
  }

  .s-mark-area p {
    display: block;
    float: inherit;
    width: 100%;
    padding-left: 0px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    vertical-align: top;
  }

  .s-markWp .btn-wp {
    margin-top: 20px;
  }

  .s-markWp .btn-wp button {
    width: inherit;
    width: calc(50% - 5px);
    margin: 0;
    padding: 0;
    vertical-align: top;
    min-width: inherit;
    font-size: 12px;
  }

  .logo-type {
    padding-bottom: 30px;
  }

  .logo-type>div {
    float: inherit;
    margin-bottom: 5px;
  }

  .logo-type>div img {
    width: 100%;
  }

  .logo-type .stype01 {
    margin-right: 0px;
  }

  .color-type ul {
    overflow: hidden;
    margin: 0;
  }

  .color-type ul li {
    float: inherit;
    width: 100%;
  }

  .color-type ul li>div {
    height: 35px;
  }

  .color-type ul li strong {
    padding: 10px 0;
    font-size: 14px;
  }

  .color-type ul li p {
    margin-bottom: 5px;
  }

  .s-markWp.sig .smark {
    width: 100%;
    margin-bottom: 5px;
  }

  .s-markWp.sig .smark img {
    width: 100%;
  }

  .s-mark-area .smark2 {
    display: block;
    float: inherit;
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    padding-left: 0;
  }

  .s-mark-area .smark2 img {
    width: 100%;
  }

  .s-markWp.sig .type {
    margin-top: 5px;
  }

  /*중앙회 조직도*/
  /* .organ-wrap {margin:0 -18px;}
.organ-area {height:inherit;padding:277px 16px 13.4px 150px;background: #efefef url(../img/content/fsb/bg-org-m.jpg) no-repeat left top;}
.organ-area h4 strong {left:49px;top:60px;font-size:14.6px;text-align:center;}
.organ-area h5 strong {left:40px;top:239px;font-size:13.3px;text-align:center;}

.organ-wp {overflow:inherit;padding:0;}
.organ-wp > div {float:inherit;width:100%;margin-right:0px;}
.organ-wp h6 {width:100%;height:40px;margin-top:13.4px;margin-bottom:6.6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f3f9e8;font-size:13.3px;line-height:40px;border:1px solid #86c51c;border-radius:5px;}
.organ-wp .organ.type01 h6 {margin-top:0;}
.organ-wp .organ.type03 h6 {margin-top:15px;}
.organ-wp .organ.type04 h6 {margin-top:10px;}
.organ-wp ul {}
.organ-wp ul li{}
.organ-wp ul li a{width:100%;height:40px;margin-bottom:6.6px;background:#fff;font-size:12px;line-height:40px;border:1px solid #86c51c;border-radius:5px;}
.organ-side strong{display:block;right:inherit;top:126px;left:150px;width:calc(100% - 166px);height:40px;padding-top:12px;background:#86c51c;font-size:13.3px;text-align:center;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.organ-side .org p {right:inherit;top:173px;left:150px;width:calc(100% - 166px);background:#fff;font-size:13.3px;line-height:40px;text-align:center;border:1px solid #86c51c;border-radius:5px;} */

  .organ-area {
    padding: 20px 15px 20px;
  }

  .organ-area.type01 {
    padding: 20px;
  }

  .organ-area h4 {
    width: 90px;
    height: 90px;
    margin: 0 0 115px;
    font-size: 16px;
    line-height: 90px;
  }

  .organ-area h4:before {
    height: 115px;
    right: auto;
    margin: 0;
    left: 45px;
  }

  .organ-area h5,
  .organ-side strong,
  .organ-side .org,
  .organ h6,
  .organ li {
    width: auto;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 10px 5px;
  }

  .organ-area h5 {
    width: 90px;
  }

  .organ-area h5:before {
    height: 10px;
    right: auto;
    margin: 0;
    left: 45px;
  }

  .organ-side {
    top: 110px;
    right: 15px;
    left: 150px;
    width: auto;
  }

  .organ-side strong:before {
    height: 10px;
  }

  .organ-side.type01 {
    top: 220px;
    right: 15px;
    left: 150px;
    width: auto;
  }

  .organ-side.type01 strong:before {
    width: 45px;
    right: initial;
    left: -45px;
  }

  .organ-side .org p {
    font-size: 14px;
    line-height: 18px;
  }

  .organ-swiper {
    width: 100%;
  }

  .organ-wp {
    flex-direction: column;
  }

  .organ {
    width: auto;
    float: none;
    margin: 0 0 0 135px;
  }

  .organ-area.type01 .organ+.organ,
  .organ+.organ {
    margin-left: 135px;
  }

  .organ-area.type01 .organ+.organ {
    margin-left: 0;
  }

  .organ.type01 {
    width: auto;
  }

  .organ.type01:last-child {
    width: 50%;
  }

  .organ h6,
  .organ li {
    line-height: 18px;
  }

  .organ:before {
    top: 0;
    left: -90px;
    right: auto;
    bottom: -10px;
    height: auto;
  }

  .organ:last-child:before {
    bottom: auto;
    height: 20px;
  }

  .organ:after,
  .organ:first-child:after,
  .organ:last-child:after {
    top: 20px;
    left: -90px;
    right: 100%;
  }

  .organ-area.type01 .organ-wp {
    flex-direction: row;
  }

  .organ-area.type01 h4 {
    margin: auto auto 30px;
  }

  .organ-area.type01 h4:before {
    height: 30px;
    right: 0;
    margin: 0 auto;
    left: 0;
  }

  .organ-area.type01 .organ {
    float: left;
    margin: 30px 0 0 0;
    width: 200px;
  }

  .organ-area.type01 .organ:before {
    top: auto;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 30px;
  }

  .organ-area.type01 .organ:last-child:before {
    bottom: 100%;
    height: 30px;
  }

  .organ-area.type01 .organ:after,
  .organ-area.type01 .organ:first-child:after,
  .organ-area.type01 .organ:last-child:after {
    top: -30px;
    left: -17px;
    right: -17px;
  }





  .org-accord-wp {
    margin-top: 30px;
  }

  .org-info-wp {
    padding: 18px 10px;
  }

  .org-info {
    padding-bottom: 10px;
  }

  .org-info p {
    font-size: 14.6px;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
  }

  .org-info p.tel {
    padding-left: 20px;
    margin-right: 18px;
    background: url(../img/content/fsb/ico-tel-m.gif) no-repeat left top;
  }

  .org-info p.fax {
    padding-left: 20px;
    background: url(../img/content/fsb/ico-fax-m.gif) no-repeat left top;
  }

  .org-info p strong {
    margin-right: 5px;
  }

  .org-txt {
    display: inherit;
  }

  .org-txt .wtit {
    display: inherit;
    margin-bottom: 10px;
    padding-top: 0px;
  }

  .org-txt .wtit strong {
    font-size: 14.6px;
  }

  .org-txt .wtxt {
    display: inherit;
    width: 100%;
  }

  .org-txt .wtxt li {
    padding-left: 10px;
    font-size: 14.6px;
    line-height: 24px;
    letter-spacing: -0.25px;
  }

  .org-txt .wtxt li:before {
    content: '';
    top: 8px;
  }

  /*금융상품_신용카드*/

  .credInfo-wp h4 {
    font-size: 14.6px;
    padding: 20px 0 11px;
  }

  /*padding:20px 0 9px;*/
  .credInfo-wp {
    margin-top: 0px;
  }

  .save-infoWp .tbl-wrap {
    display: none;
  }

  .save-mInfo {
    display: block;
  }

  .save-mInfo dl {
    padding-bottom: 5px;
  }

  .save-mInfo dt {
    display: block;
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #f3f9e8;
    font-size: 14px;
    font-weight: 700;
  }

  .save-mInfo dd {
    padding-left: 10px;
  }

  .save-mInfo ul li {
    margin-bottom: 10px;
  }

  .save-mInfo ul li strong {
    display: block;
    font-size: 13.3px;
    margin-bottom: 5px;
  }

  .save-mInfo ul li p {
    color: #666;
    font-size: 12px;
    line-height: 20px;
  }

  .save-infoWp>p {
    margin-left: 10px;
    padding-left: 15px;
    font-size: 11px;
    line-height: 20px;
    text-indent: -15px;
  }

  .cInfo-top {
    padding: 25px 15px;
  }

  .cInfo-top:after {
    display: none;
  }

  .cInfo-top strong {
    font-size: 14px;
    line-height: 20px;
  }

  .cInfo-top strong br {
    display: none
  }

  .cInfo-top .cInfo-img {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -30px;
  }

  .cInfo-top .cInfo-img img {
    width: 110px;
    height: 61px;
  }

  .cInfo-top .title {
    font-size: 14px;
    line-height: 22px;
  }

  .cred-kinds p {
    font-size: 13px;
  }

  .cred-list li {
    width: 100%;
    padding-bottom: 15px;
  }

  .cred-list li .thumb {
    width: 100px;
    padding: 15px 10px 0 10px;
  }

  .cred-list li .thumb img {
    width: 100%;
  }

  .cred-list li .info {
    padding: 20px 0 0 0;
  }

  .cred-list li .info strong {
    display: block;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 20px;
  }

  .cred-list li .info p {
    font-size: 12px;
    line-height: 20px;
  }

  .cred-infoWp .btn-wp {
    overflow: hidden;
    margin: 0;
    padding: 15px 0 0 0;
    text-align: center;
  }

  .cred-infoWp .btn-wp span {
    display: inline-block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
  }

  .cred-infoWp .btn-wp span:first-of-type {
    padding-right: 6px;
  }

  .cred-infoWp .btn-wp span:last-of-type {
    padding-left: 6px;
  }

  .cred-infoWp .btn-wp button {
    vertical-align: top;
    width: inherit;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
    min-width: inherit;
    font-size: 12px;
  }

  .caution-wp {
    margin-top: 25px;
  }

  .c-detailWp {
    padding: 0 16px 10px;
  }

  .c-detailWp strong.ctit {
    display: block;
    padding: 15px 0 5px;
    font-size: 13.3px;
  }

  .c-detailWp .ctxt ul.bul li {
    font-size: 13.3px;
    line-height: 22px;
    padding-left: 10px;
  }

  .c-detailWp .ctxt ul.bul li:before {
    content: '';
    top: 4px;
    width: 3px;
    height: 3px;
    background-size: 3px 3px;
  }

  .c-detailWp .ctxt ul.bul li p {
    padding-left: 10px;
    font-size: 13.3px;
    line-height: 22px;
  }

  .c-detailWp .ctxt ul.bul li p:before {
    content: '-';
    top: 0px;
  }

  .c-detailWp .ctxt ul.str li {
    margin-bottom: 5px;
    padding-left: 10px;
    font-size: 13.3px;
    line-height: 22px;
  }

  .c-detailWp .ctxt ul.str li p {
    text-indent: -30px;
    padding-left: 30px;
  }

  .c-detailWp .ctxt ul.str li p.point {
    font-size: 13.3px;
  }

  .bank-cInfoWp table th {
    padding: 7px 10px 6px;
    text-align: center;
    font-size: 13px;
  }

  .bank-cInfoWp table td {
    padding: 7px 10px 6px;
    font-size: 13px;
    line-height: 20px;
  }

  .bank-cInfoWp table th.thr {
    border-right: 1px solid #8bc727;
  }

  .bank-cInfoWp table td span {
    display: inline-block;
    line-height: 14px;
    border-bottom: 1px solid #bcbcbc;
    color: #666;
  }



  .social-cont {
    margin-top: 10px;
  }

  /* 중앙회 비디오 영상  css  */
  .player-dimensions {
    width: 100% !important;
    height: 350px;
  }
}

@media (max-width: 700px) {
  .media-area .media.type02 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    padding-right: 0;
  }

  .media-area .media.type02 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* 접속 대기 화면 */

  .dim-white {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 900;
    opacity: .6;
  }

  .loading-wrap {
    width: 600px;
    position: fixed;
    top: 50% !important;
    left: 50%;
    padding: 30px 60px;
    background: #fff;
    border: 2px solid #ccc;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000;
  }

  .loading-bar-wrap {
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    background: var(--disable-clr2);
    overflow: hidden;
  }

  .loading-bar {
    height: 100%;
    background: var(--pos-clr);
  }

  .loading-wrap span img {
    vertical-align: middle;
    margin-right: 5px;
  }

  @media (max-width: 700px) {
    .loading-wrap {
      width: 80%;
      padding: 30px 20px;
    }

    .loading-wrap .flex2 {
      width: 100% !important;
      flex-direction: column;
      gap: 10px;
    }
  }

  .msb-basic {
    font-size: 14px;
    font-weight: 500;
  }

  .msb-basic.dot:before {
    content: '';
    background: #ccc;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
  }
}

/* 3box -> 3step 가입전 가입시 가입후 */
.join-wrap {
  margin-top: 60px;
}

.join-wrap:after {
  content: '';
  clear: both;
  display: table;
}

.join-wrap .response-box {
  float: left;
  margin-right: 30px;
  width: calc(33.33% - 20px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: 2px solid #9eb5d3;
}

.join-wrap .response-box:last-child {
  margin-right: 0;
}

.join-wrap .join-tit {
  padding: 28px 16px 18px;
  text-align: center;
  background: #eff7f9;
}

.join-wrap .join-tit strong {
  font-size: 22px;
}

.join-wrap .join-tit::before {
  content: '';
  display: block;
  width: 77px;
  height: 77px;
  margin: 0 auto 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.join-wrap .join-tit.item01::before {
  background-image: url('../img/content/fin/bg_join01.png');
}

.join-wrap .join-tit.item02::before {
  background-image: url('../img/content/fin/bg_join02.png');
}

.join-wrap .join-tit.item03::before {
  background-image: url('../img/content/fin/bg_join03.png');
}

.join-wrap .join-step {
  padding: 0 20px;
}

.join-wrap .join-step ol>li {
  position: relative;
  padding: 18px 0;
  border-bottom: 1px solid #ddd;
}

.join-wrap .join-step ol>li:after {
  content: '';
  position: absolute;
  bottom: -15px;
  right: 30px;
  display: block;
  width: 30px;
  height: 30px;
  background: url('../img/content/fin/bg_join_arrow.png') no-repeat 0 0;
}

.join-wrap .join-step ol>li:last-child {
  border-bottom: 0;
}

.join-wrap .join-step ol>li:last-child:after {
  display: none;
}

.join-wrap .join-step span {
  color: #00397c;
  font-size: 14px;
  font-weight: 700;
}

.join-wrap .join-step strong {
  display: block;
  margin: 5px 0 10px;
  font-size: 18px;
}

.join-wrap .join-step ul {
  height: 93px;
}

.join-wrap .join-step ul>li {
  color: #666;
  font-size: 14px;
  line-height: 24px;
}