@charset "utf-8";

/* Sub Title */
.sub-title { padding:10px 12px; border-top:4px solid #444; }
.sub-title h4 { padding:0; margin:0; line-height:50px; font-size:18px; }
.sub-title i { background: rgb(245, 245, 245); padding-top: 12px; border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(143, 143, 143); font-size: 25px; display: inline-block; }
.sub-title img { border-radius: 50%; width: 50px !important; height: 50px !important; display:inline-block; }

/* Follow */
.follow-skin .bg-heading { background:#fafafa; }
.follow-skin .col-follow .myinfo a { margin-right:15px; color:#888; font-size:11px; }
.follow-skin .sp-follow { margin-bottom:0px; border-top:3px solid #444; }
.follow-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.follow-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
@media all and (max-width:460px) {
	.responsive .follow-skin .col-follow { display:block !important; width:100% !important;}
}

/* Formmail */
.formmail-form { padding:20px; }
.formmail-type label { margin-right:10px; }

/* Memo */
.memo-send-info { padding:8px 20px;background:#fafafa;border-bottom:1px solid #eee; }
.memo-content { padding:20px; line-height:22px;border-bottom:1px solid #eee; margin-bottom:15px; }
.memo-send-form { padding:20px; }

/* Mypage */
.mypage-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.mypage-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.mypage-skin .img-resize img { max-width:100%; height:auto; }
.mypage-skin .view-author .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:460px) {
	.responsive .mypage-skin .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* MyPhoto */
.myphoto { margin-bottom:15px; }
.myphoto img { border-radius: 50%; display:inline-block; }
.myphoto i { background: rgb(245, 245, 245); padding: 18px; border-radius: 50%; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }

/* MyPost */
.mypost-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }
.mypost-skin .list-details { padding-top:4px; }
.mypost-skin .list-none { padding:50px 0px; }

.mypost-media { padding-bottom:10px; }
.mypost-media .photo i { border-radius:50%; background: rgb(245, 245, 245); padding: 15px; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.mypost-media .photo img { border-radius:50%; width: 64px !important; height: 64px !important; display:inline-block; }
.mypost-media .media { border-bottom:1px solid #eee; margin:7px 0px; padding:0px 12px 7px; }
.mypost-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.mypost-media .media-heading { padding:0; margin:0px; line-height: 20px; }
.mypost-media .media .media-body { padding-left:0px; }
.mypost-media .media .media-content {  }
.mypost-media .media .media-content p { margin:0px; padding:0px; }
.mypost-media .media .media-resize { margin-top:10px; }
.mypost-media .media .media-resize img { max-width:100%; height:auto; }
.mypost-media .media.media-reply { border:0px; border-top:1px solid #eee; margin:10px 0px 0px; padding:10px 0px 0px; }

/* Point */
.point-skin th, .point-skin td { white-space:nowrap; }
.point-skin td.po-content { white-space:normal; }

/* Profile */
.profile-skin .img-photo i { border-radius: 50%; background: rgb(245, 245, 245); padding: 16px; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.profile-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.profile-skin .img-resize img { max-width:100%; height:auto; }

/* Register */
.register-term { position: relative; height: 200px; margin:0px; overflow: auto; }

/* Register Form */
.register-form .text-gap { margin-bottom:4px; }
.register-form .addr-line { margin-bottom:7px; }
@media all and (max-width:767px) {
	.responsive .register-form .cert-btn { margin-top:10px }
}

/* Response */
.myresponse-skin .res-info { margin:0; padding:7px 12px; }
.myresponse-skin .media { border-top:1px solid #eee; margin:6px 0px; padding:8px 12px 0px; }
.myresponse-skin .myresponse-list .media:first-child { border-top:0px; margin-top:0px; padding-top:8px; }
.myresponse-skin .media-heading { padding:0; margin:0; }
.myresponse-skin .photo i { border-radius: 50%; background: rgb(238, 238, 238); padding: 8px; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; display: inline-block; }
.myresponse-skin .photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
.myresponse-skin .media-info i { margin-left:10px; }
.myresponse-skin .media-info i:first-child { margin-left:0px; }

/* Scrap */
.scrap-skin i.scrap-icon { background:#333; color:#fff; }
.scrap-skin .scrap-head { margin:0px; padding: 10px 20px; line-height:22px; background:#333; color:#fff; font-size:16px; text-align:center; }
.scrap-skin .scrap-form { padding: 10px 20px 20px; }

/* Shopping */
.shopping-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }
.shopping-skin .list-none { padding:50px 0px; }

/* Wishlist */
.wishlist-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }

/* Mypage */
.mypage-tbl th { background:#333 !important; color:#fff !important; text-align:center !important; white-space:nowrap;  }
.mypage-tbl td { text-align:center; white-space:nowrap; }

.social_info_guide{background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning{margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning1{background:#e7eefb;border:1px solid #c4d2ef}
.bg-warning2{background:#deeabf;border:1px solid #bde498}
.bg-warning3{background:#fff8dc;border:1px solid #f1e4b2}

/* SNS LOGIN */
.login-sns{padding-bottom:10px;margin-top:5px;border: 1px solid #ddd; clear:both; background:#fff; text-align:center; }
.login-sns .sns-head { font-size:12px; padding:0; margin:0; padding:10px 0;text-align:center;color:#888;font-weight:normal}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
/*.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}*/
.sns-icon .txt i {font-style:normal}

#fregisterform .form_01 .reg-form {margin-bottom:20px}
#fregisterform .form_01 .reg-form .sns-wrap {margin:10px 0 0;text-align:left}
.reg-form .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.reg-form .sns-icon:hover {text-decoration:none}
.reg-form .sns-icon .ico {display:block;background:url('./img/sns_logo.png') no-repeat;vertical-align:middle;width:24px;height:24px}
.reg-form .sns-icon-not .ico {display:block;background:url('./img/sns_logo_not.png') no-repeat;vertical-align:middle}
.reg-form .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
.reg-form .sns-icon .txt i {font-style:normal}

.sns-wrap-reg .sns-naver {border-color:#18a400;background:#2db400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google {border-color:#2f4b7f;background:#3f65a8}
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-facebook {border-color:#2e5393;background:#3a5897}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }

.sns-wrap-reg .sns-icon {border-color:#dcdcdc}
.sns-wrap-reg .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-reg .sns-naver{border-color:#18a400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-google {border-color:#2f4b7f}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }
.sns-wrap-reg .sns-facebook {border-color:#2e5393}
.sns-wrap-reg .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-reg .sns-twitter {border-color:#488FC9}
.sns-wrap-reg .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-reg .sns-payco {border-color:#335a8f}
.sns-wrap-reg .sns-payco .ico {background-position:-116px 0}
.sns-wrap-reg .sns-kakao {border-color:#f2df00}

/* SNS by COLOR */
.sns-wrap-over .sns-naver{background:url('./img/sns_naver_s.png') no-repeat}
.sns-wrap-over .sns-google {background:url('./img/sns_gp_s.png') no-repeat}
.sns-wrap-over .sns-facebook {background:url('./img/sns_fb_s.png') no-repeat}
.sns-wrap-over .sns-twitter {background:url('./img/sns_twitter_s.png') no-repeat}
.sns-wrap-over .sns-payco {background:url('./img/sns_payco_s.png') no-repeat}
.sns-wrap-over .sns-kakao {background:url('./img/sns_kakao_s.png') no-repeat}
.reg-form .sns-icon-not {border-color:#8b8b8b}

.social-login-loading{width:100%;height:auto;text-align:center}
.social-login-loading p{display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}

/* �ƿ��α��� */
#sns_outlogin .sns-icon {overflow:hidden;margin:0 1px}
#sns_outlogin .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
#sns_outlogin .sns-icon .ico {width:30px;height:30px}

/*��� */
#sns_login{border:0;margin-top:15px ;padding-top: 20px;border-top:1px solid #edeaea}
#sns_login .sns-icon{display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px}
#sns_login .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_login .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#sns_login .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_login .sns-google{background-color:#3f65a8;background-position:5px 5px;border-bottom:1px solid #2f4b7f}
#sns_login .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_login .sns-payco{background-color:#35598d;background-position:5px 5px;border-bottom:1px solid #2b4976}
#sns_login .txt{text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold}
#sns_login .txt:hover{background:rgba(0,0,0,0.07)}

/*ȸ������ */
#sns_register{ }
#sns_register .panel-body{ text-align:center; }
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-wrap{display:inline-block;vertical-align:top; }
#sns_register .sns-icon{display:inline-block;height:40px;line-height:40px;width:210px;margin:0 3px 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px;float:left}
#sns_register .sns-icon:nth-child(3n+1){clear:both}
#sns_register .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_register .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_register .sns-kakao {color:#3c1e1e}
#sns_register .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_register .sns-google{background-color:#3f65a8;background-position:5px 5px;border-bottom:1px solid #2f4b7f}
#sns_register .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_register .sns-payco{background-color:#35598d;background-position:5px 5px;border-bottom:1px solid #2b4976}

#sns_register .txt{text-align:;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold}
#sns_register .txt:hover{background:rgba(0,0,0,0.07)}

/* Login UX Refresh */
#mb_login_refined {
	max-width: 420px;
	margin: 24px auto 0;
	padding: 0 10px;
}
#mb_login_refined .login-card {
	border: 1px solid #e7e9ee;
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}
#mb_login_refined .form-body {
	padding: 28px 24px 20px;
}
#mb_login_refined .form-group {
	margin-bottom: 16px;
}
#mb_login_refined .form-group > label {
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
	color: #1f2937;
}
#mb_login_refined .form-control {
	height: 46px;
	border: 1px solid #d8dbe2;
	border-radius: 10px;
	padding: 10px 40px 10px 12px;
	font-size: 15px;
	transition: border-color .15s ease, box-shadow .15s ease;
}
#mb_login_refined .form-control:focus {
	border-color: #2f4b7f;
	box-shadow: 0 0 0 3px rgba(47, 75, 127, 0.14);
	outline: 0;
}
#mb_login_refined .form-control-feedback {
	height: 46px;
	line-height: 46px;
	color: #6b7280;
	font-size: 15px;
	right: 12px;
}
#mb_login_refined .login-actions {
	margin-top: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}
#mb_login_refined .remember-me {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #374151;
	padding-top: 0;
	line-height: 1.2;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 50px;
	flex: 1 1 auto;
	cursor: pointer;
	white-space: nowrap;
}
#mb_login_refined .remember-me input[type="checkbox"] {
	position: static;
	margin: 0 9px 0 0;
	width: 17px;
	height: 17px;
	accent-color: #35598d;
}
#mb_login_refined .btn-color {
	min-width: 168px;
	height: 50px;
	padding: 0 22px;
	border: 1px solid #2f4b7f !important;
	border-radius: 12px;
	font-weight: 700;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff !important;
	background: linear-gradient(135deg, #385a95 0%, #2f4b7f 100%) !important;
	box-shadow: 0 8px 18px rgba(47, 75, 127, 0.26);
	transition: transform .12s ease, box-shadow .12s ease;
}
#mb_login_refined .btn-color .fa {
	margin-right: 6px;
}
#mb_login_refined .login-submit {
	flex: 0 0 auto;
}
#mb_login_refined .btn-color:hover,
#mb_login_refined .btn-color:focus {
	transform: translateY(-1px);
	color: #ffffff !important;
	background: linear-gradient(135deg, #3f65a8 0%, #355489 100%) !important;
	box-shadow: 0 10px 20px rgba(47, 75, 127, 0.32);
}
#mb_login_refined .btn-color:active {
	transform: translateY(0);
	color: #ffffff !important;
	background: #2f4b7f !important;
	box-shadow: 0 6px 14px rgba(47, 75, 127, 0.24);
}
#mb_login_refined .login-footer {
	background: #fafbfc;
	border-top: 1px solid #eef0f3;
	padding: 16px 20px;
}
#mb_login_refined .login-links {
	margin: 0;
	display: flex;
	justify-content: center;
	gap: 24px;
	font-weight: 600;
	font-size: 15px;
}
#mb_login_refined .login-links a {
	color: #111827;
	text-decoration: none;
	padding: 2px 0;
	border-bottom: 1px solid transparent;
	transition: color .15s ease, border-color .15s ease;
}
#mb_login_refined .login-links a:hover,
#mb_login_refined .login-links a:focus {
	color: #2f4b7f;
	border-color: #2f4b7f;
	text-decoration: none;
}
#mb_login_refined .login-main-link {
	margin: 20px 0 32px;
}
#mb_login_refined .login-main-link .btn-black {
	height: 38px;
	padding: 0 18px;
	line-height: 38px;
	border-radius: 8px;
	font-weight: 700;
	letter-spacing: -0.01em;
}

@media (max-width: 480px) {
	#mb_login_refined {
		max-width: 100%;
		padding: 0;
	}
	#mb_login_refined .form-body {
		padding: 22px 16px 18px;
	}
	#mb_login_refined .login-actions {
		display: block;
	}
	#mb_login_refined .remember-me {
		padding-top: 0;
		margin-bottom: 10px;
		min-height: 36px;
	}
	#mb_login_refined .btn-color {
		width: 100%;
		min-width: 0;
		height: 48px;
	}
	#mb_login_refined .login-links {
		gap: 16px;
		font-size: 14px;
	}
}

/* Login UX Refresh - Refined v2 */
#mb_login_refined {
	max-width: 440px;
	margin: 28px auto 0;
	padding: 0 12px;
}
#mb_login_refined .login-card {
	border: 1px solid #e4e8ef;
	border-radius: 18px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}
