@charset "utf-8";
/* ═══════════════════════════════════════════════════════════
   보이스밸런스 — 회원 화면 (로그인 · 회원가입 · 비밀번호 찾기)
   ───────────────────────────────────────────────────────────
   올릴 곳 · /www/skin/member/basic/vb_member.css
   쓰는 곳 · login.skin.php · register.skin.php ·
             register_form.skin.php · password_lost.skin.php

   ★ 이 파일은 회원 화면에서만 불립니다. 게시판·홈페이지는 건드리지 않습니다.
   ★ 그누보드 기본 머리말(로고·메뉴)과 꼬리말을 감추고,
     홈페이지와 같은 색·글꼴로 다시 그립니다.
   ═══════════════════════════════════════════════════════════ */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root{
  --vb-bg:#fdfbf9;      --vb-paper:#ffffff;
  --vb-deep:#14352f;    --vb-ink:#1f3833;    --vb-dim:#536b66;
  --vb-mint:#12a693;    --vb-mint-dark:#0b8375;  --vb-mint-soft:#e9f6f2;
  --vb-pink:#e2688c;    --vb-pink-soft:#fdf0f3;
  --vb-gold:#b98f3e;    --vb-gold-soft:#faf4e8;
  --vb-line:rgba(31,56,51,.14);
  --vb-kr:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;
  --vb-en:'Montserrat',sans-serif;
  --vb-shadow:0 16px 42px rgba(20,53,47,.10);
}

/* ── 그누보드 기본 머리말·꼬리말 감추기 ───────────────── */
body.vb-member #hd,
body.vb-member #gnb,
body.vb-member #tnb,
body.vb-member #logo,
body.vb-member #ft,
body.vb-member #aside,
body.vb-member #container_title,
body.vb-member #hd_pop,
body.vb-member #skip_to_container,
body.vb-member .lt,
body.vb-member #hd_wrapper{ display:none !important; }

body.vb-member{
  background:var(--vb-bg) !important;
  font-family:var(--vb-kr) !important;
  color:var(--vb-ink);
  font-weight:450;
  margin:0; padding:0;
  -webkit-text-size-adjust:100%;
}
body.vb-member #wrapper,
body.vb-member #container{
  width:auto !important; max-width:none !important;
  margin:0 !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important;
  min-height:0 !important;
}

/* ── 우리 머리말 ───────────────────────────────────── */
.vb-mb-top{
  padding:34px 20px 0; text-align:center;
}
.vb-mb-top a{ display:inline-flex; align-items:center; gap:11px; text-decoration:none; }
.vb-mb-top img{ width:38px; height:auto; display:block; }
.vb-mb-top b{
  font-family:var(--vb-en); font-weight:800; font-size:17px;
  letter-spacing:.14em; color:var(--vb-deep);
}
.vb-mb-top small{
  display:block; font-size:11px; color:var(--vb-dim);
  letter-spacing:.02em; margin-top:2px; font-weight:600;
}

/* ── 가운데 카드 ───────────────────────────────────── */
.vb-mb-wrap{
  max-width:460px; margin:0 auto; padding:26px 20px 60px;
}
.vb-mb-wrap.wide{ max-width:720px; }

.mbskin, .register, #mb_login{
  max-width:none !important; width:auto !important;
  margin:0 !important; padding:0 !important; border:0 !important;
}
.mbskin_box,
.vb-mb-card{
  background:var(--vb-paper); border-radius:22px;
  padding:38px 34px 34px; box-shadow:var(--vb-shadow);
  border:1px solid rgba(31,56,51,.06);
}

/* 제목 */
.vb-mb-wrap h1{
  font-size:22px; font-weight:800; color:var(--vb-ink);
  margin:0 0 6px; letter-spacing:-.02em; text-align:center;
}
.vb-mb-wrap .vb-mb-sub{
  font-size:14px; color:var(--vb-dim); text-align:center;
  margin:0 0 28px; line-height:1.7;
}
.mb_log_cate{ display:none; }        /* 「로그인 / 회원가입」 탭 — 아래에서 다시 그림 */

/* 카드 안 첫 제목은 위 여백을 없앤다 */
.mbskin_box > h1:first-child,
.vb-mb-card > h1:first-child{ margin-top:0; }

