@charset "utf-8";

/*input, select, textarea, button {font-size:100%; vertical-align:middle;}*/

ul, ul li {margin:0; padding:0; list-style: none;}
ol, ol li {margin:0; padding:0; list-style: none; }
dl, dl dt, dl dd {margin:0; padding:0; list-style: none;}
select {font-size:12px;}

.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.mt5 {margin-top:5px;}

.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}

.h26 {height:26px;}

#bodyWrap {padding:15px 20px; margin:0 auto;}
#popupWrap {padding:0; margin:0 auto;}
legend {visibility:hidden; width:0; height:0; overflow:hidden; position:absolute; top:-10000px; font-size:0; line-height:0;}
fieldset {border:0 none;}

/*--------------------------------------------------------------------------------
			form style class
--------------------------------------------------------------------------------*/
.btn_area {clear:both;padding-top:20px; text-align:center;}
.btn_area form {display:inline;}

input.ssn {width:100px;}
input.name, input.userid {width:120px;}
input.nick_name {width:160px;}
input.email {width:110px;}
input.auth_email {width:220px;}
input.tel {width:50px;}
input.corpnum1 {width:40px;}
input.corpnum2 {width:30px;}
input.corpnum3 {width:60px;}
input.password {width:160px;}
input.outmemo {width:300px;}
input.group_name {width:250px;}
input.all {width:98%;}
input.post {width:200px;}
input.addr {width:400px;}

.radio_form {list-style:none; clear:both; height:20px;}
.radio_form dd {list-style:none; float:left; margin-right:30px;}

/*--------------------------------------------------------------------------------
			font style class
--------------------------------------------------------------------------------*/
em {font-style:normal;}
.fontlink {text-decoration:underline;}
.fontstrong {font-weight:bold;}
.number {letter-spacing:0;}

.wd500 {width:500px;}
.wd600 {width:600px;}
/* ===== 쪽지 읽기 / 보내기 (팝업) : 사이트 스타일 ===== */
body:has(#popupWrap.message_read), body:has(#popupWrap.message_send) {background:#fff; font-family:Pretendard,"Pretendard Variable","Malgun Gothic",sans-serif; color:#1f2937;}
#popupWrap.message_read, #popupWrap.message_send {padding:22px; font-size:13px; box-sizing:border-box;}
#popupWrap.message_read .header, #popupWrap.message_send .header {height:auto; margin:0 0 14px; padding:0 0 12px; border:0; border-bottom:2px solid #2db24a; background:none; font-size:17px; font-weight:700; color:#111827; text-indent:0;}
#popupWrap.message_send .header .title_info {font-size:12px; font-weight:400; color:#6b7280;}
#popupWrap.message_read table, #popupWrap.message_send table {width:100%; border-collapse:separate; border-spacing:0; border:0;}
#popupWrap.message_read th, #popupWrap.message_send th {width:90px; height:40px; padding:0 10px; border:0; border-bottom:1px solid #eef0f2; background:#f7f9f8; color:#111827; font-weight:700; text-align:left;}
#popupWrap.message_read td, #popupWrap.message_send td {padding:6px 12px; border:0; border-bottom:1px solid #eef0f2; background:#fff;}
#popupWrap.message_read .content {min-height:160px; margin:14px 0 0; padding:14px 16px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; line-height:1.7; word-break:break-all;}
#popupWrap.message_send .content {margin:14px 0 0;}
#popupWrap.message_send input.input_text, #popupWrap.message_send select {box-sizing:border-box; height:38px; padding:0 12px; border:1px solid #dfe3e8; border-radius:8px; background:#fff; font-family:inherit; font-size:13px;}
#popupWrap.message_send input.input_text:focus, #popupWrap.message_send select:focus {outline:0; border-color:#2db24a; box-shadow:0 0 0 3px rgba(45,178,74,.15);}
#popupWrap.message_send .wd400 {width:calc(100% - 110px);} #popupWrap.message_send .wd500 {width:100%;}
#popupWrap.message_send td p {margin:6px 0 0; color:#6b7280; font-size:12px;}
#popupWrap.message_read .btn_area, #popupWrap.message_send .btn_area {display:flex; justify-content:center; gap:8px; padding:18px 0 0;}
#popupWrap.message_read .button, #popupWrap.message_send .button {display:inline-flex; margin:0; padding:0; border:0; background:none; height:auto; width:auto;}
#popupWrap.message_read .button > span:not(.button) {display:none;}
#popupWrap.message_read .button input, #popupWrap.message_send .button input {box-sizing:border-box; height:40px; padding:0 20px; border:0; border-radius:8px; background:#f1f3f5 !important; color:#1f2937; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; text-indent:0;}
#popupWrap.message_read .button input:hover, #popupWrap.message_send .button input:hover {background:#e6e9ed !important;}
#popupWrap.message_read .button.strong input, #popupWrap.message_send .button.strong input {background:#2db24a !important; color:#fff;}
#popupWrap.message_read .button.strong input:hover, #popupWrap.message_send .button.strong input:hover {background:#239a3d !important;}