#mb_login_refined .form-body {
	padding: 30px 26px 22px;
}
#mb_login_refined .form-group {
	margin-bottom: 18px;
}
#mb_login_refined .form-group > label {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 9px;
	color: #0f172a;
}
#mb_login_refined .form-control {
	height: 52px;
	border: 1px solid #d7dee9;
	border-radius: 12px;
	padding: 12px 42px 12px 14px;
	font-size: 16px;
	color: #1e293b;
	background: #fff;
	transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
#mb_login_refined .form-control::placeholder {
	color: #8a94a6;
}
#mb_login_refined .form-control:focus {
	border-color: #35598d;
	box-shadow: 0 0 0 3px rgba(53, 89, 141, 0.12);
	outline: 0;
	background: #ffffff;
}
#mb_login_refined .form-control-feedback {
	height: 52px;
	line-height: 52px;
	right: 13px;
	color: #6b7280;
	font-size: 16px;
}
#mb_login_refined .login-actions {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
#mb_login_refined .remember-me {
	font-size: 16px;
	font-weight: 600;
	color: #334155;
	min-height: 44px;
	line-height: 1;
	flex: 1 1 auto;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	margin: 0;
	cursor: pointer;
}
#mb_login_refined .remember-me input[type="checkbox"] {
	margin: 0 10px 0 0;
	width: 17px;
	height: 17px;
	accent-color: #35598d;
}
#mb_login_refined .btn-color,
#mb_login_refined .login-submit {
	min-width: 150px;
	height: 44px;
	padding: 0 18px;
	border: 1px solid #35598d !important;
	border-radius: 10px;
	background: #35598d !important;
	color: #ffffff !important;
	font-size: 18px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	letter-spacing: -0.01em;
	box-shadow: 0 2px 8px rgba(53, 89, 141, 0.20);
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
	transform: none !important;
}
#mb_login_refined .btn-color .fa,
#mb_login_refined .login-submit .fa {
	font-size: 16px;
	margin-right: 6px;
}
#mb_login_refined .btn-color:hover,
#mb_login_refined .btn-color:focus,
#mb_login_refined .login-submit:hover,
#mb_login_refined .login-submit:focus {
	background: #2f4b7f !important;
	border-color: #2f4b7f !important;
	color: #fff !important;
	box-shadow: 0 4px 10px rgba(47, 75, 127, 0.22);
}
#mb_login_refined .btn-color:active,
#mb_login_refined .login-submit:active {
	background: #274170 !important;
	border-color: #274170 !important;
	box-shadow: 0 2px 6px rgba(47, 75, 127, 0.18);
}
#mb_login_refined .login-footer {
	background: #f9fbfd;
	border-top: 1px solid #e8edf4;
	padding: 16px 20px;
}
#mb_login_refined .login-links {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	font-size: 15px;
	font-weight: 600;
}
#mb_login_refined .login-links a {
	color: #0f172a;
	text-decoration: none;
	padding: 2px 0;
	border-bottom: 1px solid transparent;
	transition: color .15s ease, border-color .15s ease;
}
#mb_login_refined .login-links a:hover,
#mb_login_refined .login-links a:focus {
	color: #35598d;
	border-color: #35598d;
	text-decoration: none;
}