/* ── 입력칸 ────────────────────────────────────────── */
.vb-mb-wrap fieldset{ border:0; margin:0; padding:0; }
.vb-mb-wrap legend{ position:absolute; left:-9999px; }

.vb-mb-wrap .frm_input,
.vb-mb-wrap input[type=text],
.vb-mb-wrap input[type=password],
.vb-mb-wrap input[type=email],
.vb-mb-wrap input[type=tel],
.vb-mb-wrap input[type=date],
.vb-mb-wrap select,
.vb-mb-wrap textarea{
  width:100%; box-sizing:border-box;
  height:52px; padding:0 16px; margin:0 0 11px;
  border:1.5px solid var(--vb-line); border-radius:13px;
  background:#fff; font-family:var(--vb-kr); font-size:15px;
  color:var(--vb-ink); font-weight:500;
  transition:border-color .15s, box-shadow .15s;
}
.vb-mb-wrap textarea{ height:auto; padding:14px 16px; line-height:1.7; }
.vb-mb-wrap .frm_input:focus,
.vb-mb-wrap input:focus, .vb-mb-wrap select:focus, .vb-mb-wrap textarea:focus{
  outline:0; border-color:var(--vb-mint);
  box-shadow:0 0 0 4px rgba(18,166,147,.12);
}
.vb-mb-wrap ::placeholder{ color:#a8b5b2; font-weight:450; }
.vb-mb-wrap input[readonly]{ background:#f4f6f6; color:var(--vb-dim); }

/* 라벨 */
.vb-fld{ margin-bottom:16px; }
.vb-fld > label,
.vb-fld > .lab{
  display:block; font-size:13.5px; font-weight:700;
  color:var(--vb-ink); margin:0 0 7px; letter-spacing:-.01em;
}
.vb-fld .req{ color:var(--vb-pink); margin-left:3px; }
.vb-fld .hint{
  display:block; font-size:12.5px; color:var(--vb-dim);
  margin:-4px 0 0; line-height:1.6;
}

/* ── 버튼 ──────────────────────────────────────────── */
.vb-mb-wrap .btn_submit,
.vb-mb-wrap button[type=submit]{
  width:100%; height:54px; border:0; border-radius:999px;
  background:var(--vb-mint); color:#fff;
  font-family:var(--vb-kr); font-size:16px; font-weight:800;
  letter-spacing:-.01em; cursor:pointer; margin-top:6px;
  box-shadow:0 12px 26px rgba(18,166,147,.28);
  transition:background .15s, transform .1s;
}
.vb-mb-wrap .btn_submit:hover{ background:var(--vb-mint-dark); }
.vb-mb-wrap .btn_submit:active{ transform:translateY(1px); }

.vb-mb-wrap .btn_close,
.vb-mb-wrap .btn_cancel{
  display:inline-flex; align-items:center; justify-content:center;
  height:54px; padding:0 26px; border-radius:999px;
  background:#eef2f2; color:var(--vb-dim);
  font-size:15px; font-weight:700; text-decoration:none;
}
.vb-mb-wrap .btn_confirm{
  display:flex; gap:10px; margin-top:22px;
}
.vb-mb-wrap .btn_confirm .btn_submit{ margin-top:0; }
.vb-mb-wrap .btn_confirm .btn_close{ flex:0 0 auto; }

/* 작은 버튼 (중복확인 등) */
.vb-mb-wrap .btn_frmline{
  display:inline-flex; align-items:center; justify-content:center;
  height:52px; padding:0 18px; border-radius:13px; border:0;
  background:var(--vb-deep); color:#fff;
  font-family:var(--vb-kr); font-size:14px; font-weight:700;
  cursor:pointer; white-space:nowrap;
}
.vb-inline{ display:flex; gap:8px; align-items:flex-start; }
.vb-inline .frm_input{ flex:1 1 auto; }

/* ── 체크박스 ──────────────────────────────────────── */
.vb-mb-wrap .chk_box,
.vb-mb-wrap .fregister_agree{ margin:0; }
.vb-mb-wrap .selec_chk{ position:absolute; opacity:0; width:0; height:0; }
.vb-mb-wrap .selec_chk + label{
  display:flex; align-items:flex-start; gap:10px;
  font-size:14px; color:var(--vb-ink); cursor:pointer;
  line-height:1.65; font-weight:500;
}
.vb-mb-wrap .selec_chk + label span{
  flex:0 0 auto; width:22px; height:22px; margin-top:1px;
  border:1.5px solid var(--vb-line); border-radius:7px;
  background:#fff; position:relative; transition:.15s;
}
.vb-mb-wrap .selec_chk:checked + label span{
  background:var(--vb-mint); border-color:var(--vb-mint);
}
.vb-mb-wrap .selec_chk:checked + label span::after{
  content:''; position:absolute; left:7px; top:3px;
  width:5px; height:10px; border:solid #fff;
  border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}
.vb-mb-wrap .selec_chk:focus + label span{ box-shadow:0 0 0 4px rgba(18,166,147,.15); }

/* ── 로그인 화면 ───────────────────────────────────── */
#login_info{
  display:flex; justify-content:space-between; align-items:center;
  margin-top:18px; font-size:13.5px;
}
#login_info a{ color:var(--vb-dim); text-decoration:none; border-bottom:1px solid var(--vb-line); }
#login_info a:hover{ color:var(--vb-mint); border-color:var(--vb-mint); }

.vb-mb-foot{
  text-align:center; margin-top:24px;
  font-size:14px; color:var(--vb-dim);
}
.vb-mb-foot a{
  color:var(--vb-mint); font-weight:700; text-decoration:none;
  border-bottom:1.5px solid rgba(18,166,147,.35); padding-bottom:1px;
}
.vb-mb-foot a:hover{ border-color:var(--vb-mint); }

.vb-mb-links{
  text-align:center; margin-top:30px; font-size:12.5px; color:#8a938f;
}
.vb-mb-links a{ color:#8a938f; text-decoration:none; margin:0 7px; }
.vb-mb-links a:hover{ color:var(--vb-mint); }

/* ── 회원가입 약관 화면 ────────────────────────────── */
/* 🔴 그누보드 기본 style.css 가 ID 선택자로 세게 잡고 있어
      여기서도 같은 세기로 다시 잡아야 합니다. */

#fregister p{                       /* 분홍 띠를 없앱니다 */
  position:static; text-align:left; color:var(--vb-dim);
  height:auto; line-height:1.7; font-size:14px;
  background:none; margin:0 0 14px; border-radius:0; font-weight:450;
}
#fregister p:before{ display:none; }
#fregister p.vb-mb-sub{               /* 맨 위 안내만 가운데 */
  color:var(--vb-dim); text-align:center; margin:0 0 28px;
}

