/* 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;
      }
      .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-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;}
/* ÀÚ·á½Ç */
.corporate-resources-section {
  background-color: #f8f9fa;
  padding: 20px;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}

.resources-container {
  max-width: 1200px;
  margin: 0 auto;
}

.resources-header {
  text-align: center;
  margin-bottom: 35px;
}

.resources-header .sub-title {
  font-size: 13px;
  font-weight: 700;
  color: #0056b3;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

.resources-header h2 {
  font-size: 26px;
  font-weight: 700;
  color: #212529;
  margin: 0 0 10px 0;
}

.resources-header p {
  font-size: 15px;
  color: #6c757d;
  margin: 0;
}

/* 4°³ ¹öÆ° Grid ·¹À̾ƿô */
.resources-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* ¹öÆ°/Ä«µå ½ºÅ¸ÀÏ */
.resource-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.resource-card:hover {
  transform: translateY(-5px);
  border-color: #0056b3;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.card-icon {
  font-size: 32px;
  margin-bottom: 15px;
}

.resource-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1a202c;
  margin: 0 0 6px 0;
  word-break: keep-all;
}

.resource-card .sub-desc {
  font-size: 13px;
  color: #718096;
  margin: 0 0 5px 0;
  word-break: keep-all;
}

.resource-card .btn-text {
  font-size: 14px;
  font-weight: 600;
  color: #0056b3;
  display: inline-block;
  margin-top: 10px;
}

/* ¸ð¹ÙÀÏ/ÅÂºí¸´ ´ëÀÀ ¹ÝÀÀÇü */
@media (max-width: 992px) {
  .resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .resources-grid {
    grid-template-columns: 1fr;
  }
}
/* BASIC css end */