/* rcbank company page (2026-09-28). Used by PC service/company.htm and mobile light_C service/company.htm.
   Kept in a separate file on purpose: CSS braces inside a skin .htm can be eaten by the template compiler.
   Static files are cached 30 days - bump ?v= in both skins when this changes. ASCII only. */

.rco {font-family:'Malgun Gothic',sans-serif; color:#333; font-size:13px; line-height:1.6; padding:0 0 40px 0;}
.rco * {box-sizing:border-box;}
.rco a {text-decoration:none;}

/* greeting */
.rco-hero {display:flex; align-items:stretch; border:1px solid #dfe4ee; border-radius:12px; background:#fff; overflow:hidden; box-shadow:0 1px 3px rgba(31,42,61,.05);}
.rco-hero-img {flex:0 0 230px; background:#eef2f7 url(/shop/data/skin/siesta_sporty/img/common/rcb_company_photo.jpg) center top/cover no-repeat; min-height:380px;}
.rco-hero-txt {flex:1; padding:32px 36px;}
.rco-kicker {font-size:12px; font-weight:bold; color:#46629e; letter-spacing:1px;}
.rco-hero-txt h3 {margin:6px 0 16px 0; font-size:22px; line-height:32px; color:#1f2a3d; letter-spacing:-1px;}
.rco-hero-txt p {margin:0 0 12px 0; font-size:14px; line-height:26px; color:#4a5363;}
.rco-sign {margin-top:18px; font-size:14px; color:#1f2a3d; font-weight:bold;}

.rco-lead {margin:18px 2px 0 2px; font-size:14px; line-height:25px; color:#4a5363;}

/* numbers */
.rco-stats {display:flex; margin:18px -6px 0 -6px;}
.rco-stat {flex:1; margin:0 6px; padding:18px 10px; border:1px solid #dfe4ee; border-radius:10px; background:#f8fafd; text-align:center;}
.rco-num {font-size:26px; line-height:34px; font-weight:bold; color:#46629e; letter-spacing:-0.5px;}
.rco-num small {font-size:14px; margin-left:2px; color:#46629e;}
.rco-lbl {margin-top:2px; font-size:12px; color:#8a93a3;}

/* sections */
.rco-sec {margin:34px 0 12px 0; font-size:17px; font-weight:bold; color:#1f2a3d; letter-spacing:-0.5px;}
.rco-sec span {margin-left:8px; font-size:12px; font-weight:normal; color:#8a93a3; letter-spacing:0;}

/* category grid */
.rco-grid {display:flex; flex-wrap:wrap; margin:0 -6px;}
.rco-cat {display:block; width:calc(33.333% - 12px); margin:6px; padding:14px 16px; border:1px solid #dfe4ee; border-radius:10px; background:#fff;}
.rco-cat:hover {border-color:#46629e; background:#f8fafd;}
.rco-cat b {display:block; font-size:14px; color:#1f2a3d;}
.rco-cat span {display:block; margin-top:4px; font-size:12px; line-height:18px; color:#6b7384;}

/* info cards */
.rco-cols {display:flex; margin:0 -6px;}
.rco-card {flex:1; margin:0 6px; padding:20px 22px; border:1px solid #dfe4ee; border-radius:10px; background:#fff;}
.rco-card h4 {margin:0 0 10px 0; font-size:14px; color:#46629e;}
.rco-card ul {margin:0; padding:0 0 0 16px;}
.rco-card li {margin:0 0 4px 0; line-height:21px; color:#4a5363;}
.rco-card .rco-more {display:inline-block; margin-top:8px; font-size:12px; color:#46629e;}

/* business info rows (div rows, not table: the mobile skin forces table to display:block) */
.rco-info {border-top:2px solid #1f2a3d;}
.rco-row {display:flex; border-bottom:1px solid #e3e7ef;}
.rco-k {flex:0 0 160px; padding:11px 14px; background:#f6f8fb; font-weight:bold; color:#46586f;}
.rco-v {flex:1; padding:11px 14px; color:#333; word-break:keep-all;}
.rco-v a {color:#46629e;}
.rco-v em {font-style:normal; color:#c0392b;}

/* links + buttons */
.rco-links {display:flex; flex-wrap:wrap; margin:0 -6px;}
.rco-links a {display:block; width:calc(25% - 12px); margin:6px; padding:12px 14px; border:1px solid #dfe4ee; border-radius:10px; background:#fff; color:#1f2a3d; font-weight:bold;}
.rco-links a span {display:block; font-weight:normal; font-size:12px; color:#8a93a3;}
.rco-links a:hover {border-color:#46629e;}
.rco-btns {margin-top:30px; text-align:center;}
.rco-btn {display:inline-block; height:42px; line-height:40px; padding:0 22px; margin:0 3px; border:1px solid #cfd6e2; border-radius:6px; background:#fff; color:#46586f; font-size:13px; font-weight:bold;}
.rco-btn-main {background:#46629e; border-color:#46629e; color:#fff;}

/* mobile */
.rco-m {padding:0 12px 30px 12px; font-family:-apple-system,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;}
.rco-m .rco-head {padding:18px 2px 14px 2px;}
.rco-m .rco-head h2 {margin:0; font-size:21px; color:#1f2a3d; letter-spacing:-0.5px;}
.rco-m .rco-head h2 span {margin-left:6px; font-size:12px; font-weight:normal; color:#8a93a3;}
.rco-m .rco-head p {margin:4px 0 0 0; font-size:13px; color:#6b7384;}
.rco-m .rco-hero {display:block;}
.rco-m .rco-hero-img {width:104px; height:104px; min-height:0; margin:22px 0 0 18px; border-radius:50%; border:3px solid #eef2f7; background-size:220px auto; background-position:-6px 0;}
.rco-m .rco-hero-txt {padding:14px 18px 20px 18px;}
.rco-m .rco-hero-txt h3 {font-size:18px; line-height:26px;}
.rco-m .rco-hero-txt p {font-size:14px; line-height:24px;}
.rco-m .rco-lead {margin:14px 2px 0 2px; font-size:13px; line-height:23px;}
.rco-m .rco-stats {margin:12px -4px 0 -4px;}
.rco-m .rco-stat {margin:0 4px; padding:12px 4px;}
.rco-m .rco-num {font-size:18px; line-height:24px;}
.rco-m .rco-num small {font-size:11px;}
.rco-m .rco-lbl {font-size:11px;}
.rco-m .rco-sec {margin:26px 0 10px 0; font-size:16px;}
.rco-m .rco-grid {margin:0 -4px;}
.rco-m .rco-cat {width:calc(50% - 8px); margin:4px; padding:12px;}
.rco-m .rco-cols {display:block; margin:0;}
.rco-m .rco-card {margin:0 0 8px 0; padding:16px;}
.rco-m .rco-k {flex:0 0 112px; padding:10px; font-size:12px; word-break:keep-all;}
.rco-m .rco-v {padding:10px; font-size:13px; word-break:break-all;}
.rco-m .rco-links {margin:0 -4px;}
.rco-m .rco-links a {width:calc(50% - 8px); margin:4px; padding:12px;}
.rco-m .rco-btns {margin-top:22px;}
.rco-m .rco-btn {margin:3px 2px; padding:0 14px;}