@charset "utf-8";

.ol {position:relative;margin:0 0 10px;position:relative}
#ol_before h2 {width:0;height:0;overflow:hidden}
#ol_after h2 {width:0;height:0;overflow:hidden}

#ol_before {background:var(--bg-primary);padding:11px 15px;text-align:left;color:var(--text-primary)}
#ol_before .btn_b01 {background:var(--accent-color);color:var(--button-text);border:1px solid transparent}
#ol_before .btn_b02 {background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}
#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid var(--border-color);background:var(--input-bg);height:40px;margin:0 0 10px;color:var(--text-primary)}
#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
#ol_svc {text-align:left;color:var(--text-secondary);font-size:0.92em;margin:5px 0 20px}
.ol_before_btn {margin:15px 0 0;color:var(--text-secondary);line-height:1em}
.ol_before_btn a {color:var(--link-color);display:inline-block;width:50%;float:left}
#ol_password_lost {border-left:1px solid var(--border-color)}

/* 모바일 쇼핑 shop_basic 과 동일 레이아웃: 프로필+닉+포인트 → 하단 2열(메시지|보관함) */
#ol_after_hd {background:var(--bg-primary);margin-bottom:10px;padding:15px 10px 15px 70px;text-align:left;position:relative;color:var(--text-primary);line-height:20px;}
#ol_after_hd .nickname {color:var(--text-primary);display:block}
#ol_after_hd strong {color:var(--accent-color)}
#ol_after_hd .point {color:var(--text-secondary);font-size:0.92em}
#ol_after_hd .profile_img {display:inline-block;position:absolute;top:15px;left:15px}
#ol_after_hd .profile_img img {border-radius:50%;width:40px;height:40px}
#ol_after_info {position:absolute;bottom:0;right:-5px;text-align:center;background:var(--bg-secondary);width:20px;height:20px;line-height:20px;color:var(--text-primary);font-size:13px;border-radius:50%;border:1px solid var(--border-color)}

#ol_after_private {margin:10px 0;padding:0;list-style:none;}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;float:left;width:50%;}
#ol_after_private li:first-child {border-right:1px solid var(--border-color)}
#ol_after_private a {color:var(--text-primary);line-height:43px;background:var(--bg-primary);display:block;border-bottom:1px solid var(--border-color);text-align:center;padding:0 10px 0 40px;text-align:left}
#ol_after_private i {position:absolute;top:0;left:0;font-size:15px;line-height:43px;width:40px;text-align:center;color:var(--text-secondary)}
#ol_after_private strong {position:absolute;top:12px;right:10px;font-size:0.846em;padding:0 5px;background:var(--accent-color);color:var(--button-text);line-height:20px;border-radius:35px}
#ol_after_private .win_scrap strong {background:var(--accent-color)}

#ol_after_btn {position:absolute;top:20px;right:10px}
#ol_after_btn a {display:inline-block;padding:0 10px;line-height:28px;font-weight:bold;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);vertical-align:top;border-radius:3px}
#ol_after_btn .btn_admin {display:inline-block;padding:0 10px;border:0;text-align:center;margin:0;line-height:30px;background:var(--accent-color);color:var(--button-text)}

#ol_after_logout {background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}

/* 메시지 행: 봉투 우하단 미읽음 점 (shop_basic 과 동일 클래스) */
@keyframes tr_mshop_memo_unread_blink {
	50% { opacity: 0; }
}
#ol_after_private a.win_memo .mshop_memo_icon_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: visible;
	z-index: 1;
}
#ol_after_private a.win_memo .mshop_memo_icon_inner {
	position: relative;
	display: inline-block;
	line-height: 1;
	overflow: visible;
	min-width: 14px;
	min-height: 14px;
}
#ol_after_private a.win_memo .mshop_memo_icon_wrap i.fa {
	position: static !important;
	width: auto !important;
	margin: 0 !important;
	line-height: 1 !important;
	font-size: 15px;
}
#ol_after_private a.win_memo .mshop_memo_pulse {
	position: absolute;
	bottom: -2px;
	right: -4px;
	width: 9px;
	height: 9px;
	box-sizing: border-box;
	font-size: 0;
	line-height: 0;
	border-radius: 9px;
	background: var(--accent-color);
	border: 1px solid var(--border-color);
	overflow: visible;
	box-shadow: 0 0 6px 2px rgba(94, 159, 253, 0.45);
	animation: tr_mshop_memo_unread_blink 1s linear infinite;
	z-index: 4;
	pointer-events: none;
}