#fregister section{
  margin:0 0 22px; border:0; position:static; border-radius:0;
}
#fregister h2{
  text-align:left; padding:0; border-bottom:0;
  font-size:15.5px; font-weight:800; color:var(--vb-ink); margin:0 0 10px;
}
#fregister textarea{
  display:block; padding:16px; width:100%; height:170px;
  background:#fcfdfd; border:1.5px solid var(--vb-line);
  border-radius:13px; line-height:1.8; box-sizing:border-box;
  font-size:13.5px; color:var(--vb-dim); font-family:var(--vb-kr);
  margin:0 0 12px; resize:vertical;
}
#fregister_private div{ padding:0; background:none; }
#fregister_private table th{ width:auto; background:var(--vb-mint-soft); color:var(--vb-ink); }

/* 안내 상자는 위 규칙에서 빼야 합니다 (배경이 지워집니다) */
#fregister_private div.vb-note,
#fregister div.vb-note{
  background:var(--vb-mint-soft) !important;
  padding:15px 18px !important; border-radius:14px;
  font-size:13.5px; line-height:1.75; color:#1c4a44;
}
#fregister_private div.vb-warn,
#fregister div.vb-warn{
  background:var(--vb-pink-soft) !important; padding:15px 18px !important;
}

/* 체크박스를 글자 옆으로 되돌립니다 */
#fregister .fregister_agree,
.fregister_agree{ position:static !important; top:auto; right:auto; }
#fregister .fregister_agree input[type="checkbox"] + label,
.fregister_agree input[type="checkbox"] + label{
  color:var(--vb-ink) !important;
  display:flex; align-items:flex-start; gap:10px;
  font-size:14.5px; font-weight:600; cursor:pointer; line-height:1.65;
}
#fregister .fregister_agree input[type="checkbox"] + label span,
.fregister_agree input[type="checkbox"] + label span,
.fregister_agree.chk_all input[type="checkbox"] + label span{
  position:static !important; top:auto !important; right:auto !important;
  flex:0 0 auto; width:22px; height:22px; margin-top:1px;
  display:block; background:#fff; border:1.5px solid var(--vb-line);
  border-radius:7px; transition:.15s;
}
#fregister .fregister_agree input[type="checkbox"]:checked + label span,
.fregister_agree input[type="checkbox"]:checked + label span{
  background:var(--vb-mint) !important; border-color:var(--vb-mint) !important;
  background-image:none !important; position:relative !important;
}
#fregister .fregister_agree input[type="checkbox"]:checked + label span::after,
.fregister_agree input[type="checkbox"]:checked + label span::after{
  content:''; position:absolute; left:7px; top:3px;
  width:5px; height:10px; border:solid #fff;
  border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}

