@charset "UTF-8";
/* cosmo21 shell CSS - tenant 10063
   Fixed-width PC layout (no responsive): content = LNB 175px + main 705px = 880px */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Malgun Gothic","맑은 고딕",AppleSDGothicNeo,sans-serif; font-size:14px; color:#333; line-height:1.6; background:#fff; }
img { border:0; vertical-align:middle; }
a { color:inherit; text-decoration:none; }
table { border-collapse:collapse; }

/* 880 fixed container (inside header/footer) */
.wrap { width:880px; margin:0 auto; }

/* ===== Header (bar full-width, inner wrap 880 fixed) ===== */
.site-header { background:#fff; border-bottom:1px solid #e5e9ef; box-shadow:0 1px 6px rgba(0,0,0,.04); }
.hd-inner { display:flex; align-items:center; justify-content:space-between; height:84px; }
.hd-logo img { height:56px; width:auto; }
.hd-nav > ul { display:flex; list-style:none; }
.hd-nav > ul > li { position:relative; }
.hd-nav > ul > li > a { display:block; padding:0 18px; line-height:84px; font-size:16px; font-weight:600; color:#1f2d3d; }
.hd-nav > ul > li:hover > a { color:#2c72b8; }
.hd-nav .sub { position:absolute; top:84px; left:0; min-width:190px; background:#fff; border:1px solid #e5e9ef; border-top:2px solid #2c72b8; box-shadow:0 8px 20px rgba(0,0,0,.08); opacity:0; visibility:hidden; transform:translateY(6px); transition:.18s; list-style:none; padding:6px 0; z-index:100; }
.hd-nav > ul > li:hover .sub { opacity:1; visibility:visible; transform:translateY(0); }
.hd-nav .sub li a { display:block; padding:9px 18px; font-size:14px; color:#4a5a6a; white-space:nowrap; }
.hd-nav .sub li a:hover { background:#f4f8fd; color:#2c72b8; }

/* ===== 2-col body row (880 = 175 + 705) ===== */
.body-row { display:flex; align-items:flex-start; width:880px; margin:0 auto; padding:26px 0 60px; }

/* left sub-menu (LNB) 175px */
.lnb { width:175px; flex:0 0 175px; padding-right:15px; }
.lnb .lnb-title { background:#2c72b8; color:#fff; font-size:17px; font-weight:700; padding:16px; border-radius:6px 6px 0 0; }
.lnb ul { list-style:none; border:1px solid #e5e9ef; border-top:0; border-radius:0 0 6px 6px; overflow:hidden; }
.lnb ul li a { display:block; padding:11px 16px; font-size:13px; color:#556; border-bottom:1px solid #eef1f5; background:#fbfcfe; }
.lnb ul li:last-child a { border-bottom:0; }
.lnb ul li a:hover { background:#eef5fc; color:#2c72b8; }
.lnb ul li.on a { background:#eaf2fb; color:#2c72b8; font-weight:700; border-left:3px solid #2c72b8; padding-left:13px; }

/* content main 705px */
.main-col { width:705px; flex:0 0 705px; }
.breadcrumb { font-size:13px; color:#8a97a5; text-align:right; padding:6px 0 14px; border-bottom:1px solid #eef1f5; margin-bottom:20px; }
.breadcrumb b { color:#2c72b8; font-weight:600; }
.page-title { font-size:24px; font-weight:700; color:#1f2d3d; margin-bottom:20px; letter-spacing:-.5px; }
.page-body { min-height:200px; }
.page-body img { max-width:705px; height:auto; }
.page-body table { max-width:705px; }

/* ===== Footer ===== */
.site-footer { background:#1f2d3d; color:#aeb9c4; padding:30px 0; font-size:13px; }
.ft-name { color:#fff; font-size:16px; font-weight:700; margin-bottom:10px; }
.ft-info { line-height:1.9; }
.ft-info span { display:inline-block; margin-right:16px; }
.ft-copy { margin-top:12px; color:#6f7d8c; font-size:12px; }

/* ===== TOP button ===== */
.gotop { position:fixed; right:22px; bottom:22px; width:46px; height:46px; border-radius:50%; background:#2c72b8; color:#fff; font-size:20px; line-height:46px; text-align:center; box-shadow:0 4px 12px rgba(0,0,0,.2); cursor:pointer; z-index:80; opacity:.9; }
.gotop:hover { opacity:1; }

/* ===== consult form (custom-form-212) styles, fit 705 ===== */
.consult-form { width:100%; margin:0 auto; }
.consult-form table { width:100%; border-collapse:collapse; font-size:14px; }
.consult-form th { width:130px; background:#f5f8fc; color:#333; font-weight:600; text-align:left; padding:12px 15px; border-bottom:1px solid #e2e8f0; vertical-align:middle; }
.consult-form td { padding:10px 15px; border-bottom:1px solid #e2e8f0; vertical-align:middle; }
.consult-form input[type=text], .consult-form select, .consult-form textarea { border:1px solid #cbd5e1; border-radius:4px; padding:7px 9px; font-size:14px; box-sizing:border-box; }
.consult-form input.w-full { width:100%; }
.consult-form input.w-mid { width:220px; }
.consult-form textarea { width:100%; height:200px; resize:vertical; }
.consult-form .req { color:#e11d48; margin-left:3px; }
.consult-form .btn-row { text-align:center; padding:20px 0; }
.consult-form button { background:#1f5fbf; color:#fff; border:0; border-radius:4px; padding:11px 34px; font-size:15px; cursor:pointer; }
.consult-form .top-bar, .consult-form .bot-bar { height:2px; background:#89b7ea; }