/* 새창 공통 */
body { font-family:NanumGothic; } 
#newwin {display:flex;flex-wrap:wrap;align-content:flex-start;width:100%;min-width:380px;height:100vh}
#newwin .top_fixed {position:fixed; min-width:380px;width:100%;z-index:2}
#newwin .newwin_pages {display:flex;width:100%;align-items:center;justify-content:center;padding:20px}
.newwin_delete {display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px; background:#ff0000;border-radius:3px; }
.newwin_delete:hover {background:#222;}
.newwin_delete img { height:10px; }
.newwin_delete:hover i {color:#fff;}
.newwin_btn_wrap {display:flex;width:100%;padding:0 20px}
.newwin_btn_wrap.view {padding:0 20px 30px}
.btn_full_confirm, .btn_full_cancel {margin-bottom:20px; margin-left:5px; margin-right:5px;  display:inline-flex;border:0;align-items:center;justify-content:center;width:100%;height:34px;font-size:14px;color:#fff; font-family:NanumGothicBold; border-radius:30px; }
.btn_full_confirm {background:#ed4141; }
.btn_full_cancel {background:#444; }
.btn_full_cancel:hover {background:#000;}
a.btn_full_confirm { color:#fff; }
.btn_full_confirm.nowrap, .btn_full_cancel.nowrap {margin-top:20px}
.btn_full_confirm:hover {background:#db3232}
.newwin_delete_wrap {width:28px}

.new_win h1 {
	background:#ed4141; padding:18px;
	font-family:NanumGothicBold; font-size:18px; color:#fff;
}

.icon_memo { height:26px; margin-right:10px; }

/* 스크랩 */
.scrap h1 { 
	background:#ed4141;
	display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;font-size:1.429em;padding:0 20px;color:#fff;
}

/* 쪽지 리스트 */
#newwin .memo {width:100%; }
#newwin h1 {display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;font-size:1.429em;padding:0 20px;color:#fff;}
#newwin h1.memo {background:#ed4141}
#newwin .title_wrap {display:inline-flex;align-items:center;}
#newwin .title_wrap svg {height:24px;fill:#fff;margin-right:10px}
#newwin .win_total {font-size:0.8em}
#newwin .memo_nav ul li {display:inline-flex;align-items:center;padding:0 20px;height:34px;background:#ff7575; font-family:NanumGothicBold; cursor:pointer; }
#newwin .memo_nav ul li:hover {background:#ffd630;}
#newwin .memo_nav ul li.memo_notice {display:inline-flex;background:none;margin:0;padding:0;color:#ffcc00;font-size:0.929em;cursor:auto}
#newwin .memo_nav ul li.memo_notice i {position:relative;top:0px;font-size:1.143em;margin-right:5px;color:#ffcc00}
#newwin .memo_nav .selected {background:#bc0000;color:#fff;}
#newwin .memo_nav .selected:hover {background:#bc0000}
#newwin .memo_hd_title {display:flex;align-items:center;padding:0 20px;height:34px;background:#db3232;color:#ffe990;font-size:0.929em}
#newwin .memo_hd_title span {display:inline-flex;justify-content:center}
#newwin .memo_hd_title span:nth-child(1) {width:calc(40% - 28px)}
#newwin .memo_hd_title span:nth-child(2) {width:30%}
#newwin .memo_hd_title span:nth-child(3) {width:30%}
#newwin .memo_hd_title span:nth-child(4) {width:28px}
#newwin .memo_list ul {width:100%}
#newwin .memo_list li {display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:10px 20px;border-bottom:1px dashed var(--ccf);background:#fff;}
#newwin .memo_list li:hover {background:#F1F6F1}
#newwin .memo_list li:hover .memo_preview {background:var(--ccf)}
#newwin .memo_list li.after {display:block;visibility:hidden;clear:both;content:""}
#newwin .memo_list li.read {background:#f1f1f1;}
#newwin .memo_list li .memo_name {display:inline-flex;width:calc(40% - 28px)}
#newwin .memo_list li .memo_datetime {display:inline-flex;justify-content:center;width:30%;font-size:0.929em;color:var(--c52)}
#newwin .memo_list li .memo_preview {display:inline-flex;padding:10px 15px;background:var(--cec);margin:10px;border-radius:0 20px 20px 20px}
#newwin .memo_list li.read .memo_preview {background:#fff;}
.no_read_msg {color:#db3232;font-weight:500}

/* 쪽지쓰기 */
#newwin form {width:100%}
#newwin .memo_send ul {display:flex;flex-direction:column;width:100%}
#newwin .memo_send ul li {display:flex}

/* 쪽지 읽기 */
#memo_view_contents p {font-size:1.071em;line-height:1.8em;margin-top:160px;padding:20px}
.memo_user_info {display:flex;width:100%;height:56px;align-items:center;padding:0 20px;background:#f1f1f1;}
.memo_user_info i {position:relative;color:var(--c52)}
.memo_user_info .memo_user_nick {width:50%}
.memo_user_info .memo_user_nick img {width:40px;height:40px;border-radius:50%}
.memo_user_info .memo_view_icons {display:inline-flex;align-items:center;flex:1;justify-content:flex-end}
.memo_user_info .memo_view_icons a.memo_prev, a.memo_next {margin:0 6px;}

.newwin_delete_list { display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 4px; background:#444;border-radius:3px; }
.newwin_delete_list img { height:10px; }
.memo_prev, .memo_next { display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px; background:#777;border-radius:3px;  }
.memo_prev img, .memo_next img { height:10px;  }

.Mlang_frm_input { 
	padding-left:16px; padding-right:16px; padding-top:12px; padding-bottom:12px; 
	margin-bottom:10px; width:100%; background:#f9f9f9;
	border-radius:20px; border:1px solid #bc0000; background:#fff; 
	font-family:NanumGothicBold; font-size:12px;
}
.Mlang_frm_textarea {
	padding:12px; 
	margin-bottom:10px; width:100%; height:100px; background:#f9f9f9;
	border-radius:20px; border:1px solid #bc0000; background:#fff; 
	font-family:NanumGothicBold; font-size:12px;
}
.Mlang_frm_file { width:100%; background:#f1f1f1; margin-bottom:15px;  }


/* mail */
.form_18 li { padding:5px; margin-left:15px; margin-right:15px; }

/* 자기소개 */
.new_win_conz { margin:15px; width:100%; display:inline-block; color:#444; font-size:14px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1em; }
.new_win_conz table { width:100%; }
.new_win_conz table th { width:30%; padding:10px; font-size:12px; font-family:NanumGothicBold;  }
.new_win_conz table td { width:70%; padding:10px; }
.new_win_conp { margin:15px; width:100%; display:inline-block;  background:#f1f1f1; padding:15px; }

/* 스크랩 */
.new_win_con { margin:15px; color:#444; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1em; }
.new_win_con li { padding:10px; text-align:center; }
.new_win_con li b { font-family:NanumGothicBold; }
.scrap_tit { color:#ed4141; font-size:14px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1em; }


.mbskin { 
	padding-top:50px; width:300px; text-align:center; margin:0 auto; 
	color:#333; font-size:14px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.3em;
}
.mbskin fieldset input { margin-top:10px; margin-bottom:10px; width:100%;  }


/* 포인트 */
#point .full_li { 
	position:relative; top: -55px; padding:20px; float:right;
	color:#fff000; font-size:16px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1em;
}
.point_list { position:relative; top: -55px; }
.point_lists { width:100%; display:inline-block;  float:left;  border-bottom:1px solid #ccc; } 
.point_lists div, .point_status div { padding:10px; } 
.point_lists_l { 
	width:60%; float:left; text-align:left;
	color:#333; font-size:14px; letter-spacing: 0.01em; line-height:1.3em;
}
.point_lists_r { 
	width:40%; float:left; text-align:right; 
	color:#777; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em;
}
.point_status { width:100%; float:left; background:#fff; color:#db3232; font-size:14px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; }
.point_status_l { width:50%; float:left; text-align:left;}
.point_status_r { width:50%; float:left; text-align:right; }
.point_pagin { position:relative; top: -55px; }
.point_foot { text-align:center; width:96%; height:40px; margin: 0 auto; position:fixed; _position:absolute; z-index:1005; left:0px; bottom:0px; _bottom:-1px; repeat-x; }
.point_tit {  font-family:NanumGothic; }
.point_num {  font-family:NanumGothicBold; }


/* 모바일 ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:600px) {
	#newwin .memo_nav {height:70px;  display:flex;flex:1;justify-content:space-between;background:#ed4141;padding:0 20px}
	#newwin .memo_list {display:flex;align-items:center;width:100%;margin-top:165px}
	#newwin .memo_send {display:flex;width:100%;margin-top:134px;padding:20px}
} /* 모바일 end */


/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width :600px)  {
	#newwin .memo_nav {height:50px;  display:flex;flex:1;justify-content:space-between;background:#ed4141;padding:0 20px}
	#newwin .memo_list {display:flex;align-items:center;width:100%;margin-top:145px}
	#newwin .memo_send {display:flex;width:100%;margin-top:114px;padding:20px}	
} /* PC end */