@media (max-width: 480px) {
	#mb_login_refined {
		padding: 0;
	}
	#mb_login_refined .form-body {
		padding: 24px 16px 18px;
	}
	#mb_login_refined .form-control {
		height: 48px;
		font-size: 15px;
	}
	#mb_login_refined .form-control-feedback {
		height: 48px;
		line-height: 48px;
	}
	#mb_login_refined .login-actions {
		display: block;
	}
	#mb_login_refined .remember-me {
		min-height: 36px;
		margin-bottom: 10px;
		font-size: 15px;
	}
	#mb_login_refined .btn-color,
	#mb_login_refined .login-submit {
		width: 100%;
		min-width: 0;
		height: 44px;
		font-size: 17px;
	}
	#mb_login_refined .login-links {
		font-size: 14px;
		gap: 14px;
	}
}

/* Login UX Refresh - Premium v3 */
#mb_login_refined .login-card {
	border: 1px solid #dfe6f2;
	border-radius: 20px;
	background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
	box-shadow: 0 20px 44px rgba(15, 23, 42, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.78);
}
#mb_login_refined .form-body {
	padding: 32px 28px 24px;
}
#mb_login_refined .form-group > label {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #0f172a;
}
#mb_login_refined .form-control {
	height: 50px;
	border: 1px solid #d3dceb;
	border-radius: 13px;
	padding: 12px 44px 12px 15px;
	font-size: 15px;
	background: #ffffff;
	color: #1e293b;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#mb_login_refined .form-control::placeholder {
	color: #8b97ab;
	letter-spacing: 0.01em;
	font-weight: 500;
	opacity: 1;
}
#mb_login_refined .form-control:focus {
	border-color: #35598d;
	box-shadow: 0 0 0 4px rgba(53, 89, 141, 0.11);
	transform: translateY(-1px);
}
#mb_login_refined .form-control:focus::placeholder {
	color: #a0abbd;
}
#mb_login_refined .form-control-feedback {
	height: 50px;
	line-height: 50px;
	color: #64748b;
}
#mb_login_refined .field-with-icon {
	position: relative;
}
#mb_login_refined .field-with-icon .form-control {
	padding-right: 44px;
}
#mb_login_refined .field-with-icon .form-control-feedback {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	line-height: 1;
	width: 18px;
	text-align: center;
	pointer-events: none;
}
#mb_login_refined .login-actions {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}
#mb_login_refined .remember-me {
	order: 2;
	font-size: 14px;
	font-weight: 600;
	color: #475569;
	min-height: 0;
	line-height: 1.2;
	align-self: flex-start;
	padding-left: 2px;
}
#mb_login_refined .remember-me input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
#mb_login_refined .btn-color,
#mb_login_refined .login-submit {
	order: 1;
	width: 100%;
	min-width: 0;
	height: 46px;
	padding: 0 18px;
	border-radius: 11px;
	border: 1px solid #294873 !important;
	background: linear-gradient(180deg, #4a74b4 0%, #3d669f 46%, #2f4b7f 100%) !important;
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	text-shadow: 0 1px 0 rgba(15, 23, 42, 0.20);
	box-shadow: 0 7px 16px rgba(47, 75, 127, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -1px 0 rgba(12, 22, 44, 0.16);
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
#mb_login_refined .btn-color:hover,
#mb_login_refined .btn-color:focus,
#mb_login_refined .login-submit:hover,
#mb_login_refined .login-submit:focus {
	transform: translateY(-1px);
	filter: saturate(1.08) brightness(1.02);
	box-shadow: 0 10px 20px rgba(47, 75, 127, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(12, 22, 44, 0.18);
}
#mb_login_refined .btn-color:active,
#mb_login_refined .login-submit:active {
	transform: translateY(0);
	filter: saturate(1.02);
	box-shadow: 0 4px 10px rgba(47, 75, 127, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
#mb_login_refined .login-footer {
	background: #f7faff;
	border-top: 1px solid #e6edf7;
	padding: 17px 20px;
}
#mb_login_refined .login-links {
	gap: 22px;
	font-size: 15px;
	font-weight: 600;
}
#mb_login_refined .login-links a {
	color: #0f172a;
	opacity: .95;
}
#mb_login_refined .login-links a:hover,
#mb_login_refined .login-links a:focus {
	color: #2f4b7f;
	border-color: #8aa5d4;
}

