@charset "utf-8";
/* 서브 페이지(v2) : 나의서비스 등 - main_v2.css 와 같이 사용, 기존 .sub_page 내용 스타일을 그린 카드형으로 덮어씀 */

/* ---- 레이아웃 ---- */
.mn_body_sub {grid-template-columns:240px minmax(0, 1fr);}
.mn_body_sub .mn_subside {order:0;}
.mn_sub_main {padding:24px 28px 32px;}
.mn_pagehead {display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; padding-bottom:14px; margin-bottom:20px; border-bottom:2px solid var(--mn-green);}
.mn_pagetitle {font-size:22px; font-weight:800; letter-spacing:-.5px; margin:0;}
.mn_crumb {font-size:12px; color:var(--mn-mute); margin:0;}
.mn_crumb em {font-style:normal; color:var(--mn-green-d); font-weight:600;}
.mn_sub_body {min-height:400px; font-size:13px; line-height:1.6; color:var(--mn-text);}

/* 왼쪽 메뉴 */
.mn_subnav {padding:16px 12px 14px;}
.mn_subnav .mn_card_head {padding:0 8px;}
.mn_subnav .mn_card_title a:hover {color:var(--mn-green-d);}
.mn_subnav ul li + li {margin-top:1px;}
.mn_subnav ul a {display:block; padding:9px 12px; border-radius:6px; font-size:13.5px; font-weight:500; color:var(--mn-text);}
.mn_subnav ul a:hover {background:var(--mn-green-l); color:var(--mn-green-d);}
.mn_subnav ul a.on {background:var(--mn-green); color:#fff; font-weight:700;}
.mn_subnav_group {margin:14px 8px 6px !important; padding-top:12px; border-top:1px solid var(--mn-line); font-size:11.5px; font-weight:700; color:var(--mn-mute); letter-spacing:.3px;}

/* ---- 기존 .sub_page 내용 덮어쓰기 ---- */
.mn_sub_body .sub_page {line-height:1.6;}
.mn_sub_body .sub_page a {color:inherit;}
.mn_sub_body .sub_page a:hover {color:var(--mn-green-d);}
.mn_sub_body .sub_page table {max-width:100%;}

/* 소제목 (이미지 대신 텍스트) */
.mn_sub_body .sub_page h3.mypage {height:auto; width:auto !important; background:none !important; text-indent:0; line-height:1.4; font-size:16px; font-weight:800; letter-spacing:-.3px; color:var(--mn-text); margin:28px 0 10px; padding-left:12px; border-left:4px solid var(--mn-green);}
.mn_sub_body .sub_page .mypage_info + .mypage_service h3.mypage,
.mn_sub_body .sub_page > h3.mypage:first-child {margin-top:4px;}

/* 회원 요약 */
.mn_sub_body .mypage_info {background:var(--mn-soft) !important; width:auto; height:auto; margin:0 0 4px; padding:16px 20px 8px; border-radius:var(--mn-radius); overflow:hidden;}
.mn_sub_body .mypage_info .greet {color:var(--mn-green-d); padding:0 0 10px; font-size:14px; font-weight:700;}
.mn_sub_body .mypage_info table {width:100%; margin:0; border-collapse:collapse;}
.mn_sub_body .mypage_info table th {color:var(--mn-sub); font-weight:600; text-align:left; height:34px; border-bottom:1px solid var(--mn-line); background:none; padding:0 10px 0 0; white-space:nowrap;}
.mn_sub_body .mypage_info table td {border-bottom:1px solid var(--mn-line); padding:0 10px; background:none; color:var(--mn-text);}
.mn_sub_body .mypage_info table tr:last-child th, .mn_sub_body .mypage_info table tr:last-child td {border-bottom:0;}
.mn_sub_body .mypage_info .tabletype01 {width:100%;}

/* 표 */
.mn_sub_body .sub_page .table01, .mn_sub_body .sub_page .tabletype01, .mn_sub_body .sub_page .tabletype02, .mn_sub_body .sub_page .tabletype03 {width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--mn-line); border-radius:8px; overflow:hidden; background:#fff; font-family:inherit; margin:0;}
.mn_sub_body .sub_page .tabletype01 {background-image:none;}
.mn_sub_body .sub_page .tabletype02 {border-top:1px solid var(--mn-line);}
.mn_sub_body .sub_page .tabletype03 {border-bottom:1px solid var(--mn-line);}
.mn_sub_body .sub_page .table01 th, .mn_sub_body .sub_page .tabletype01 th, .mn_sub_body .sub_page .tabletype02 th, .mn_sub_body .sub_page .tabletype03 th {background:var(--mn-soft) !important; background-image:none !important; color:var(--mn-text); font-weight:700; font-size:12.5px; height:auto; padding:10px 8px; border:0; border-bottom:1px solid var(--mn-line); border-right:1px solid var(--mn-line); line-height:1.4;}
.mn_sub_body .sub_page .table01 th:last-child, .mn_sub_body .sub_page .tabletype01 th:last-child {border-right:0;}
.mn_sub_body .sub_page .table01 td, .mn_sub_body .sub_page .tabletype01 td, .mn_sub_body .sub_page .tabletype02 td, .mn_sub_body .sub_page .tabletype03 td {padding:10px 10px; border:0; border-bottom:1px solid var(--mn-line); border-right:1px solid var(--mn-line); background:none !important; line-height:1.5; color:var(--mn-text); vertical-align:middle;}
.mn_sub_body .sub_page .table01 tr > *:last-child, .mn_sub_body .sub_page .tabletype01 tr > *:last-child {border-right:0;}
.mn_sub_body .sub_page .table01 tr:last-child > td, .mn_sub_body .sub_page .tabletype01 tr:last-child > td {border-bottom:0;}
.mn_sub_body .sub_page .table01 td.title, .mn_sub_body .sub_page .table01 .no_bg {background:var(--mn-soft) !important; color:var(--mn-text); font-weight:600; padding-left:12px; text-align:left;}
.mn_sub_body .sub_page .table01 td.text {text-align:left; padding-left:12px;}
.mn_sub_body .sub_page .table01 .lfpd {padding-left:12px;}
.mn_sub_body .sub_page .table01 .rfpd {padding-right:12px;}
.mn_sub_body .sub_page .table01 td.t_line {height:0; padding:0; border:0; background:none !important;}
.mn_sub_body .sub_page .table01 .g_line {display:none;}
.mn_sub_body .sub_page .table01 tr:hover > td:not(.title):not(.no_bg):not(.t_line) {background:#fafcfb !important;}
.mn_sub_body .sub_page .table01 .num {font:inherit; font-variant-numeric:tabular-nums;}
.mn_sub_body .sub_page .table01 p.tip, .mn_sub_body .sub_page .info {font-size:12px; color:var(--mn-mute); letter-spacing:0;}
.mn_sub_body .sub_page .info {padding-top:16px;}
.mn_sub_body .sub_page .info li {line-height:1.7;}
.mn_sub_body .sub_page .info li span {color:#ea580c;}
.mn_sub_body .sub_page .table01 td .tax li label {background:var(--mn-soft); border-radius:4px; color:var(--mn-sub);}
.mn_sub_body .sub_page .table01 td .tax li label.name {background:var(--mn-green-l); color:var(--mn-green-d);}

/* 버튼 : 이미지 스프라이트 → 플랫 버튼 */
.mn_sub_body .sub_page .button {background:none !important; height:auto !important; margin:0 4px 0 0; padding:0 !important; position:static; vertical-align:middle;}
.mn_sub_body .sub_page .button > a, .mn_sub_body .sub_page .button > input, .mn_sub_body .sub_page .button > button {display:inline-block; height:auto !important; line-height:1.4 !important; padding:6px 14px !important; left:0 !important; background:#fff !important; border:1px solid #d1d5db !important; border-radius:6px; color:var(--mn-text); font-family:inherit; font-size:12.5px !important; font-weight:600; cursor:pointer; text-decoration:none !important; position:static;}
.mn_sub_body .sub_page .button.small > a, .mn_sub_body .sub_page .button.small > input, .mn_sub_body .sub_page .button.small > button {padding:3px 10px !important; font-size:12px !important;}
.mn_sub_body .sub_page .button.large > a, .mn_sub_body .sub_page .button.large > input, .mn_sub_body .sub_page .button.large > button,
.mn_sub_body .sub_page .button.large_b > a, .mn_sub_body .sub_page .button.large_b > input, .mn_sub_body .sub_page .button.large_b > button,
.mn_sub_body .sub_page .button.large_g > a, .mn_sub_body .sub_page .button.large_g > input, .mn_sub_body .sub_page .button.large_g > button {padding:9px 22px !important; font-size:13.5px !important;}
.mn_sub_body .sub_page .button.xLarge > a, .mn_sub_body .sub_page .button.xLarge > input, .mn_sub_body .sub_page .button.xLarge > button {padding:12px 36px !important; font-size:15px !important; font-weight:700;}
.mn_sub_body .sub_page .button:hover > a, .mn_sub_body .sub_page .button:hover > input, .mn_sub_body .sub_page .button:hover > button {border-color:var(--mn-green) !important; color:var(--mn-green-d);}
.mn_sub_body .sub_page .button.large_b > a, .mn_sub_body .sub_page .button.large_b > input, .mn_sub_body .sub_page .button.large_b > button,
.mn_sub_body .sub_page .button.xLarge > a, .mn_sub_body .sub_page .button.xLarge > input, .mn_sub_body .sub_page .button.xLarge > button {background:var(--mn-green) !important; border-color:var(--mn-green) !important; color:#fff !important;}
.mn_sub_body .sub_page .button.large_b:hover > a, .mn_sub_body .sub_page .button.large_b:hover > input, .mn_sub_body .sub_page .button.large_b:hover > button {background:var(--mn-green-d) !important; border-color:var(--mn-green-d) !important; color:#fff !important;}
.mn_sub_body .sub_page .btnArea, .mn_sub_body .btn_area {text-align:center; padding:20px 0; margin:0;}

/* 입력 */
.mn_sub_body .sub_page .inputText, .mn_sub_body .sub_page .inputTextarea, .mn_sub_body .sub_page select, .mn_sub_body .sub_page input[type=text], .mn_sub_body .sub_page input[type=password], .mn_sub_body .sub_page textarea {padding:6px 9px; font-family:inherit; font-size:13px; border:1px solid #d1d5db; border-radius:6px; background:#fff; color:var(--mn-text); box-sizing:border-box;}
.mn_sub_body .sub_page .inputText:focus, .mn_sub_body .sub_page .inputTextarea:focus, .mn_sub_body .sub_page select:focus, .mn_sub_body .sub_page textarea:focus {border-color:var(--mn-green); outline:none; box-shadow:0 0 0 3px rgba(45,178,74,.15);}
.mn_sub_body .sub_page input[type=checkbox], .mn_sub_body .sub_page input[type=radio] {accent-color:var(--mn-green); vertical-align:-2px;}
.mn_sub_body .sub_page .inputText.no_line {border:0; background:none;}

/* 페이징 */
.mn_sub_body .sub_page .paging_area, .mn_sub_body .list_paging_area {margin-top:18px; text-align:center;}
.mn_sub_body .sub_page .paging_area span a {display:inline-block; min-width:30px; padding:5px 8px; margin:0 2px; border:1px solid var(--mn-line); border-radius:6px; color:var(--mn-sub); font:600 12px/1.3 var(--mn-font); text-align:center;}
.mn_sub_body .sub_page .paging_area span a:hover {border-color:var(--mn-green); color:var(--mn-green-d);}
.mn_sub_body .sub_page .paging_area span a.current_page {background:var(--mn-green); border-color:var(--mn-green); color:#fff;}
.mn_sub_body .sub_page .paging_area .prev_page, .mn_sub_body .sub_page .next_page, .mn_sub_body .sub_page .paging_area .next_page, .mn_sub_body .sub_page .paging_area .prev_page_disabled, .mn_sub_body .sub_page .paging_area .next_page_disabled {font-size:12px;}
.mn_sub_body .list_btn_area {float:none; width:auto; padding:10px 0;}

/* 탭 (ptab) */
.mn_sub_body .ptab {height:auto; border-bottom:2px solid var(--mn-green); margin-bottom:12px; display:flex; flex-wrap:wrap; gap:4px;}
.mn_sub_body .ptab .ptabnomal, .mn_sub_body .ptab .ptabnomaloverf {float:none; background:none; height:auto; margin:0;}
.mn_sub_body .ptab .ptabnomal_txt, .mn_sub_body .ptab .ptabnomaloverf_txt {float:none; background:none; height:auto; padding:8px 18px; line-height:1.4; border-radius:8px 8px 0 0; font-size:13px;}
.mn_sub_body .ptab .ptabnomal_txt {background:var(--mn-soft); color:var(--mn-sub);}
.mn_sub_body .ptab .ptabnomaloverf_txt {background:var(--mn-green); color:#fff;}
.mn_sub_body .ptab .ptabnomal_txt a:link, .mn_sub_body .ptab .ptabnomal_txt a:visited, .mn_sub_body .ptab .ptabnomal_txt a:hover {color:var(--mn-sub); font-size:13px;}
.mn_sub_body .ptab .ptabnomaloverf_txt a:link, .mn_sub_body .ptab .ptabnomaloverf_txt a:visited, .mn_sub_body .ptab .ptabnomaloverf_txt a:hover {color:#fff; font-size:13px; font-weight:700;}

/* 모바일 */
@media (max-width:860px) {
	.mn_body_sub {display:flex; flex-direction:column;}
	.mn_body_sub .mn_subside {display:flex; flex-direction:column; gap:20px; order:1;}
	.mn_body_sub .mn_sub_main {order:0;}
	.mn_body_sub .mn_subside > * {order:0 !important;}
}
@media (max-width:640px) {
	.mn_sub_main {padding:18px 14px 24px;}
	.mn_pagetitle {font-size:19px;}
	.mn_sub_body {overflow-x:auto;}
	.mn_sub_body .sub_page .table01 {min-width:560px;}
}

/* 기존 레이아웃(body 에 mn_page 없음) 안에서 쓸 때를 위한 래퍼 */
.mn_wrap_v2 {background:var(--mn-bg); color:var(--mn-text); font-family:var(--mn-font); font-size:14px; line-height:1.5; word-break:keep-all; text-align:left;}

.mn_sub_body .sub_page h3.customer2 {height:auto; width:auto !important; background:none !important; text-indent:0; line-height:1.4; font-size:16px; font-weight:800; letter-spacing:-.3px; color:var(--mn-text); margin:28px 0 10px; padding-left:12px; border-left:4px solid var(--mn-green);}
.mn_sub_body .list_paging_area {float:none; width:auto;}

/* 게시판 base.css(div, ul, li, p, span, table, th, td 에 돋움 12px 지정)가 섞여 들어올 때 폰트·크기를 래퍼 기준으로 되돌림 (특이도 0,0,1 : 클래스 규칙이 우선) */
:where(.mn_wrap_v2) div, :where(.mn_wrap_v2) ul, :where(.mn_wrap_v2) li, :where(.mn_wrap_v2) dl, :where(.mn_wrap_v2) dd, :where(.mn_wrap_v2) dt, :where(.mn_wrap_v2) p, :where(.mn_wrap_v2) span, :where(.mn_wrap_v2) table, :where(.mn_wrap_v2) th, :where(.mn_wrap_v2) td {font-family:inherit; font-size:inherit;}

/* 기존 고정폭 콘텐츠가 넘칠 때 잘리지 않고 가로 스크롤 */
.mn_sub_body {overflow-x:auto;}
.mn_sub_body img {max-width:100%; height:auto;}

/* 가로 스크롤이 생길 때 세로 스크롤바가 같이 생기지 않도록 */
.mn_sub_body {overflow-y:hidden;}