@charset "utf-8";
/* ============================================================================
   mybox_notice.css  v1.0.0  (2026-08-06)
   마이박스 캠페인 안내문 — 주문서 2단계(PC/모바일) + 이용안내 공용.

   · 목적 : 긴 캠페인 설명을 한 줄로 줄이고, 핵심 행동(배송일에 보냉박스를
            문앞에 내어두기)을 딥그린 강조 카드로 가장 먼저 눈에 띄게 한다.
   · 로드 : order_step2_v2/Vn(shop·mobile) — ck 게이트 밖에서 로드하므로
            기본 스킨과 ?ck=1 리뉴얼 스킨(order_ck.css) 양쪽에 동일 적용.
            order_ck.css 보다 뒤에 로드 → 동일 특정성이면 이 파일이 이긴다.
   · 인라인 스타일 0. 마크업 = .mybox_intro / .mybox_alert / .mybox_inline_em
   ========================================================================== */

/* 1) 한 줄 요약 설명 -------------------------------------------------------- */
.mybox_intro li{ word-break:keep-all; line-height:1.55; }

/* 2) 핵심 행동 강조 카드 ---------------------------------------------------- */
.mybox_alert{
	display:block;
	margin-top:14px;
	padding:14px 16px;
	border:1px solid #3D6041;
	border-left-width:6px;
	border-radius:6px;
	background-color:#F1F6F1;
	box-sizing:border-box;
}
.mybox_alert .mybox_alert_tt{
	display:block;
	color:#2C4A30;
	font-size:19px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:-0.02em;
	word-break:keep-all;
}
.mybox_alert .mybox_alert_sub{
	display:block;
	margin-top:6px;
	color:#5C6D5E;
	font-size:15px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:-0.02em;
	word-break:keep-all;
}

/* 3) 이용안내(문단형) 인라인 강조 ------------------------------------------ */
.mybox_inline_em{
	display:inline-block;
	margin-top:4px;
	color:#2C4A30;
	font-weight:700;
	word-break:keep-all;
}

/* 4) 모바일 --------------------------------------------------------------- */
@media screen and (max-width:768px){
	.mybox_alert{ margin-top:12px; padding:12px 14px; }
	.mybox_alert .mybox_alert_tt{ font-size:16px; }
	.mybox_alert .mybox_alert_sub{ font-size:13px; }
}