@media (max-width: 480px) {
	#mb_login_refined .form-body {
		padding: 24px 16px 18px;
	}
	#mb_login_refined .form-control {
		height: 47px;
		font-size: 14px;
	}
	#mb_login_refined .form-control-feedback {
		height: 47px;
		line-height: 47px;
	}
	#mb_login_refined .btn-color,
	#mb_login_refined .login-submit {
		height: 42px;
		font-size: 15px;
	}
	#mb_login_refined .login-links {
		gap: 14px;
		font-size: 14px;
	}
}

/* Point Modal Login Action Alignment - Final Override */
#mb_login_refined .login-actions {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 10px !important;
	margin-top: 14px !important;
}
#mb_login_refined .login-submit,
#mb_login_refined .btn-color.login-submit {
	order: 1;
	width: 100% !important;
	min-width: 0 !important;
	height: 46px !important;
}
#mb_login_refined .remember-me {
	order: 2;
	align-self: flex-start !important;
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	color: #475569 !important;
}
#mb_login_refined .remember-me input[type="checkbox"] {
	margin-right: 8px !important;
}

/* Point Modal Login - Minimal Premium Refresh */
#mb_login_refined {
	max-width: 430px;
	margin: 20px auto 0;
}
#mb_login_refined .login-card {
	border: 1px solid #e5eaf2;
	border-radius: 16px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.10);
}
#mb_login_refined .form-body {
	padding: 30px 24px 24px;
}
#mb_login_refined .form-group {
	margin-bottom: 14px;
}
#mb_login_refined .form-group > label {
	font-size: 14px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 8px;
}
#mb_login_refined .form-control {
	height: 46px;
	border: 1px solid #d7dfeb;
	border-radius: 10px;
	background: #f8fbff;
	font-size: 15px;
}
#mb_login_refined .form-control:focus {
	background: #ffffff;
	border-color: #3e5f94;
	box-shadow: 0 0 0 3px rgba(62, 95, 148, 0.12);
}
#mb_login_refined .login-actions {
	margin-top: 16px !important;
	gap: 0 !important;
}
#mb_login_refined .login-submit,
#mb_login_refined .btn-color.login-submit {
	width: 100% !important;
	height: 48px !important;
	border-radius: 10px;
	font-size: 23px !important;
	font-weight: 700;
	letter-spacing: -0.01em;
	background: linear-gradient(180deg, #4f76b3 0%, #35598d 100%) !important;
	border-color: #2f4b7f !important;
	box-shadow: 0 8px 18px rgba(47, 75, 127, 0.24);
}
#mb_login_refined .login-submit .fa {
	font-size: 18px;
	margin-right: 7px;
}