#fregister_chkall{
  position:static; text-align:left; background:var(--vb-mint-soft);
  line-height:1.65; border:0; border-radius:14px;
  padding:16px 18px; margin:22px 0 0;
}
#fregister .btn_confirm{ text-align:left; }

#fregister_term, #fregister_private{ margin-bottom:20px; }
.vb-mb-wrap h2{
  font-size:15.5px; font-weight:800; color:var(--vb-ink);
  margin:0 0 10px; letter-spacing:-.01em;
}
#fregister_term textarea{
  width:100%; box-sizing:border-box; height:170px;
  border:1.5px solid var(--vb-line); border-radius:13px;
  padding:16px; font-size:13.5px; line-height:1.8; color:var(--vb-dim);
  background:#fcfdfd; resize:vertical; margin-bottom:12px;
}
#fregister_private table{
  width:100%; border-collapse:collapse; font-size:13px;
  border-radius:13px; overflow:hidden; margin-bottom:12px;
}
#fregister_private caption{ position:absolute; left:-9999px; }
#fregister_private th, #fregister_private td{
  border:1px solid #e6eeef; padding:10px 12px; text-align:left;
  vertical-align:top; line-height:1.65; color:var(--vb-ink);
}
#fregister_private th{ background:var(--vb-mint-soft); font-weight:700; font-size:12.5px; white-space:nowrap; }

.chk_all{
  background:var(--vb-mint-soft); border-radius:14px;
  padding:16px 18px; margin:22px 0 0;
}
.chk_all label{ font-weight:800 !important; font-size:15px !important; }

/* ── 회원가입 정보 입력 화면 ───────────────────────── */
#register_form{ background:none; margin-bottom:0; }
#fregisterform .form_01 div{ margin:0; }

#register_form .register_form_inner{
  background:var(--vb-paper); border-radius:22px;
  padding:30px 30px 24px; margin:0 0 20px;
  box-shadow:var(--vb-shadow); border:1px solid rgba(31,56,51,.06);
}
#register_form .register_form_inner > h2{
  font-size:16px; font-weight:800; color:var(--vb-ink);
  margin:0 0 20px; padding:0 0 14px; text-align:left;
  border-bottom:1px solid #eef4f5; letter-spacing:-.01em;
}
#register_form ul{ list-style:none; margin:0; padding:0; }
#register_form li{ margin:0 0 16px; list-style:none; }
#register_form li:last-child{ margin-bottom:0; }

#register_form label,
#fregisterform label{
  display:block; font-size:13.5px; font-weight:700;
  color:var(--vb-ink); margin:0 0 7px; letter-spacing:-.01em;
}
#register_form .vb-sex label,
#register_form label.inline,
#register_form label.frm_label{ display:inline-flex; margin:0; }

