@charset "utf-8";
/* 파일: H서버:/var/www/html/pan.hs-tariff.com/ui/css/login_v11.css
   로그인 레이어창 + 회원가입 레이어창 + 비밀번호 재발급 레이어창 (v11)
   v10 → v11 변경 : 로그인 단추 높이 30px → 40px
     — 「비밀번호 재발급 완료」·「회원가입 완료」 단추와 같은 높이로 맞춤
     — 판 높이는 안쪽 내용에 따라 저절로 그만큼 늘어난다
   v09 → v10 변경 : 비밀번호 재발급 레이어창 규격 신설
     — 회원가입창과 같은 사양 (한 칸 배치이므로 판 너비만 435px)
     — 색·글꼴·선·버튼·줄 높이 30px 는 회원가입창과 완전히 같다
   v08 → v09 변경 : 안내 글 덩이 사이 간격 정리
     — 안내 글이 두 덩이로 나뉘어, 덩이마다 아래 여백 6px / 마지막 덩이만 10px
   v07 → v08 변경
   1) 회원가입창 좌우 여백 20px → 40px (로그인창과 같게)
   2) 여백이 늘어난 만큼 판 너비 720px → 760px
      (안쪽 760 − 80 = 680 / 두 칸 합계 355 + 20 + 285 = 660 이 나란히 들어간다)
   3) 회원가입 완료·창닫기 줄의 좌우 여백도 40px 로 맞춤
   v06 → v07 변경
   1) 회원가입창 너비 680px → 720px
      — 안쪽 너비(680 − 여백 40 = 640)가 두 칸 합계(355 + 20 + 285 = 660)보다 좁아
        오른쪽 칸(업종·약관)이 왼쪽 칸 아래로 밀려 내려가 있었다. 이제 나란히 놓인다.
   2) 안내 글 첫 줄의 * 표는 글에 붙이고, 둘째 줄부터 글자 자리에 맞춘다 (매달린 들여쓰기)
   v05 → v06 변경
   1) 안내 글이 칸 너비를 꽉 채우도록 — 줄바꿈을 손으로 넣지 않고 저절로 흐르게
      (첫 줄 * 표 뒤 글줄이 나란히 맞도록 안쪽 들여쓰기)
   2) 비밀번호 입력칸 180px → 200px (로그인창과 같게) / 라벨 175px → 155px
   3) 직장소재지 고르기 칸 왼쪽 들여쓰기 10px
   v04 → v05 : 회원가입 레이어창 규격 신설
   1) 로그인창 오른쪽에 30px 띄워 붙는 판 (.jn_layer / 위치는 동작 파일이 잡음)
   2) 왼쪽 칸(입력) + 오른쪽 칸(업종·약관) 두 칸 배치
   3) 색·글꼴·선·버튼은 공통 확정표 값 그대로 (새 값 만들지 않음)
   4) 로그인창 규격은 v04 그대로
   값 출처 — AutoPan 공통 화면 개발표준(autopan-ui-standard) 확정표
     글꼴 'Noto Sans KR' 12px 400 / 칸 선 1px #c4c4c4 / 필드명 칸 #dbe4ee /
     입력칸 #fefdf2 / 버튼 #e6e6e6+#b5b5b5 검정 글자 / 체크 켜짐 #ff0000 /
     안내 글자 #bbb
   이 창만의 값
     줄 높이 30px (도면 지정 / 목록 표 23px 와 구실이 다름)
     로그인 버튼 바탕 #aaa + 흰 글자 — custom.css .bu_title_m em (11부·12부 칸) 실측값 */

/* ===== 판 ===== */
.lgn_layer {
	display:none;
	position:fixed; top:52px; left:0; z-index:100001;
	width:360px;
	background:#fff; border:1px solid #9a9a9a;
	box-shadow:2px 2px 6px rgba(0,0,0,.25);
	font-size:12px; color:#000; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
}
.lgn_layer.on { display:block; }
.lgn_layer * { box-sizing:border-box; }

.lgn_tit {
	height:30px; line-height:30px; text-align:center;
	background:#aaa; color:#fff; font-size:12px; font-weight:bold;
}
.lgn_body { padding:15px 40px; }

/* ===== 윗줄 버튼 2개 (각 80px) ===== */
.lgn_topbtn { text-align:center; }
.lgn_topbtn button.lgn_btn { width:80px; margin:0 5px; }