@media (max-width: 480px) {
	#mb_login_refined .form-body {
		padding: 22px 16px 18px;
	}
	#mb_login_refined .login-submit,
	#mb_login_refined .btn-color.login-submit {
		height: 44px !important;
		font-size: 16px !important;
	}
}

/* ============================================================
   Dark mode — login popup (g5_layer)
   ============================================================ */
[data-site-theme="dark"] body {
	background: #1a1b1e !important;
	color: #e4e4e7 !important;
}
[data-site-theme="dark"] #mb_login_refined .form-box,
[data-site-theme="dark"] #mb_login_refined .login-card {
	background: #252528 !important;
	border-color: #3a3a42 !important;
	box-shadow: 0 12px 28px rgba(0,0,0,0.4) !important;
}
[data-site-theme="dark"] #mb_login_refined .form-group > label {
	color: #c4c4cc !important;
}
[data-site-theme="dark"] #mb_login_refined .form-control {
	background: #1e1e24 !important;
	background-color: #1e1e24 !important;
	border-color: #4a4a52 !important;
	color: #e4e4e7 !important;
}
[data-site-theme="dark"] #mb_login_refined .field-with-icon {
	background: transparent !important;
}
[data-site-theme="dark"] #mb_login_refined .form-control-feedback {
	color: #71717a !important;
}
[data-site-theme="dark"] #mb_login_refined .login-actions .btn-color,
[data-site-theme="dark"] #mb_login_refined .btn-color {
	background: linear-gradient(180deg,#3b5fa3 0%,#2f4b7f 100%) !important;
	border-color: #2f4b7f !important;
	color: #fff !important;
}

