/* BASIC css start */
.footer {position: relative; width: 100%;border-top: 1px solid #ddd; margin-top:120px; }
.footer .content {display: flex;padding: 60px 12px;}
.footer .content .title {color: #222;font-size: 14px;font-weight: 700;line-height: 17px;margin-bottom: 16px;}
.footer .content .area {position: relative;min-height: 220px;margin-right: 12px;padding: 10px 26px 0 14px;box-sizing: border-box;word-break: keep-all;}
.footer .content .area:nth-child(1) {width: 33.3%;padding: 10px 26px 0 2px}
.footer .content .area:nth-child(2) {width: 16.6%;}
.footer .content .area:nth-child(3) {width: 16.6%;}
.footer .content .area:nth-child(4) {width: 16.6%;}
.footer .content .area:nth-child(5) {width: 16.6%;margin: 0;padding: 10px 14px 0;}
.footer .content .area::after {content: "";position: absolute;right: 0;top: 0;height: 100%;border-right: 1px solid #ddd;}
.footer .content .area:last-child:after {display: none;}
.footer .content .con01 {color: #555;font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: -.02em;}
.footer .content .con01 a {vertical-align: inherit;}
.footer .content .con01 .other {display: block;margin-bottom: 10px;}
.footer .content .con02 a {color: #555;font-size: 14px;font-weight: 500;line-height: 30px;}
.footer .content .con02 a:hover {border-bottom: 1px solid #666;padding-bottom: 1px;opacity: 0.8;}
.footer .content .con03 {color: #555;font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: -0.02em;}
.footer .content .con03 span {display: block;margin-bottom: 10px;color: #222;word-break: keep-all;}
.footer .content .btSnsWrap {margin-top: 14px;}
.footer .content .btSnsWrap a {border:1px solid #ddd;border-radius: 100%;display:inline-block;margin-right: 6px;width: 32px;height: 32px;box-sizing: border-box;text-align: center;line-height: 32px;font-size: 14px;color: #999;}
.footer .content .btSnsWrap a:hover { border-color:#802827; background:#802827; color:#fff;}
.footer .content .link {margin-top: 14px;}
.footer .content .link a {margin-right: 20px;word-break: keep-all;}
.footer .content .link a:hover {border-bottom: 1px solid #666;padding-bottom: 1px;opacity: 0.8;}
.footer .content .center-num {margin-bottom: 8px;color: #802827;font-size: 24px;font-weight: 700;line-height: 29px;}
.footer .content .chat-btn {display: flex; justify-content: space-between; align-items: center; width: 100%;height: 40px;margin-top: 16px;padding: 6px 10px;color: #222;font-size: 14px;font-weight: 600;line-height: 40px;border: 1px solid #ddd;box-sizing: border-box;}
.footer .content .bank {position: relative;}
.footer .content .bank::before{content: "";position: absolute;top: 10px;right: 6px;width: 20px;height: 20px;background-image: url('/design/lsh7614/dizi/expand_more.svg')}
.footer .content .bank select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-top: 21px;
  padding: 10px 6px 10px 10px;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-appearance:none; /* 크롬 화살표 없애기 */
  -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
  appearance:none; /* 화살표 없애기 */
}
.footer .copyright {position: relative;width: 100%;height: 50px;color: #999;font-size: 13px;font-weight: 500;line-height: 50px;text-align: center;background-color: #f8f8f8;}
/* BASIC css end */