@charset "utf-8";
/* 회원 메뉴(로그인 / 회원가입 / 아이디·비밀번호 찾기) : 메인 디자인(v2)에 맞춘 스킨 덮어쓰기 */

.mn_member .mn_sub_body {min-height:0; font-size:14px;}
.mn_member .mn_sub_body #bodyWrap {width:auto; margin:0; padding:0; background:none;}
.mn_member .mn_sub_body #bodyWrap .page_navi {height:auto; margin:0 0 20px; padding:0; border:0; background:none;}
.mn_member .mn_sub_body #bodyWrap .page_navi h4 {display:none;}
.mn_member .mn_sub_body a {color:inherit; text-decoration:none;}
.mn_member .mn_sub_body a:hover {color:var(--mn-green-d);}
.mn_member .mn_sub_body ul, .mn_member .mn_sub_body ol, .mn_member .mn_sub_body dl {list-style:none; margin:0; padding:0;}
.mn_member .mn_sub_body dt, .mn_member .mn_sub_body dd {float:none; margin:0; padding:0; width:auto; background:none; text-indent:0;}
.mn_member .mn_sub_body fieldset {margin:0; padding:0; border:0;}

/* 설명 문구 */
.mn_member .mn_sub_body .description {margin:0 0 22px; padding:0; border:0; background:none; color:var(--mn-sub); font-size:14px; text-align:center; line-height:1.6;}