@media (prefers-color-scheme: dark) {
	/* data-site-theme="light"가 명시된 경우 OS 다크모드 무시 */
	html:not([data-site-theme="light"]) body {
		background: #1a1b1e !important;
	}
	html:not([data-site-theme="light"]) #mb_login_refined .form-box,
	html:not([data-site-theme="light"]) #mb_login_refined .login-card {
		background: #252528 !important;
		border-color: #3a3a42 !important;
		box-shadow: 0 12px 28px rgba(0,0,0,0.4) !important;
	}
	html:not([data-site-theme="light"]) #mb_login_refined .form-group > label {
		color: #c4c4cc !important;
	}
	html:not([data-site-theme="light"]) #mb_login_refined .form-control {
		background: #1e1e24 !important;
		background-color: #1e1e24 !important;
		border-color: #4a4a52 !important;
		color: #e4e4e7 !important;
	}
}

/* ── 쪽지 보기 다크모드 ── */
[data-site-theme="dark"] .memo-send-info {
	background: #252530 !important;
	border-bottom-color: #3a3a42 !important;
	color: #9ca3af !important;
}
[data-site-theme="dark"] .memo-send-info strong {
	color: #d4d4d8 !important;
}
[data-site-theme="dark"] .memo-send-info .memo_view_subj {
	color: #71717a !important;
}
[data-site-theme="dark"] .memo-content {
	border-bottom-color: #3a3a42 !important;
	color: #c4c4cc !important;
}
[data-site-theme="dark"] .memo-send-form {
	color: #c4c4cc !important;
}

/* === Login Page Always Dark === */
#mb_login_refined .form-box,
#mb_login_refined .login-card {
    background: #252528 !important;
    background-color: #252528 !important;
    background-image: none !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.4) !important;
    color: #e4e4e7 !important;
}
#mb_login_refined .form-body,
#mb_login_refined .form-box .form-body {
    background: #252528 !important;
    background-color: #252528 !important;
}
#mb_login_refined .form-group > label,
#mb_login_refined .form-group > label b {
    color: #c4c4cc !important;
}
#mb_login_refined .form-control {
    background: #1e1e24 !important;
    background-color: #1e1e24 !important;
    background-image: none !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}