/* BASIC css start */
      .b2b-guide{
        color: #222;
        line-height:1.7;
        max-width:980px;
        margin:0 auto;
        
      }
      .b2b-guide *{box-sizing:border-box;}
      .b2b-guide table{border-collapse:collapse; width:100%;}

      .b2b-guide p.bg-lead{
        margin:0 0 30px;
      }
      .b2b-guide .bg-sec{margin:0 0 44px;}
      .b2b-guide h3.bg-h3{
        margin:0 0 6px;
        padding-left:12px;
        border-left:4px solid #1B63B0; 
        color:black;
        font-weight:600;
      }
      .b2b-guide p.bg-sub{
        color:#8b8b8b;
        margin:6px 0 18px 16px;
      }

      /* 주문 방식 두 박스 */
      .b2b-guide .bg-order-grid{
        display:table;
        width:100%;
        border-spacing:14px 0;
      }
      .b2b-guide .bg-order-col{
        display:table-cell;
        width:50%;
        vertical-align:top;
        border:1px solid #ddd;
      }
      .b2b-guide .bg-order-head{
            padding: 14px 18px;
            background: #fafafa;
            border-bottom: 1px solid #ddd;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap;
      }
      .b2b-guide .bg-order-head .bg-tag{
        display:inline-block;
        font-weight:700;
        color:#1B63B0;
        border:1px solid #1B63B0;
        padding:2px 7px;
        margin-bottom:8px;
      }
      .b2b-guide .bg-order-col.b .bg-order-head .bg-tag{color:#8A5E12; border-color:#E4B33D;}
      .b2b-guide .bg-order-head h4{ font-weight:800; margin:0;color:black;}
      .b2b-guide .bg-order-table th{
        width:64px;
        text-align:left;
        vertical-align:top;
        padding:12px 8px 12px 18px;
        color:#8b8b8b;
        font-weight:700;
        
        white-space:nowrap;
        border-bottom:1px solid #eee;
      }
      .b2b-guide .bg-order-table td{
        padding:12px 18px 12px 0;
        color:#555;
        border-bottom:1px solid #eee;
      }
      .b2b-guide .bg-order-table tr:last-child th,
      .b2b-guide .bg-order-table tr:last-child td{border-bottom:none;}
      .b2b-guide .bg-order-table b{color:#222;}
      .b2b-guide .bg-cond{padding:0 18px 14px;}
      .b2b-guide .bg-cond div{
        display:table; width:100%;
        padding:6px 0;
        border-bottom:1px dashed #ddd;
      }
      .b2b-guide .bg-cond div:last-child{border-bottom:none;}
      .b2b-guide .bg-cond span{display:table-cell;}
      .b2b-guide .bg-cond .lbl{color:#8b8b8b;}
      .b2b-guide .bg-cond .val{text-align:right; font-weight:700; color:#222;}
      .b2b-guide .bg-order-foot{padding:14px 18px; border-top:1px solid #ddd;}
      .b2b-guide .bg-btn{
        display:block;
        text-align:center;
        font-weight:700;
        padding:10px 14px;
        border:1px solid #222;
        color:#222 !important;
        text-decoration:none;
      }
      .b2b-guide .bg-btn:hover{background:#222; color:#fff !important;}
      .b2b-guide .bg-btn.blue{border-color:#1B63B0; color:#1B63B0 !important;}
      .b2b-guide .bg-btn.blue:hover{background:#1B63B0; color:#fff !important;}

      .b2b-guide .bg-note{
        margin-top:16px;
        color:#666;
        background:#fafafa;
        border-top:1px solid #ddd;
        padding:12px 16px;
      }
      .b2b-guide .bg-note b{color:#333;}

      .b2b-guide .bg-contact-table{
        margin-top:16px;
        border:1px solid #ddd;
      }
      .b2b-guide .bg-contact-table th{
        width:110px;
        background:#fafafa;
        text-align:left;
        font-weight:700;
        padding:11px 16px;
        color:#555;
        border:1px solid #eee;
      }
      .b2b-guide .bg-contact-table td{padding:11px 16px; font-weight:600; border:1px solid #eee;}
      .b2b-guide .bg-contact-table a{color:#222; text-decoration:none;}
      .b2b-guide .bg-contact-table a:hover{color:#1B63B0;}

      /* 절차 흐름 스트립 */
      .b2b-guide .bg-flow{
        display:table;
        width:100%;
        border:1px solid #ddd;
        margin-bottom:26px;
        table-layout:fixed;
      }
      .b2b-guide .bg-flow-step{
      border-radius: 50px;
        display:table-cell;
        text-align:center;
        padding:14px 4px;
        font-weight:700;
        color:#555;
        border-right:1px solid #ddd;
      }
      .b2b-guide .bg-flow-step:last-child{border-right:none;}
      .b2b-guide .bg-flow-step em{
        display:block;
        font-style:normal;
        color:#1B63B0;
        font-weight:700;
        margin-bottom:3px;
      }

      /* 단계 상세 */
      .b2b-guide .bg-step{
        display:table;
        width:100%;
        padding:22px 0;
        border-top:1px solid #eee;
      }
      .b2b-guide .bg-step:first-child{border-top:none; padding-top:0;}
      .b2b-guide .bg-step .bg-step-num{
        display:table-cell;
        width:64px;
        vertical-align:top;
        font-weight:700;
        color:#1B63B0;
      }
      .b2b-guide .bg-step .bg-step-num b{
        display:block;
        font-size: 20px;
        font-weight:800;
        color:#222;
      }
      .b2b-guide .bg-step .bg-step-body{display:table-cell; vertical-align:top;}
      .b2b-guide .bg-step-title{font-size:15px; font-weight:800; margin-bottom:8px;}
      .b2b-guide .bg-step-body p{ color:#555; margin:0 0 6px;}
      .b2b-guide .bg-step-body p:last-child{margin-bottom:0;}

      .b2b-guide .bg-sub-box{
        margin-top:12px;
        border:1px solid #ddd;
        padding:12px 15px;
        background:#fafafa;
        color:#555;
      }
      .b2b-guide .bg-sub-box .bg-sb-title{font-weight:700; color:#222; margin-bottom:7px;}
      .b2b-guide .bg-sub-box ol{margin:0; padding-left:17px;}
      .b2b-guide .bg-sub-box ol li{margin-bottom:3px;}

      .b2b-guide .bg-warn{
        margin-top:12px;
        background:#FFF8E9;
        border:1px solid #E4B33D;
        padding:10px 14px;
        color:#8A5E12;
      }
      
      
      /* 토글 컨테이너 */
        .b2b-guide .bg-step-toggle {
          border: 1px solid #ddd;
          background: #fff;
          margin-top: 15px;
          border-radius: 4px;
          overflow: hidden;
        }

        /* 토글 버튼 영역 (summary) */
        .b2b-guide .bg-toggle-btn {
          padding: 14px 20px;
          background: #fdfdfd;
          font-weight: 700;
          color: #1B63B0;
          cursor: pointer;
          display: flex;
          justify-content: space-between;
          align-items: center;
          user-select: none;
          list-style: none; /* 기본 화살표 숨김 */
        }

        .b2b-guide .bg-toggle-btn::-webkit-details-marker {
          display: none; /* Safari 기본 화살표 숨김 */
        }

        .b2b-guide .bg-toggle-btn:hover {
          background: #f4f8fc;
        }

        /* 화살표 아이콘 애니메이션 */
        .b2b-guide .bg-toggle-btn .arrow-icon {
          font-style: normal;
          font-size: 12px;
          transition: transform 0.3s ease;
          color: #888;
        }

        /* 열렸을 때 화살표 회전 및 디자인 */
        .b2b-guide .bg-step-toggle[open] .bg-toggle-btn {
          border-bottom: 1px solid #eee;
          background: #f4f8fc;
        }

        .b2b-guide .bg-step-toggle[open] .arrow-icon {
          transform: rotate(180deg);
        }

        /* 내부 콘텐츠 보정 */
        .b2b-guide .bg-step-wrapper {
          padding: 20px;
        }

        .b2b-guide .bg-step-wrapper .bg-step:first-child {
          border-top: none;
          padding-top: 0;
        }

      /* 맞춤 구매 서비스 */
      .b2b-guide .bg-service{
        display:table;
        width:100%;
        padding:20px 0;
        border-top:1px solid #eee;
      }
      .b2b-guide .bg-service:first-child{border-top:none; padding-top:0;}
     
      .b2b-guide .bg-service .bg-service-tag span{
        display:inline-block;
        font-weight:700;
        color:#1B63B0;
        background:#EEF4FA;
        padding:4px 9px;
      }
      .b2b-guide .bg-service .bg-service-body{display:table-cell; vertical-align:top;}
      .b2b-guide .bg-service-title{font-weight:800; margin-bottom:8px;}
      .b2b-guide .bg-service-body p{ color:#555; margin:0 0 6px;}
      .b2b-guide .bg-service-body p:last-child{margin-bottom:0;}
      .b2b-guide .bg-service-note{ color:#8b8b8b; margin-top:7px;}

      .b2b-guide .bg-final{
        margin-top:6px;
        border:1px solid #E4B33D;
        background:#FFF8E9;
        padding:18px 20px;
      }
      .b2b-guide .bg-final .bg-ft{font-weight:800; color:#8A5E12; margin-bottom:6px;}
      .b2b-guide .bg-final p{ color:#6E4A0F; margin:0;}

      .b2b-guide .bg-footer{
        background:#124A87;
        color:#fff;
        padding:26px 24px;
        display:table;
        width:100%;
      }
      .b2b-guide .bg-footer .bg-footer-l{display:table-cell; vertical-align:middle;}
      .b2b-guide .bg-footer .bg-footer-r{display:table-cell; vertical-align:middle; text-align:right; width:220px;}
      .b2b-guide .bg-footer h4{font-weight:800; margin:0 0 4px;color:white;}
      .b2b-guide .bg-footer p{ color:rgba(255,255,255,0.75); margin:0;}
      .b2b-guide .bg-footer .bg-btn{border-color:#fff; color:#fff !important;}
      .b2b-guide .bg-footer .bg-btn:hover{background:#fff; color:#124A87 !important;}
 
/* BASIC css end */