/* 로그인 */
.mn_member .login_form .loginFormDiv {max-width:440px; margin:0 auto; padding:0; border:0; background:none; width:auto; float:none;}
.mn_member .login_form .box01 {margin:0; padding:28px 28px 22px; border:1px solid var(--mn-line); border-radius:var(--mn-radius); background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.05); width:auto; height:auto;}
.mn_member .login_form .fields ul {display:grid; gap:14px;}
.mn_member .login_form .fields li {display:grid; gap:6px; margin:0; padding:0; background:none; height:auto; border:0;}
.mn_member .login_form .fields dt {display:block; height:auto; line-height:1.4; background:none !important; color:var(--mn-text); font-size:13px; font-weight:700; text-indent:0; padding:0 !important;}
.mn_member .login_form .fields dd {display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.mn_member .login_form .fl {float:none; margin:0 !important;}
.mn_member .login_form input[type=text], .mn_member .login_form input[type=password] {box-sizing:border-box; width:100%; height:44px; padding:0 14px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; font:14px var(--mn-font); color:var(--mn-text);}
.mn_member .login_form input[type=text]:focus, .mn_member .login_form input[type=password]:focus {border-color:var(--mn-green); outline:none; box-shadow:0 0 0 3px rgba(45,178,74,.12);}
.mn_member .login_form .fields dd .fl:first-child {flex:1 1 100%;}
.mn_member .login_form input[type=checkbox] {width:16px; height:16px; accent-color:var(--mn-green); vertical-align:-3px;}
.mn_member .login_form .fields label {color:var(--mn-sub); font-size:13px;}
.mn_member .login_form .authnum_div {display:grid !important; grid-template-columns:1fr; gap:10px;}
.mn_member .login_form .authnum_div .button {display:block; margin:0; padding:0; border:0; background:none; height:auto; width:auto;}
.mn_member .login_form .authnum_div .button input[type=submit] {box-sizing:border-box; display:block; width:100%; height:46px; padding:0; border:0; border-radius:8px; background:var(--mn-green) !important; color:#fff !important; font:800 15px var(--mn-font); cursor:pointer;}
.mn_member .login_form .authnum_div .button input[type=submit]:hover {background:var(--mn-green-d) !important;}
.mn_member .login_form .field_login {display:flex; justify-content:center; align-items:center; gap:12px; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--mn-line); font-size:13px; color:var(--mn-sub);}
.mn_member .login_form .field_login .line {display:inline-block; width:1px; height:12px; padding:0; background:var(--mn-line); overflow:hidden;}
.mn_member .login_form .field_login a {color:var(--mn-sub);}
.mn_member .login_form .field_login a:hover {color:var(--mn-green-d); text-decoration:underline;}

@media (max-width:640px) {.mn_member .login_form .box01 {padding:22px 18px 18px;}}

/* 가입 단계 표시 */
.mn_member .page_navi .navi {display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0;}
.mn_member .page_navi .navi li {float:none; width:auto; height:auto; margin:0; padding:7px 14px; border:1px solid var(--mn-line); border-radius:999px; background:#fff; color:var(--mn-mute); font-size:12.5px; font-weight:600; text-indent:0; line-height:1.2;}
.mn_member .page_navi .navi li strong, .mn_member .page_navi .navi li span {display:inline; padding:0; background:none; color:inherit; font-weight:inherit;}
.mn_member .page_navi .navi li:has(strong) {background:var(--mn-green); border-color:var(--mn-green); color:#fff;}

/* 아이디/비밀번호 찾기 등 일반 입력 박스 */
.mn_member .accountid_form .box01, .mn_member .accountpwd_form .box01, .mn_member [class*=_form]:not(.login_form) > .box01 {max-width:520px; margin:0 auto 18px; padding:24px 26px; border:1px solid var(--mn-line); border-radius:var(--mn-radius); background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.05); width:auto; height:auto;}
.mn_member [class*=_form]:not(.login_form) .fields ul {display:grid; gap:14px;}
.mn_member [class*=_form]:not(.login_form) .fields li {display:grid; grid-template-columns:100px minmax(0, 1fr); align-items:center; gap:10px; margin:0; padding:0; background:none; height:auto; border:0;}
.mn_member [class*=_form]:not(.login_form) .fields dt {display:block; height:auto; background:none !important; padding:0 !important; color:var(--mn-text); font-size:13px; font-weight:700; text-indent:0; line-height:1.4;}
.mn_member [class*=_form]:not(.login_form) .fields dd {display:block;}
.mn_member [class*=_form]:not(.login_form) input[type=text], .mn_member [class*=_form]:not(.login_form) input[type=password], .mn_member [class*=_form]:not(.login_form) input[type=email] {box-sizing:border-box; width:100%; height:42px; padding:0 14px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; font:14px var(--mn-font); color:var(--mn-text);}
.mn_member [class*=_form]:not(.login_form) input[type=text]:focus, .mn_member [class*=_form]:not(.login_form) input[type=password]:focus {border-color:var(--mn-green); outline:none; box-shadow:0 0 0 3px rgba(45,178,74,.12);}
.mn_member .field_desc {margin:16px 0 0 !important; padding:12px 14px !important; border-radius:8px; background:var(--mn-soft); color:var(--mn-sub); font-size:12.5px; line-height:1.6;}
.mn_member .field_desc li {list-style:none; margin:0; padding:0; background:none !important; height:auto;}

/* 약관 동의 */
.mn_member .agreement_pg h5 {margin:20px 0 8px; padding:0; background:none !important; height:auto; text-indent:0; color:var(--mn-text); font-size:15px; font-weight:800;}
.mn_member .agreement_pg div.agreement {height:170px; margin:0; padding:14px 16px; overflow-y:auto; border:1px solid var(--mn-line); border-radius:8px; background:var(--mn-soft); color:var(--mn-sub); font-size:12.5px; line-height:1.7;}
.mn_member .agreement_pg .agreement_check {margin:16px 0 0; padding:12px 14px; border-radius:8px; background:#fff; border:1px solid var(--mn-line); font-size:13.5px; font-weight:600;}
.mn_member .agreement_pg .agreement_check input {width:16px; height:16px; accent-color:var(--mn-green); vertical-align:-3px; margin-right:6px;}

/* 하단 버튼 영역 */
.mn_member .btn_area {display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:22px 0 4px; padding:0; text-align:center; background:none; height:auto;}
.mn_member .btn_area .button {display:inline-block; margin:0; padding:0; border:0; background:none; height:auto; width:auto;}
.mn_member .btn_area .button input, .mn_member .btn_area .button a {box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 22px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; color:var(--mn-text); font:700 14px var(--mn-font); cursor:pointer; text-decoration:none;}
.mn_member .btn_area .button input:hover, .mn_member .btn_area .button a:hover {border-color:var(--mn-green); color:var(--mn-green-d);}
.mn_member .btn_area .button:first-child input, .mn_member .btn_area .button:first-child a {background:var(--mn-green); border-color:var(--mn-green); color:#fff;}
.mn_member .btn_area .button:first-child input:hover, .mn_member .btn_area .button:first-child a:hover {background:var(--mn-green-d); color:#fff;}
.mn_member .page_navi .navi {float:none; position:static; width:auto; height:auto; margin:0 0 6px;}
.mn_member .page_navi .navi li, .mn_member .page_navi .navi li strong, .mn_member .page_navi .navi li span {background-image:none !important; text-indent:0 !important; overflow:visible; position:static; width:auto !important; height:auto !important; line-height:1.2; font-size:12.5px;}
.mn_member .page_navi .navi li {padding:7px 14px !important;}
.mn_member .page_navi .navi li strong, .mn_member .page_navi .navi li span {padding:0 !important; display:inline !important;}
.mn_member .agreement_pg h5.agreement_noti, .mn_member .agreement_pg h5.agreement {height:auto !important; width:auto !important; overflow:visible; line-height:1.4;}

/* 회원가입 정보 입력 */
.mn_member .input_info .description {margin:0 0 14px;}
.mn_member .input_info .memberInput {margin:0;}
.mn_member .input_info table {width:100%; border-collapse:collapse; border-top:2px solid var(--mn-text); background:#fff;}
.mn_member .input_info table tr {background:none;}
.mn_member .input_info table th {width:150px; padding:13px 14px; border:0; border-bottom:1px solid var(--mn-line); background:var(--mn-soft) !important; color:var(--mn-text); font-size:13px; font-weight:700; text-align:left; text-indent:0; vertical-align:top; line-height:1.5;}
.mn_member .input_info table th.require {background-image:none !important; padding-left:14px !important;}
.mn_member .input_info table th.require::after {content:' *'; color:#e11d48; font-weight:800;}
.mn_member .input_info table td {padding:10px 14px; border:0; border-bottom:1px solid #f0f1f3; background:none; color:var(--mn-text); font-size:13px; line-height:1.6;}
.mn_member .input_info table td .tip {margin:4px 0 0; padding:0; background:none !important; color:var(--mn-mute); font-size:12px; text-indent:0;}
.mn_member .input_info table input[type=text], .mn_member .input_info table input[type=password], .mn_member .input_info table input[type=email], .mn_member .input_info table select {box-sizing:border-box; height:38px; padding:0 12px; border:1px solid var(--mn-line); border-radius:6px; background:#fff; font:13.5px var(--mn-font); color:var(--mn-text); vertical-align:middle;}
.mn_member .input_info table input[type=text]:focus, .mn_member .input_info table input[type=password]:focus, .mn_member .input_info table select:focus {border-color:var(--mn-green); outline:none; box-shadow:0 0 0 3px rgba(45,178,74,.12);}
.mn_member .input_info table input[type=radio], .mn_member .input_info table input[type=checkbox] {accent-color:var(--mn-green); vertical-align:-2px; margin-right:4px;}
.mn_member .input_info table .help_wrap {display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.mn_member .input_info table td .button, .mn_member .input_info table td .btn {display:inline-block; margin:0; padding:0; border:0; background:none;}
.mn_member .input_info table td .button a, .mn_member .input_info table td .button input {display:inline-flex; align-items:center; height:34px; padding:0 14px; border:1px solid var(--mn-line); border-radius:6px; background:#fff; color:var(--mn-text); font:600 12.5px var(--mn-font); cursor:pointer; text-decoration:none;}
.mn_member .input_info table td .button a:hover, .mn_member .input_info table td .button input:hover {border-color:var(--mn-green); color:var(--mn-green-d);}
.mn_member .input_info .noti, .mn_member .input_info p.require_txt {color:var(--mn-sub); font-size:12.5px;}
.mn_member .input_info table input[type=text], .mn_member .input_info table input[type=password] {width:260px; max-width:100%;}
.mn_member .input_info table input.input_text[class*="mail"], .mn_member .input_info table input[name*="Mail"], .mn_member .input_info table input[name*="mail"] {width:150px;}
.mn_member .input_info table select {min-width:130px;}
.mn_member .input_info table th.require::after {content:'*'; margin-left:4px;}
.mn_member .input_info .description .require, .mn_member .input_info .description img {vertical-align:-2px;}
.mn_member .input_info table input.tel, .mn_member .input_info table input.post {width:84px;}
.mn_member .input_info table input.email {width:170px;}
.mn_member .input_info table input.input_text_calendar {width:150px;}
.mn_member .input_info table input.addr {width:260px;}
.mn_member .input_info table td {white-space:normal;}
.mn_member .input_info dl.radio_form {display:flex; flex-wrap:wrap; gap:6px 18px; margin:0; padding:0;}
.mn_member .input_info dl.radio_form dd {display:inline-flex; align-items:center; gap:4px; float:none; width:auto; margin:0; padding:0; background:none;}
.mn_member .input_info dl.radio_form input[type=radio] {margin:0;}
.mn_member .input_info dl.radio_form label {margin:0; color:var(--mn-text); font-size:13.5px;}
.mn_member .input_info table input.zipText {position:static; float:none; width:260px; margin:0 6px 6px 0;}
.mn_member .input_info table input.post {width:110px;}
.mn_member .input_info table td .button.small, .mn_member .input_info table td span.button {position:static; float:none; margin:0 0 6px;}
/* 주소 검색 : 안내 라벨은 입력칸 안 placeholder처럼, 버튼은 옆에 */
.mn_member .input_info .krZip .item {position:relative; display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 6px;}
.mn_member .input_info .krZip .item label.zipLabel {position:absolute !important; left:12px; top:0; line-height:38px; color:var(--mn-mute); font-size:13px; pointer-events:none; z-index:1;}
.mn_member .input_info .krZip .item input.post {width:260px;}
.mn_member .input_info .krZip .item input.addr {width:100%; max-width:420px;}
.mn_member .input_info .krZip .item .button {margin:0;}
.mn_member .input_info .krZip .item .button input[type=button] {display:inline-flex; align-items:center; height:38px; padding:0 16px; border:1px solid var(--mn-green); border-radius:6px; background:var(--mn-green); color:#fff; font:700 13px var(--mn-font); cursor:pointer;}
.mn_member .input_info .krZip .item.address2 {display:block;}
.mn_member .input_info .krZip .item.address2 label.zipLabel {top:0;}
/* 라디오(수신/성별) */
.mn_member .input_info dl.radio_form dd {width:auto !important; min-width:0; padding:0 !important; text-align:left; display:inline-flex !important; align-items:center;}
.mn_member .input_info dl.radio_form label {display:inline !important; width:auto !important; float:none !important; text-indent:0 !important; margin:0 !important; padding:0 !important;}
.mn_member .input_info dl.radio_form input[type=radio] {width:16px !important; height:16px; margin:0 4px 0 0 !important; float:none !important;}
.mn_member .input_info dl.radio_form {justify-content:flex-start;}

/* ===== 쪽지함 (받은/보낸/보관 쪽지 목록) ===== */
.mn_member .message_list .list_info {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:0;}
.mn_member .message_list .list_info dt {font-size:15px; color:var(--mn-text);}
.mn_member .message_list .list_info dt b {font-weight:700;}
.mn_member .message_list .list_info dt b.point {margin-left:2px; color:var(--mn-green-d); text-decoration:none;}
.mn_member .message_list .list_info dd {display:flex; gap:8px;}
.mn_member .message_list select {height:36px; padding:0 30px 0 12px; border:1px solid var(--mn-line); border-radius:8px; background-color:#fff; color:var(--mn-text); font-size:13px; font-family:inherit;}
.mn_member .message_list select:focus {outline:0; border-color:var(--mn-green); box-shadow:0 0 0 3px rgba(45,178,74,.12);}

.mn_member .message_list table {width:100%; border-collapse:separate; border-spacing:0; border:0; border-top:2px solid var(--mn-green); font-size:13px;}
.mn_member .message_list th {height:40px; padding:0 8px; border:0; border-bottom:1px solid var(--mn-line); background:#f7f9f8; color:var(--mn-text); font-size:13px; font-weight:700; text-align:center;}
.mn_member .message_list td {height:42px; padding:0 8px; border:0; border-bottom:1px solid #eef0f2; background:#fff; color:var(--mn-text); text-align:center; vertical-align:middle;}
.mn_member .message_list td.lfpd {text-align:left; padding-left:12px;}
.mn_member .message_list td.lfpd a {color:var(--mn-text); font-weight:500;}
.mn_member .message_list td.num {color:var(--mn-sub); font-size:12px;}
.mn_member .message_list tr:hover td {background:#f6fbf7;}
.mn_member .message_list input[type=checkbox] {width:16px; height:16px; accent-color:var(--mn-green); vertical-align:middle;}

.mn_member .message_list .btn_area {display:flex; justify-content:flex-end; gap:8px; padding:18px 0 0;}
.mn_member .message_list .btn_area .button {display:inline-flex; margin:0; padding:0; border:0; background:none; height:auto; width:auto;}
.mn_member .message_list .btn_area .button > span {display:none;}
.mn_member .message_list .btn_area .button input {box-sizing:border-box; height:38px; padding:0 18px; border:1px solid var(--mn-line); border-radius:8px; background:#fff !important; color:var(--mn-text); font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; text-indent:0;}
.mn_member .message_list .btn_area .button input:hover {background:#f1f3f5 !important;}
.mn_member .message_list .btn_area .button:first-child input {border-color:var(--mn-green); background:var(--mn-green) !important; color:#fff;}
.mn_member .message_list .btn_area .button:first-child input:hover {background:var(--mn-green-d) !important;}

.mn_member .message_list .pagingArea {display:flex; justify-content:center; align-items:center; gap:4px; margin:22px 0 0; padding:0; border:0; background:none;}
.mn_member .message_list .pagingArea > span {display:inline-flex; gap:4px;}
.mn_member .message_list .pagingArea a {display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 8px; box-sizing:border-box; border:1px solid transparent; border-radius:8px; background:none; color:var(--mn-text); font-size:13px; line-height:1; text-indent:0; cursor:pointer;}
.mn_member .message_list .pagingArea a:hover {background:#f1f3f5;}
.mn_member .message_list .pagingArea a.current_page {background:var(--mn-green); color:#fff; font-weight:700;}
.mn_member .message_list .pagingArea a.prev_page_disabled, .mn_member .message_list .pagingArea a.next_page_disabled {color:#b9bec5; cursor:default;}
.mn_member .message_list {overflow-x:hidden;}
.mn_member .message_list .page_navi {margin:0 0 4px;}
.mn_member .message_list td.num {white-space:nowrap;}
.mn_member .message_list td, .mn_member .message_list th {width:auto;}
.mn_member .message_list .btn_area {background:none; border:0; margin:0; height:auto; box-sizing:border-box;}
.mn_member .message_list .btn_area:before, .mn_member .message_list .btn_area:after {display:none;}
.mn_member .message_list .btn_area .button input {margin:0 !important; float:none; position:static !important; left:auto !important; top:auto !important;}
.mn_member .message_list .btn_area .button {float:none; position:static;}