/* Eguro 기본 스타일
 * 올파츠(allparts.co.kr) 화면에 익숙한 사용자가 어색함 없이 쓰도록
 * 레이아웃 수치(폭·높이·글자 크기·간격·색)를 실측값 그대로 맞춘다.
 * 기반: Bootstrap 3 + bootstrap-theme (올파츠와 동일 계열)
 */

/* ---- 리셋: 모든 기본 요소 13px 맑은 고딕, #555 ---- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form,
fieldset, legend, input, textarea, p, blockquote, th, td, img {
  margin: 0; padding: 0; color: #555; font-size: 13px;
  font-family: "맑은 고딕", "Malgun Gothic", sans-serif, MingLiU, arial, verdana;
}
body { color: #555; }
a:focus, input:focus { outline: none; }
a:hover { text-decoration: none; }
img { border: 0; }
form input[type="text"], form input[type="password"], form select,
td input[type="text"], td select { height: 24px; padding: 0 2px; vertical-align: middle; }
input[type="checkbox"], input[type="radio"] { margin-top: 0; vertical-align: middle; }
td label { cursor: pointer; font-weight: normal; margin: 0; }

/* ---- 헤더 (960 x 60) ---- */
#g-header { width: 960px; margin: 0 auto; min-height: 60px; padding: 5px 0; background: #fff; }
#g-header .logo { display: block; width: 196px; height: 40px; }
#g-header > div:first-child { height: 40px; }
#g-header .logo svg { display: block; }

/* ---- 메뉴바 (높이 36 + 노란 줄 3) ---- */
#nav { width: 100%; min-width: 980px; height: 36px; background: #2f8f4e; position: relative; left: 0;
  font-family: "Blue Highway D Type", Tahoma, sans-serif, Geneva, Helvetica, Arial; z-index: 1000;
  border-bottom: 3px solid #8cc63f; }
#nav > ul { width: 960px; margin: 0 auto; list-style-type: none; }
#nav > ul > li { float: left; position: relative; z-index: 50; height: 33px; text-align: left; white-space: nowrap; }
#nav > ul > li > a { display: block; width: 100%; height: 100%; font-size: 15px; color: #fff; line-height: 33px; padding: 0 20px; }
#nav > ul > li > a.on, #nav > ul > li > a:hover { color: #f5ffff; text-decoration: none; background: #26763f; }
#nav ul.dropdown-menu { padding: 0; }
#nav ul.dropdown-menu a { font-size: 14px; padding: 3px 22px; }
#nav ul.dropdown-menu > li > a:hover, #nav ul.dropdown-menu > li > a:focus { background-color: #999; background-image: none; color: #fff; }
#nav > ul > li:hover > .dropdown-menu { display: block; }

/* ---- 본문 ---- */
.container { width: 960px; max-width: none !important; }
#g-content { width: 960px; padding: 10px 0 0; min-height: 600px; background: #fff; }
#p-title .breadcrumb > li + li:before { padding: 0 2px; color: #ccc; content: "| "; }
#p-list { margin-top: 5px; }
#p-navi { margin: 20px 0; text-align: center; min-height: 64px; }
#p-navi .pagination { margin: 0; padding: 0; }
#g-footer { padding-top: 11px !important; }

