/* BASIC css start */
#footer :is(*){}
#footer{width: 100%; min-width: 320px; max-width: 850px; margin: 70px auto 0; padding-bottom:80px;}
#footer>div{margin-bottom: 40px;}
#footer>div h4{font-family: 'Noto Sans KR', sans-serif; font-size: 13px; font-weight: 500;color: #222222;margin-bottom: 15px;}
#footer>div li{font-family: 'Noto Sans KR', sans-serif;color: #777777; font-size: 13px; font-weight: 400; line-height: 2;}
#footer>div li a{font-family: 'Noto Sans KR', sans-serif;color: #777777; font-size: 13px; font-weight: 400; }
#footer .f1{padding: 0 5%;}
#footer .f1 select{background-color: #fff;height: max-content; border: none; border-bottom: 1px solid #000;font-family: 'Jost','Noto Sans KR', sans-serif; font-size: 14px;min-height:40px; font-weight: 700;padding-right: 40px; width: 100%;padding: 10px 0;}
#footer .f1 select option{font-family: 'Jost','Noto Sans KR', sans-serif;}
#footer .f2{margin-bottom: 0;}
#footer .f2 ul{display: flex; flex-wrap: wrap; border-top: 1px solid #000;}
#footer .f2 ul li{width: 50%;}
#footer .f2 ul li a{display: block;color: #808080;font-size: 13px;font-weight: 400; text-align: center;border-bottom: 1px solid #e6e6e6; padding: 10px 0;}
#footer .f2 ul li:nth-child(odd){border-right: 1px solid #e6e6e6;}
#footer .f3{}
#footer .f3>div{border-bottom: 1px solid #ebebeb;padding: 35px 5%;display: flex; align-items: center; flex-direction: column; justify-content: center;}
#footer .f3>div h4{}
#footer .f3>div h5{font-size: 21px; font-weight: 700;margin-bottom: 10px;padding-top:7px; }
#footer .f3>div ul{}
#footer .f3>div ul li{ text-align: center;}
#footer .f3>div ul li strong{color: #000;}
#footer .f4{padding: 0 5%; display: flex; flex-direction: column; align-items: center;}
#footer .f4 h4{}
#footer .f4 ul{}
#footer .f4 ul li{color: #7c7c7c;text-align: center;display: flex; flex-direction: column;}
#footer .f4 ul li a{display: inline-block; border: 1px solid #ccc; padding: 2px 10px; margin:5px auto; width:max-content}

#footer .f5{}
#footer .f5 .copy{}
#footer .f5 .copy p{text-align: center; margin-bottom: 30px; color: #999999; font-size: 12px;  line-height: 1.4;}

#footer .f6{}
#footer .f6 ul{display: flex; align-items: center;justify-content: center; gap: 20px;}
#footer .f6 ul li{}
#footer .f6 ul li a{display: flex;}
#footer .f6 ul li a img{transform: scale(.66); transform-origin: center center;}



#footer .f7{}
#footer .f7 ul{display: flex; align-items: center;justify-content: center; gap: 20px;}
#footer .f7 ul li.first {border-right:1px solid #ddd;padding-right: 20px;}
#footer .f7 ul li a{display: flex;}

/* 고객센터 / 입금정보 공통 */
.center-box {
  text-align: center;
  padding: 30px 5%;
  border-bottom: 1px solid #e5e5e5;
}

.footer-title {
  font-size: 16px;
  font-weight: 700;
  color: #0C025B;
  margin-bottom: 10px;
}

.footer-phone {
  font-size: 26px;
  font-weight: 800;
  color: #0C025B;
  margin-bottom: 10px;
}

.f3_1 ul li,
.f3_2 ul li {
  font-size: 14px;
  color: #555;
  line-height: 1.8;
}

.f3_2 .footer-bank {
  font-size: 15px;
  font-weight: 500;
  color: #444;
}
.f3_2 .footer-bank span {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  display: block;
  margin-top: 5px;
}

#footer .f3_1 h4,
#footer .f3_2 h4,
#footer .footer-title {
  font-size: 18px;
  font-weight: 700;
  color: #0C025B; /* 포인트 컬러 */
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: -0.3px;
}



/* BASIC css end */