/* BASIC css start */
  #footer{background-color: #fff; margin-top: 100px;}
  #footer .foot_inner{padding: 0 10px;}
  #footer :is(*){font-family: "Pretendard Variable", Pretendard, sans-serif; color: #666666; font-size: 13px; font-weight: 500;}




  .fix_toolbarwrap {
      position: fixed;  left: 0;  right: 0;  bottom: 0;  z-index: 100;
      padding-bottom: constant(safe-area-inset-bottom);  padding-bottom: env(safe-area-inset-bottom);
      -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #fff;
              box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #fff;
      background-color: #fbfbfb;  height:60px;}
    .fix_toolbarwrap.scroll_up {  -webkit-transform: none;          transform: none;}
    .fix_toolbarwrap.scroll_down {  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
    .fix_toolbarwrap .toolbar_menu {  display: -webkit-box;  display: -ms-flexbox;  display: flex;}
    .fix_toolbarwrap .toolbar_menu .toolbar_item {  -webkit-box-flex: 1;  -ms-flex: 1; flex: 1;  position: relative;
      display: block;  height: 50px;  text-align: center; cursor: pointer;}
    
    
    .fix_toolbarwrap .toolbar_menu .toolbar_thumb {
      overflow: hidden;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    /* width: 38px; */
      height: 38px;
      border-radius: 8px;
    }
    .fix_toolbarwrap .toolbar_menu .toolbar_thumb:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 37px;
      height: 37px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 8px;
      border: solid 1px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
              box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
    }
    .fix_toolbarwrap .toolbar_menu .toolbar_item img {  height: 32px; vertical-align:middle;}
    
    .fix_toolbarwrap .toolbar_menu .toolbar_txt {
      display: block;
      padding-top: 40px;
      color: #333;
      font-weight: 400;
      font-size: 11px;
      letter-spacing: -0.2px;
      font-family: Roboto-Regular, "AppleSDGothicNeo-Regular", sans-serif;
    }

  #footer { margin-top:100px }
  #footer .footerTop { padding:20px 15px; font-size:0; background:#333 }
  #footer .footerTop a { display:inline-block; width:50% }
  #footer .footerTop a span { display:block; margin:0 4px; height:36px; font-size:14px; color:#333; font-weight:700; text-align:center; line-height:36px; border-radius:3px; background:#b3b3b3 }
  #footer .footerBottom.nowPowerApp { padding-bottom:93px }

  #footer .footerInfo .bankInfo dt { display:block; width:100%; font-size:14px; color:#fff; font-weight:700; line-height:18px; vertical-align:top }
  #footer .footerBlank { height:120px; display: block;}


  #footer .footerInfo { padding:14px 0 37px; background:#333 }
  #footer .footerInfo .fInfoArea { padding:0 25px }
  #footer .footerInfo .fInfoArea .btnInfoToggle { font-size:14px; color:#fff; font-weight:700 }
  #footer .footerInfo .fInfoArea .btnInfoToggle i { display:inline-block; margin-left:6px; width:18px; height:18px;
     background:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 12.5L16 19.5L9 12.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat; background-size:18px auto; vertical-align:top }
  #footer .footerInfo .fInfoArea .btnInfoToggle i.on { transform:rotate(180deg) }
  #footer .footerInfo .fInfoArea address { display:none; padding:4px 0 0 }
  #footer .footerInfo .fInfoArea address p { font-size:14px; color:#afafaf; line-height:18px }
  #footer .footerInfo .bankInfo { padding:22px 25px 0 }
  #footer .footerInfo .bankInfo dl { font-size:0 }
  #footer .footerInfo .bankInfo dt { display:block; width:100%; font-size:14px; color:#fff; font-weight:700; line-height:18px; vertical-align:top }
  #footer .footerInfo .bankInfo dd { display:block; width:100%; font-size:14px; color:#afafaf; line-height:18px; vertical-align:top }
  #footer .csInfo { padding:15px 0; text-align:center; background:#1c1c1c }
  #footer .csInfo p { font-size:14px; color:#e0e0e0; line-heigt:1.5; }
  #footer .csInfo .tel a { font-size:14px; color:#e0e0e0; font-weight:700 }
  #footer .copy { padding-top:19px; font-size:14px; color:#999; text-align:center }

  #footer .footerTerms {display: block; padding-bottmo:20px; margin-top:10px;}
  #footer .footerTerms .foot_inner{}
  #footer .footerTerms .foot_inner ul{display: flex; align-items: center; justify-content: space-between;}
  #footer .footerTerms .foot_inner ul li{}
  #footer .footerTerms .foot_inner ul li a{display:block; padding:0 6px; position:relative; font-size:14px; color:#515151; line-height:19px}
  #footer .footerTerms .foot_inner ul li a:after { position:absolute; top:2px; left:0; width:1px; height:13px; background:#bbb; content:'' }

  #footer span.underline{text-decoration:underline}

    
/* BASIC css end */