#fregisterform .frm_input,
#fregisterform input[type=text],
#fregisterform input[type=password],
#fregisterform input[type=email],
#fregisterform input[type=tel],
#fregisterform input[type=date],
#fregisterform select{
  width:100%; box-sizing:border-box; height:52px; padding:0 16px; margin:0;
  border:1.5px solid var(--vb-line); border-radius:13px; background:#fff;
  font-family:var(--vb-kr); font-size:15px; color:var(--vb-ink); font-weight:500;
}
#fregisterform textarea{
  width:100%; box-sizing:border-box; padding:14px 16px;
  border:1.5px solid var(--vb-line); border-radius:13px;
  font-family:var(--vb-kr); font-size:14.5px; line-height:1.7;
}
#fregisterform input:focus,
#fregisterform select:focus,
#fregisterform textarea:focus{
  outline:0; border-color:var(--vb-mint);
  box-shadow:0 0 0 4px rgba(18,166,147,.12);
}
#fregisterform .twopart_input{ width:auto; display:inline-block; margin-right:8px; }
#fregisterform .frm_address{ margin-top:8px; }
#fregisterform #reg_mb_addr3{ margin-top:8px; }

/* 도움말 방울 */
#register_form .tooltip_icon{
  border:0; background:none; color:#a8b5b2; cursor:pointer; padding:0 2px;
}
#register_form .tooltip{
  font-size:12.5px; color:var(--vb-dim); font-weight:450;
}
#register_form .hint{
  display:block; font-size:12.5px; color:var(--vb-dim);
  margin:7px 0 0; line-height:1.65; font-weight:450;
}
#register_form span[id^="msg_"]{
  display:block; font-size:12.5px; margin-top:6px; font-weight:600;
}

/* 기타 개인설정의 체크박스들 — 「☑ 정보 메일을 받겠습니다」 꼴 */
#register_form .selec_chk{ position:absolute; opacity:0; width:0; height:0; }
#register_form li:has(> .selec_chk){
  display:flex; align-items:flex-start; gap:0;
}
#register_form .selec_chk + label{
  display:inline-flex; align-items:flex-start; margin:0; cursor:pointer;
}
#register_form .selec_chk + label span{
  flex:0 0 auto; width:22px; height:22px; margin-top:0;
  border:1.5px solid var(--vb-line); border-radius:7px;
  background:#fff; position:relative; display:block; transition:.15s;
}
#register_form .selec_chk:checked + label span{
  background:var(--vb-mint); border-color:var(--vb-mint);
}
#register_form .selec_chk:checked + label span::after{
  content:''; position:absolute; left:7px; top:3px;
  width:5px; height:10px; border:solid #fff;
  border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}
#register_form .chk_li{
  padding-left:10px; font-size:14px; font-weight:500;
  color:var(--vb-ink); line-height:1.55; display:inline-block;
}
#register_form .is_captcha_use{
  font-size:13.5px; font-weight:700; color:var(--vb-ink); display:block;
}
#register_form .captcha{ margin-top:8px; }
#register_form .captcha img{ max-width:100%; height:auto; vertical-align:middle; }
#register_form #captcha_key{
  height:44px; width:auto; max-width:140px; display:inline-block;
  margin-left:8px; vertical-align:middle;
}

#fregisterform .btn_confirm{
  display:flex; gap:10px; margin:0 0 10px;
}
#fregisterform .btn_confirm .btn_submit{ margin-top:0; flex:1; }
#fregisterform .btn_confirm .btn_close{ flex:0 0 auto; }

/* ── 안내 상자 ─────────────────────────────────────── */
.vb-note{
  background:var(--vb-mint-soft); border-radius:14px;
  padding:15px 18px; font-size:13.5px; line-height:1.75;
  color:#1c4a44; margin:0 0 20px;
}
.vb-note b{ font-weight:800; }
.vb-warn{
  background:var(--vb-pink-soft); border:1px solid #f3d4dc;
  border-radius:14px; padding:15px 18px;
  font-size:13.5px; line-height:1.75; color:#9b3b57; margin:0 0 20px;
}

/* ── 성별 고르기 ───────────────────────────────────── */
.vb-sex{ display:flex; gap:10px; }
.vb-sex input{ position:absolute; opacity:0; width:0; height:0; }
.vb-sex label{
  flex:1; display:flex; align-items:center; justify-content:center;
  height:52px; border:1.5px solid var(--vb-line); border-radius:13px;
  font-size:15px; font-weight:600; color:var(--vb-dim);
  cursor:pointer; background:#fff; transition:.15s;
}
.vb-sex input:checked + label{
  border-color:var(--vb-mint); background:var(--vb-mint-soft);
  color:var(--vb-mint-dark); font-weight:800;
}