/* ---- 표 ---- */
.table { table-layout: fixed; }
.table-bordered { border: 1px solid #bbb; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border: 1px solid #bbb; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #aaa; background-color: #e7e7e7; font-weight: bold; text-align: center; }
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th { background-color: #f3f3f3; }
.table-striped > tbody > tr:nth-child(2n+1) { background-color: #fdfdfd; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #d5ecd8; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th,
.table-condensed > thead > tr > td, .table-condensed > tbody > tr > td { padding: 3px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.btn-xs { height: 25px; }
.panel-heading, .alert { background-image: none !important; }

/* ---- 유틸리티 (올파츠와 같은 이름·값) ---- */
.w10{width:10px!important}.w50{width:50px!important}.w60{width:60px!important}.w70{width:70px!important}
.w80{width:80px!important}.w90{width:90px!important}.w100{width:100px!important}.w120{width:120px!important}
.w180{width:180px!important}.w200{width:200px!important}.w250{width:250px!important}.w350{width:350px!important}
.h20{height:20px!important}.h29{height:29px!important}.h40{height:40px!important}.mh400{min-height:400px!important}
.m0{margin:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}.ml5{margin-left:5px!important}.mr5{margin-right:5px!important}.ml20{margin-left:20px!important}
.p0{padding:0!important}.p5{padding:5px!important}.p10{padding:10px!important}
.tac{text-align:center!important}.tar{text-align:right!important}.tal{text-align:left!important}
.fwb{font-weight:bold!important}.fs14{font-size:14px!important}
.d-ib{display:inline-block!important}.f-l{float:left!important}.f-r{float:right!important}
.c-p{cursor:pointer!important}.lst-n{list-style-type:none!important}
.of-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.mxw80{max-width:80px}
.clr-lbl{color:#3a9a5b!important}.clr-lgy{color:#aaa!important}
.bs1d{border:1px solid #ddd}.bs1e{border:1px solid #eee}
.mndt{background-color:#ffffaa;border:1px solid #aaa}

/* ---- 유료회원 가입기간 배지 (15 x 10) ---- */
.yy { display: inline-block; width: 15px; height: 10px; vertical-align: baseline; }

/* ---- 메인 화면 (올파츠 메인 실측: 왼쪽 750 = 목록 550 + 인기검색어 190, 오른쪽 200) ---- */
.w30{width:30px!important}.w150{width:150px!important}.w190{width:190px!important}.w550{width:550px!important}
.w750{width:750px!important}.w100p{width:100%!important}.h25{height:25px!important}.h50{height:50px!important}
.mh50{min-height:50px!important}.mh200{min-height:200px!important}.mh600{min-height:600px!important}
.mt3{margin-top:3px!important}.p7{padding:7px!important}.pb5{padding-bottom:5px!important}.pl15{padding-left:15px!important}
.fs12{font-size:12px!important}.fwn{font-weight:normal!important}.br0{border-radius:0!important}.bt0{border-top:0!important}
.lh17{line-height:1.7!important}.tlf{table-layout:fixed}
.clr-gy{color:#555!important}.clr-hl{color:#c7254e!important}.clr-ok{color:#3c9a1f!important}
.clr-up{color:#d9534f!important}.clr-dn{color:#337ab7!important}
.mh600:after, #d-bottom:after { content: ""; display: block; clear: both; }
.lst-tbl td, .kw-tbl td { height: 23px; padding: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#d-login .input-group { width: 100%; }
#d-login .btn { width: 62px; margin-left: -1px; }
#d-button .btn { height: 30px; line-height: 18px; }
.bnr-empty { display: block; width: 200px; height: 40px; line-height: 38px; border: 1px dashed #ccc; background: #f7f7f7; color: #aaa; font-size: 12px; }
.bnr-empty:hover { color: #888; background: #f0f0f0; }
#d-bmenu { background: #eee; padding: 4px; margin-bottom: 5px; }

/* ---- 초록 톤 (2026-10-17 변경): Bootstrap 기본 파랑을 초록 계열로 덮어쓴다 ---- */
a { color: #2a7a45; }
a:hover, a:focus { color: #1e5c33; }
.btn-primary, .btn-primary:focus { background-image: linear-gradient(to bottom, #3a9a5b 0, #2a7a45 100%); background-color: #2a7a45; border-color: #24693c; }
.btn-primary:hover, .btn-primary:active { background-image: none; background-color: #24693c; border-color: #1e5c33; }
.form-control:focus { border-color: #5cb27a; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(58,154,91,.5); }
.pagination > li > a, .pagination > li > span { color: #2a7a45; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span { background-color: #2f8f4e; border-color: #2f8f4e; color: #fff; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image: none; background-color: #e8f4ea; }

/* ---- 헤더 오른쪽 아이콘 버튼 (Home · 회원가입 · 로그인, 자리는 올파츠와 같음) ---- */
.hd-icons { font-size: 0; }
.hd-ibtn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: 6px;
  border-radius: 50%; background: #eaf5ec; color: #2f8f4e; transition: background .15s, color .15s; }
.hd-ibtn:hover, .hd-ibtn:focus { background: #2f8f4e; color: #fff; }

/* ---- 메인 소개 상자 (자리·크기는 올파츠와 같고, 내용 구성은 이구로식) ---- */
.about-body { min-height: 191px; }
.about-lead { font-size: 18px; font-weight: bold; color: #2f8f4e; margin: 2px 0 2px; }
.about-sub { margin-bottom: 10px; }
.about-pts { display: flex; gap: 10px; margin-bottom: 8px; }
.about-pts li { flex: 1; background: #f4faf5; border: 1px solid #dcefe0; border-radius: 4px; padding: 8px 10px 8px 46px; position: relative; min-height: 76px; }
.about-pts b { display: block; color: #26763f; margin-bottom: 3px; }
.about-pts span:not(.about-ic) { font-size: 12px; line-height: 1.5; display: block; }
.about-ic { position: absolute; left: 10px; top: 10px; width: 28px; height: 28px; border-radius: 50%; background: #2f8f4e; color: #fff; text-align: center; line-height: 28px; }
.about-ic .glyphicon { color: #fff; font-size: 13px; top: 2px; }
.about-note { font-size: 12px; }

/* ---- 재고등록 화면 ---- */
.up-step { padding: 12px 0; border-bottom: 1px dashed #ddd; }
.up-step:last-child { border-bottom: 0; }
.up-h { font-weight: bold; font-size: 14px; margin-bottom: 8px; }
.up-no { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #2f8f4e; color: #fff; text-align: center; font-size: 12px; margin-right: 4px; }
.up-drop { position: relative; border: 2px dashed #b9dcc2; background: #f6fbf7; border-radius: 6px; padding: 18px; text-align: center; color: #2a7a45; cursor: pointer; }
.up-drop.on, .up-drop:hover { background: #e8f4ea; border-color: #2f8f4e; }
.up-drop input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.up-drop .glyphicon { font-size: 20px; vertical-align: middle; margin-right: 6px; color: #2f8f4e; }
.up-sum span { display: inline-block; margin-right: 20px; }
.up-sum b { font-size: 18px; margin-right: 2px; }
.up-tag { display: inline-block; border: 1px solid #e3c98f; background: #fff8e6; border-radius: 3px; padding: 0 6px; margin: 3px 4px 0 0; }
.up-tag i { color: #aaa; font-style: normal; font-size: 11px; }
.up-tbl td { height: 24px; }
.up-no-alt { background: #8cc63f; }
.up-no-alt .glyphicon { color: #fff; font-size: 10px; top: 1px; }
.feed-row { display: flex; align-items: center; gap: 4px; }
.feed-url { flex: 1; min-width: 0; height: 30px !important; }
.feed-row select { height: 30px !important; }
.feed-status { margin-top: 8px; padding: 6px 8px; background: #f7faf7; border: 1px solid #e3efe5; border-radius: 4px; font-size: 12px; line-height: 1.7; }

/* ---- 재고등록 완료 화면 ---- */
.done-card { max-width: 620px; margin: 40px auto 30px; text-align: center; }
.done-ic { width: 72px; height: 72px; margin: 0 auto 14px; border-radius: 50%; background: #2f8f4e; color: #fff; line-height: 72px; font-size: 32px; box-shadow: 0 0 0 8px #e3f2e6; }
.done-ic .glyphicon { color: #fff; top: 4px; }
.done-title { font-size: 22px; font-weight: bold; color: #26763f; margin: 6px 0 8px; }
.done-lead { font-size: 14px; margin-bottom: 18px; }
.done-tbl { width: 100%; border-top: 2px solid #2f8f4e; margin-bottom: 14px; text-align: left; }
.done-tbl th, .done-tbl td { padding: 9px 12px; border-bottom: 1px solid #e5e5e5; }
.done-tbl th { width: 130px; background: #f6faf7; color: #555; font-weight: bold; }
.done-note { font-size: 12px; color: #888; line-height: 1.7; margin-bottom: 22px; }
.done-btns .btn { margin: 0 4px; padding: 7px 16px; }

/* ---- 회원가입·로그인·회원정보 ---- */
.w300{width:300px!important}.w-full{width:100%!important}.mr15{margin-right:15px!important}
.mem-wrap { max-width: 760px; margin: 16px auto 30px; }
.mem-box { border: 1px solid #e3e3e3; border-radius: 4px; padding: 14px 16px; margin-bottom: 14px; background: #fff; }
.mem-h { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.mem-h2 { font-size: 13px; font-weight: bold; margin: 14px 0 6px; }
.mem-tbl { margin-bottom: 8px; table-layout: auto !important; }
.mem-tbl > tbody > tr > th { width: 150px; background: #f6faf7; vertical-align: middle; font-weight: bold; white-space: nowrap; }
.mem-tbl > tbody > tr > th i { color: #d9534f; font-style: normal; }
.mem-tbl > tbody > tr > td { white-space: normal !important; overflow: visible !important; }
.mem-tbl input[type=text], .mem-tbl input[type=password] { height: 28px; padding: 0 6px; border: 1px solid #ccc; border-radius: 3px; }
.mem-tbl textarea { border: 1px solid #ccc; border-radius: 3px; padding: 4px 6px; }
.kind-tabs { display: flex; gap: 10px; margin-bottom: 12px; }
.kind { flex: 1; border: 2px solid #e1e1e1; border-radius: 6px; padding: 10px 12px; cursor: pointer; font-weight: normal; margin: 0; }
.kind input { margin-right: 6px; }
.kind b { font-size: 14px; }
.kind span { display: block; font-size: 12px; color: #888; margin: 2px 0 0 20px; }
.kind em { color: #2a7a45; font-style: normal; font-weight: bold; }
.kind.on { border-color: #2f8f4e; background: #f4faf5; }
.agree-box { background: #f8f8f8; border: 1px solid #eee; border-radius: 4px; padding: 8px 10px; }
.mem-submit { padding: 8px 40px; font-size: 14px; }
.social-btns { display: flex; gap: 10px; }
.social-btns.col { flex-direction: column; }
.social { flex: 1; display: block; text-align: center; height: 40px; line-height: 40px; border-radius: 4px; font-weight: bold; color: #fff !important; text-decoration: none !important; }
.social b { display: inline-block; width: 20px; margin-right: 4px; }
.social.naver { background: #03c75a; }
.social.google { background: #fff; color: #333 !important; border: 1px solid #ccc; }
.social.google b { color: #4285f4; }
.social.off { opacity: .45; cursor: not-allowed; }
.social.done { opacity: .8; cursor: default; }
.social small { font-weight: normal; }
.login-card { max-width: 340px; margin: 40px auto; }
.login-card .form-control { height: 38px; }
.login-or { text-align: center; border-top: 1px solid #e5e5e5; margin: 18px 0 14px; }
.login-or span { position: relative; top: -10px; background: #fff; padding: 0 10px; color: #aaa; font-size: 12px; }
.setlogin { display: flex; gap: 16px; }
.setlogin > div { flex: 1; background: #fafafa; border: 1px solid #eee; border-radius: 4px; padding: 10px; }
.mem-in { height: 28px; padding: 0 6px; border: 1px solid #ccc; border-radius: 3px; }
#pwBox .mem-in { margin-right: 4px; }
.deny-ic { background: #7f8c84; box-shadow: 0 0 0 8px #eef1ef; }
#nav ul.dropdown-menu > li.soon > a { color: #aaa; cursor: default; }
#nav ul.dropdown-menu > li.soon > a:hover { background: #f5f5f5; color: #aaa; }
#nav ul.dropdown-menu > li.soon small { font-size: 11px; color: #bbb; margin-left: 4px; }