/* ===== 안내 글 ===== */
.lgn_notice {
	text-align:center; line-height:18px; color:#000;
	padding:12px 0 10px 0;
}

/* ===== 입력 표 (80 + 160 = 240px) ===== */
.lgn_tb {
	width:280px; table-layout:fixed;
	border-collapse:separate; border-spacing:0;
	border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;
}
.lgn_tb th, .lgn_tb td {
	height:30px; line-height:30px; padding:0;
	border-left:1px solid #c4c4c4; border-top:1px solid #c4c4c4;
	text-align:center; vertical-align:middle;
	font-weight:400; font-size:12px; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.lgn_tb th { background:#dbe4ee; color:#000; }
.lgn_tb td.lgn_in { background:#fefdf2; }
.lgn_tb input.lgn_txt {
	width:100%; height:28px; line-height:28px; border:0;
	background:transparent; font-size:12px; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	padding:0 4px 0 10px; outline:none; color:#000;
}
.lgn_tb input.lgn_txt::placeholder { color:#bbb; }

/* 비밀번호 칸 : 가운뎃점을 크게 (몇 개 넣었는지 바로 보이게) */
.lgn_tb input.lgn_txt[type="password"] {
	font-size:18px; letter-spacing:3px;
	line-height:28px; padding-top:1px;
}

/* 브라우저가 스스로 붙이는 눈 모양 단추·지움 단추 감춤 */
.lgn_tb input.lgn_txt::-ms-reveal,
.lgn_tb input.lgn_txt::-ms-clear { display:none; width:0; height:0; }
.lgn_tb input.lgn_txt::-webkit-credentials-auto-fill-button,
.lgn_tb input.lgn_txt::-webkit-textfield-decoration-container {
	visibility:hidden; display:none !important;
	pointer-events:none; position:absolute; right:0;
}
.lgn_tb input.lgn_txt::-webkit-search-cancel-button { display:none; }

/* ===== 체크 줄 ===== */
.lgn_chk { text-align:center; padding:8px 0; }
.lgn_chk_lb { cursor:pointer; color:#000; }
.lgn_cbx { width:13px; height:13px; margin:0 4px 0 0; vertical-align:-2px; }
.lgn_cbx:checked { accent-color:#ff0000; }
.lgn_chk_lb.on { color:#ff0000; font-weight:bold; }

/* ===== 버튼 (표준 확정표 값) ===== */
.lgn_layer button.lgn_btn {
	height:30px; line-height:28px; padding:0;
	border:1px solid #b5b5b5; border-radius:4px;
	background:#e6e6e6; color:#000;
	font-size:12px; font-weight:400; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	cursor:pointer; transition:all .3s;
}
.lgn_layer button.lgn_btn:hover  { background:#dadada; }
.lgn_layer button.lgn_btn:active { background:#cfcfcf; }

/* 로그인 버튼 — 11부·12부 칸 색 (#aaa + 흰 글자) */
.lgn_go { padding-top:4px; }
.lgn_go button.lgn_btn_main {
	width:280px; height:40px; line-height:38px;
	background:#aaa; color:#fff; border-color:#9a9a9a;
	font-size:13px; font-weight:bold;
}
.lgn_go button.lgn_btn_main:hover  { background:#9a9a9a; }
.lgn_go button.lgn_btn_main:active { background:#8d8d8d; }

/* ===== 창닫기 ===== */
.lgn_foot { text-align:right; padding-top:12px; }
.lgn_foot button.lgn_btn { width:60px; }


/* ===================== 회원가입 레이어창 ===================== */
.jn_layer {
	display:none;
	position:fixed; top:52px; left:0; z-index:100001;
	width:760px;
	background:#fff; border:1px solid #9a9a9a;
	box-shadow:2px 2px 6px rgba(0,0,0,.25);
	font-size:12px; color:#000; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
}
.jn_layer.on { display:block; }
.jn_layer * { box-sizing:border-box; }

.jn_tit {
	height:30px; line-height:30px; text-align:center;
	background:#aaa; color:#fff; font-size:12px; font-weight:bold;
}
.jn_body { padding:15px 40px; }
.jn_body:after { content:""; display:block; clear:both; }
.jn_col_l { float:left; width:355px; }
.jn_col_r { float:left; width:285px; margin-left:20px; }

/* ----- 표 ----- */
.jn_tb {
	table-layout:fixed; margin-bottom:10px;
	border-collapse:separate; border-spacing:0;
	border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;
}
.jn_tb_name { width:355px; }
.jn_tb { width:355px; }
.jn_tb th, .jn_tb td {
	height:30px; line-height:30px; padding:0;
	border-left:1px solid #c4c4c4; border-top:1px solid #c4c4c4;
	text-align:center; vertical-align:middle;
	font-weight:400; font-size:12px; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.jn_tb th { background:#dbe4ee; color:#000; }
.jn_tb td.jn_in { background:#fefdf2; }
.jn_tb input.jn_txt {
	width:100%; height:28px; line-height:28px; border:0;
	background:transparent; font-size:12px; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	padding:0 4px 0 10px; outline:none; color:#000;
}
.jn_tb input.jn_txt::placeholder { color:#bbb; }
.jn_tb input.jn_txt[type="password"] {
	font-size:18px; letter-spacing:3px; line-height:28px; padding-top:1px;
}
.jn_tb input.jn_txt::-ms-reveal,
.jn_tb input.jn_txt::-ms-clear { display:none; width:0; height:0; }
.jn_tb input.jn_txt::-webkit-credentials-auto-fill-button {
	visibility:hidden; display:none !important; pointer-events:none;
}
.jn_tb td.jn_btncell { padding:2px; }
.jn_tb td.jn_btncell button.jn_btn { width:100%; height:100%; line-height:14px; }
.jn_tb td.jn_sel { padding:2px 4px; }
.jn_tb select.jn_select {
	width:100%; height:24px; line-height:24px;
	border:1px solid #c4c4c4; background:#fff; color:#000;
	padding-left:10px;
	font-size:12px; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif; outline:none;
}

/* ----- 안내 글 (칸 너비를 꽉 채움 / 손 줄바꿈 없음) ----- */
.jn_notice {
	width:100%; line-height:19px; color:#000;
	padding:2px 0 6px 12px; text-indent:-12px;
	word-break:keep-all;
}
.jn_notice + .jn_notice { padding-top:0; padding-bottom:10px; }
.jn_pwrule {
	width:100%; line-height:19px; color:#000;
	border:1px solid #c4c4c4; border-bottom:0;
	padding:6px 8px 6px 20px; text-indent:-12px;
	word-break:keep-all;
}
.jn_mark, .jn_star { color:#000; padding-right:4px; }
.jn_mid_btn { text-align:center; padding:0 0 12px 0; }
.jn_mid_btn button.jn_btn { width:120px; }

/* ----- 오른쪽 칸 : 업종 ----- */
.jn_biz {
	border:1px solid #c4c4c4; background:#fefdf2;
	padding:12px 14px; margin-bottom:14px;
}
.jn_biz_tit {
	line-height:19px; padding:0 0 10px 12px; text-indent:-12px;
	word-break:keep-all;
}
.jn_chk_lb {
	display:block; cursor:pointer; color:#000;
	line-height:22px; white-space:nowrap;
}
.jn_cbx { width:13px; height:13px; margin:0 5px 0 0; vertical-align:-2px; }
.jn_cbx:checked { accent-color:#ff0000; }
.jn_chk_lb.on { color:#ff0000; font-weight:bold; }

/* ----- 오른쪽 칸 : 약관 ----- */
.jn_agree_tit { padding-bottom:8px; }
.jn_agree { position:relative; height:26px; }
.jn_agree .jn_chk_lb { display:inline-block; line-height:26px; }
.jn_agree button.jn_btn { position:absolute; right:0; top:0; width:90px; }

/* ----- 버튼 (공통 확정표 값) ----- */
.jn_layer button.jn_btn {
	height:26px; line-height:24px; padding:0;
	border:1px solid #b5b5b5; border-radius:4px;
	background:#e6e6e6; color:#000;
	font-size:12px; font-weight:400; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	cursor:pointer; transition:all .3s;
}
.jn_layer button.jn_btn:hover  { background:#dadada; }
.jn_layer button.jn_btn:active { background:#cfcfcf; }

/* ----- 회원가입 완료 (11부·12부 칸 색) ----- */
.jn_go { padding:0 40px; }
.jn_go button.jn_btn_main {
	width:100%; height:40px; line-height:38px;
	background:#aaa; color:#fff; border-color:#9a9a9a;
	font-size:13px; font-weight:bold;
}
.jn_go button.jn_btn_main:hover  { background:#9a9a9a; }
.jn_go button.jn_btn_main:active { background:#8d8d8d; }

/* ----- 창닫기 ----- */
.jn_foot { text-align:right; padding:14px 40px 18px 40px; }
.jn_foot button.jn_btn { width:60px; }


/* ===================== 비밀번호 재발급 레이어창 ===================== */
.pw_layer {
	display:none;
	position:fixed; top:52px; left:0; z-index:100001;
	width:435px;
	background:#fff; border:1px solid #9a9a9a;
	box-shadow:2px 2px 6px rgba(0,0,0,.25);
	font-size:12px; color:#000; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
}
.pw_layer.on { display:block; }
.pw_layer * { box-sizing:border-box; }

.pw_tit {
	height:30px; line-height:30px; text-align:center;
	background:#aaa; color:#fff; font-size:12px; font-weight:bold;
}
.pw_body { padding:15px 40px; }

/* ----- 표 (회원가입창과 같은 사양) ----- */
.pw_tb {
	width:355px; table-layout:fixed; margin-bottom:10px;
	border-collapse:separate; border-spacing:0;
	border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;
}
.pw_tb th, .pw_tb td {
	height:30px; line-height:30px; padding:0;
	border-left:1px solid #c4c4c4; border-top:1px solid #c4c4c4;
	text-align:center; vertical-align:middle;
	font-weight:400; font-size:12px; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.pw_tb th { background:#dbe4ee; color:#000; }
.pw_tb td.pw_in { background:#fefdf2; }
.pw_tb input.pw_txt {
	width:100%; height:28px; line-height:28px; border:0;
	background:transparent; font-size:12px; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	padding:0 4px 0 10px; outline:none; color:#000;
}
.pw_tb input.pw_txt::placeholder { color:#bbb; }
.pw_tb input.pw_txt[type="password"] {
	font-size:18px; letter-spacing:3px; line-height:28px; padding-top:1px;
}
.pw_tb input.pw_txt::-ms-reveal,
.pw_tb input.pw_txt::-ms-clear { display:none; width:0; height:0; }
.pw_tb input.pw_txt::-webkit-credentials-auto-fill-button {
	visibility:hidden; display:none !important; pointer-events:none;
}
.pw_tb td.pw_btncell { padding:2px; }
.pw_tb td.pw_btncell button.pw_btn { width:100%; height:100%; line-height:14px; }

/* ----- 안내 글 ----- */
.pw_pwrule {
	width:355px; line-height:19px; color:#000;
	border:1px solid #c4c4c4; border-bottom:0;
	padding:6px 8px 6px 20px; text-indent:-12px;
	word-break:keep-all;
}
.pw_mark { color:#000; padding-right:4px; }
.pw_mid_btn { text-align:center; padding:0 0 12px 0; }
.pw_mid_btn button.pw_btn { width:120px; }

/* ----- 버튼 (공통 확정표 값) ----- */
.pw_layer button.pw_btn {
	height:26px; line-height:24px; padding:0;
	border:1px solid #b5b5b5; border-radius:4px;
	background:#e6e6e6; color:#000;
	font-size:12px; font-weight:400; letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
	cursor:pointer; transition:all .3s;
}
.pw_layer button.pw_btn:hover  { background:#dadada; }
.pw_layer button.pw_btn:active { background:#cfcfcf; }

/* ----- 재발급 완료 (11부·12부 칸 색) ----- */
.pw_go { padding:0 40px; }
.pw_go button.pw_btn_main {
	width:100%; height:40px; line-height:38px;
	background:#aaa; color:#fff; border-color:#9a9a9a;
	font-size:13px; font-weight:bold;
}
.pw_go button.pw_btn_main:hover  { background:#9a9a9a; }
.pw_go button.pw_btn_main:active { background:#8d8d8d; }

/* ----- 창닫기 ----- */
.pw_foot { text-align:right; padding:14px 40px 18px 40px; }
.pw_foot button.pw_btn { width:60px; }