/* ── 그누보드가 기본으로 넣는 것들 정리 ───────────── */
.vb-mb-wrap .sound_only{ position:absolute; left:-9999px; }
.vb-mb-wrap .required{ background-image:none !important; }
.vb-mb-wrap #register_form td,
.vb-mb-wrap #register_form th{ border:0; padding:0; }
.vb-mb-wrap table.tbl_frm01{ width:100%; }
.vb-mb-wrap p{ font-size:14px; color:var(--vb-dim); line-height:1.75; }

/* ── 가입 완료 · 아이디비번 찾기 · 비밀번호 확인 ───── */
#reg_result{
  padding:0 !important; text-align:left !important;
  background:none !important; border:0 !important; border-radius:0 !important;
}
#reg_result h2{ font-size:2em; margin:0 0 20px; }
.btn_confirm_reg{ margin-top:20px; }
.btn_confirm_reg .reg_btn_submit{
  display:block; height:54px; line-height:54px; text-align:center;
  border-radius:999px; background:var(--vb-mint); color:#fff;
  font-size:16px; font-weight:800; text-decoration:none;
}

/* 아이디·비밀번호 찾기 (새 창으로 뜨는 화면) */
#find_info{
  max-width:460px; margin:0 auto; padding:26px 20px 60px;
  background:none; border:0;
}
#find_info .new_win_con{
  background:var(--vb-paper); border-radius:22px; padding:34px 30px 30px;
  box-shadow:var(--vb-shadow); border:1px solid rgba(31,56,51,.06);
  margin:0 0 16px;
}
#find_info h3{
  display:block !important;              /* 그누보드가 감춰둔 것을 되살립니다 */
  font-size:19px; font-weight:800; color:var(--vb-ink);
  margin:0 0 8px; text-align:center; letter-spacing:-.02em;
  position:static !important; width:auto !important; height:auto !important;
  overflow:visible !important; font-size:19px !important;
}
#find_info .g-recaptcha{ margin:4px 0 14px; display:flex; justify-content:center; }
#find_info .captcha{ margin:4px 0 14px; }
#find_info p{
  font-size:14px; color:var(--vb-dim); line-height:1.75;
  margin:0 0 20px; text-align:center;
}
#find_info fieldset{ border:0; margin:0; padding:0; }
#find_info .frm_input{
  width:100%; box-sizing:border-box; height:52px; padding:0 16px; margin:0 0 12px;
  border:1.5px solid var(--vb-line); border-radius:13px;
  font-family:var(--vb-kr); font-size:15px; color:var(--vb-ink);
}
#find_info .frm_input:focus{
  outline:0; border-color:var(--vb-mint); box-shadow:0 0 0 4px rgba(18,166,147,.12);
}
#find_info .win_btn{ margin-top:8px; }
#find_info .btn_submit{
  width:100%; height:54px; border:0; border-radius:999px;
  background:var(--vb-mint); color:#fff; font-family:var(--vb-kr);
  font-size:16px; font-weight:800; cursor:pointer;
  box-shadow:0 12px 26px rgba(18,166,147,.28);
}
#find_info .cert_btn .btn_submit{ margin-bottom:8px; }

/* 정보수정 전 비밀번호 확인 */
#mb_confirm{
  max-width:460px; margin:0 auto; padding:26px 20px 60px;
  background:none; border:0;
}
#mb_confirm .mbskin_box,
#mb_confirm > div{ background:var(--vb-paper); }

/* ── 좁은 화면 ─────────────────────────────────────── */
@media (max-width:520px){
  .vb-mb-top{ padding-top:26px; }
  .vb-mb-wrap{ padding:20px 16px 46px; }
  .mbskin_box, .vb-mb-card{ padding:30px 22px 26px; border-radius:20px; }
  .vb-mb-wrap h1{ font-size:20px; }
  .vb-mb-wrap .btn_confirm{ flex-direction:column-reverse; }
  .vb-mb-wrap .btn_confirm .btn_close{ width:100%; }
}