/* BASIC css start */
.green_umbrella {
  background: #F1FFCF;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 5%;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  align-items:center;
  margin-top: 90px;
  
}

.footer-logo-green {

}

.footer-logo-green-text {
  font-family: 'Pretendard';
  font-weight: 500;
  font-size: 10px;
  line-height: 1.111;
  color: #222;
  margin-top:3px;
  text-align:right;
}

@media screen and (min-width:1000px){
.footer-logo-green-text{
font-size : 15px;
}
}


.user_basket_quantity {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #92C41D;
    right: 130px;
    top: 4px;
}



.f_sns {
    display: flex;
    max-width:300px;
    justify-content:space-between;
}

.f_sns li a img {
    width: 50px;
    display: inline-block;
}


#footer {background-color: #1d1d1d; padding: 0 5%;}
#footer .foot_inner{}
#footer :is(*){font-family: "Pretendard Variable", Pretendard, sans-serif; color: #fff; font-weight: 300;}

#footer .foot_top {width:100%; border-bottom:1px solid #e8e8e8; display: flex; padding:30px 0 30px 0; justify-content:space-between; align-items:center;}
#footer .foot_top .foot_inner {}
#footer .foot_top .foot_inner li {float:left; padding-right:13px; font-size:10px;}


#footer .foot_mid {}
#footer .foot_mid .foot_inner{}
#footer .foot_mid .foot_inner .ft_cont{display: flex;border-bottom: 1px solid #e8e8e8;margin-bottom: 30px; padding:30px 0 30px 0;}
#footer .foot_mid .foot_inner .ft_cont>div{}
#footer .foot_mid .foot_inner .ft_cont .ft_l{}
#footer .foot_mid .foot_inner .ft_cont .ft_l h3{color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 5px;}
#footer .foot_mid .foot_inner .ft_cont .ft_l h4{color: #fff; font-size: 20px; font-weight: 800; margin-bottom: 10px;}
#footer .foot_mid .foot_inner .ft_cont .ft_l ul.cs{}
#footer .foot_mid .foot_inner .ft_cont .ft_l ul.cs li{width: max-content;color: #fff; font-size: 12px; line-height:20px;}
#footer .foot_mid .foot_inner .ft_cont .ft_r{}
#footer .foot_mid .foot_inner .ft_cont .ft_r ul.f_btn{display: flex;flex-direction: column; gap: 7px; }
#footer .foot_mid .foot_inner .ft_cont .ft_r ul.f_btn li{width: 100%;}
#footer .foot_mid .foot_inner .ft_cont .ft_r ul.f_btn li a{height: 100%; color: #fff;font-weight: 600;border-radius: 5px; width: max-content; background-color: #fff; display: flex; align-items: center;font-size:12px; border: 1px solid #e2e2e2; justify-content: space-between; padding: 2px 9px 2px 6px; width: 100%;}
#footer .foot_mid .foot_inner .ft_cont .ft_r ul.f_btn li a img{transform-origin: center center;}
#footer .foot_mid .foot_inner ul.f_info {}
#footer .foot_mid .foot_inner ul.f_info li{color: #fff; font-size: 12px; font-weight: 300; line-height:20px;}

#footer .foot_mid .foot_inner .ft_cont .ft_bank {padding-left:15%;}
#footer .foot_mid .foot_inner .ft_cont .ft_bank h3 {color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 5px;}
#footer .foot_mid .foot_inner .ft_cont .ft_bank h4{color: #fff; font-size: 20px; font-weight: 800; margin-bottom: 10px;}
#footer .foot_mid .foot_inner .ft_cont .ft_bank li{width: max-content;color: #fff; font-size: 12px; line-height:20px;}

#footer .foot_mid .foot_inner p.copy{color: #999999; font-size: 12px; font-weight: 500; padding:30px 0 30px 0;}
#footer .foot_mid .foot_inner ul.f_sns{display: flex;align-items: center; gap: 10px; margin-bottom: 25px;}
#footer .foot_mid .foot_inner ul.f_sns li{}
#footer .foot_mid .foot_inner ul.f_sns li a{display: flex; align-items: center; justify-content: center;}
#footer .foot_mid .foot_inner ul.f_sns li a img{transform: scale(1);width: 33px; display: inline-block;}
#footer .foot_mid .foot_inner p.p_info{color: #939393; font-size: 11px; line-height: 1.5; font-weight: 500;}

.foot_bottom {background-color: #19283D; width:100%; height:120px;}
.foot_bottom .foot_brand {padding:0 5%;}
.foot_bottom .foot_brand img {width:15%; max-width:80px;}
.foot_bottom .foot_brand ul{display: flex; align-items: center; justify-content: space-between; padding-top:14px;}
.foot_bottom .foot_brand ul li{color: #fff; line-height:17px;}
.foot_bottom .foot_brand ul li a{color: #fff; padding: 16px 0; display: block;font-size: 13px; font-weight: 500;}
 span.underline{text-decoration:underline}
/* BASIC css end */