@charset "utf-8";
/**
 * HANIRO LINE — 이용안내 공통 (LNB + contentS)
 * asset_mode: skin_guide (오마이집 haniro_service.css 미로드 · Noto Sans JP 유지)
 */

/* ── 이용안내 레이아웃·타이포 (서체는 haniro_typography.css) ── */
body.haniro.haniro-guide,
body.haniro.haniro-guide .haniroGuide__wrap,
body.haniro.haniro-guide .haniroHeader,
body.haniro.haniro-guide .haniroFooter,
body.haniro.haniro-guide #container.inCon.haniroGuideLayout,
body.haniro.haniro-guide #container.inCon.haniroGuideLayout .contentS {
	font-optical-sizing: auto;
	font-weight: var(--haniro-fw-regular);
	letter-spacing: 0;
	line-height: 1.6;
	color: var(--haniro-color-black2);
}

body.haniro.haniro-guide .haniroGuide__wrap i[class*="xi-"] {
	font-family: xeicon !important;
	line-height: 1;
}

body.haniro.haniro-guide .haniroGuide__wrap > .haniroHeader {
	font-family: var(--haniro-font-jp) !important;
	line-height: normal;
}

body.haniro.haniro-guide .haniroHeader__utilLink,
body.haniro.haniro-guide .haniroHeader__user,
body.haniro.haniro-guide .haniroHeader__logout,
body.haniro.haniro-guide .haniroHeader__login {
	line-height: 1.4;
	letter-spacing: -0.05em;
}

body.haniro.haniro-guide {
	background: var(--haniro-color-white);
}

body.haniro.haniro-guide .haniroGuide__wrap {
	min-width: var(--haniro-layout-width);
	background: var(--haniro-color-white);
}

body.haniro.haniro-guide .haniroGuide__section {
	background: var(--haniro-color-white);
}

body.haniro.haniro-guide .haniroGuide__inner {
	box-sizing: border-box;
	width: var(--haniro-layout-width);
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

body.haniro.haniro-guide #container.inCon.haniroGuideLayout {
	position: relative;
	width: 100%;
	min-height: 650px;
	margin: 0 auto 100px;
	padding: 0;
	float: none;
}

body.haniro.haniro-guide #container.inCon.haniroGuideLayout::after {
	content: "";
	display: block;
	clear: both;
}

body.haniro.haniro-guide #container.inCon.haniroGuideLayout > .LNB {
	float: left;
	width: 178px;
	margin: 45px 80px 0 0;
	padding: 0;
}

body.haniro.haniro-guide #container.inCon.haniroGuideLayout > .contentS {
	float: left;
	width: calc(100% - 258px);
	margin-top: 45px;
	padding: 0;
}

body.haniro.haniro-guide #container.inCon.haniroGuideLayout > .contentS::after {
	content: "";
	display: block;
	clear: both;
}

/* LNB — HANIRO blue accent */
body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > p {
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 20px;
	background-color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con {
	padding-top: 0;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li {
	border-bottom: 1px solid #f0f0f0;
	padding: 0;
	font-weight: 700;
	background: none;
	position: relative;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li::after {
	content: "\e940";
	font-family: xeicon;
	font-size: 11px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -5px;
	color: #bbb;
	width: auto;
	height: auto;
	border: none;
	transform: none;
}

/* 2차 메뉴가 있는 1차 — 화살표는 타이틀 줄(> a)에만 */
body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li.area::after {
	display: none;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li.area > a {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li.area > a::after {
	content: "\e940";
	font-family: xeicon;
	font-size: 11px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -5px;
	color: #bbb;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li > a {
	padding: 15px 28px 15px 10px;
	display: inline-block;
	text-decoration: none;
	color: #303030;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.active {
	background: none;
	border-bottom: none;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.active > a {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.active:not(.area)::after,
body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.area.active > a::after {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.on {
	background: none;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.on > a {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.on::after {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li:not(.on):hover::after {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li > a:hover {
	color: var(--haniro-color-blue);
	text-decoration: underline;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li.area:hover > a::after,
body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li.area.active > a:hover::after {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li.active > ul.dep2 {
	display: block !important;
	border-top: 1px solid #f0f0f0;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 {
	padding-top: 10px;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li {
	line-height: 28px;
	font-size: 12px;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > a {
	padding: 4px 0 4px 10px;
	display: inline-block;
	color: #444;
	text-decoration: none;
	margin-left: 10px;
	background: none;
	position: relative;
	line-height: 20px;
	vertical-align: top;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	margin-top: 0;
	border-radius: 50%;
	background: #ccc;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li:hover:not(.on) {
	background: none !important;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li:hover:not(.on) > a {
	color: var(--haniro-color-blue) !important;
	background: none !important;
	text-decoration: underline;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li:hover:not(.on) > a::before {
	background: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li.on {
	background: var(--haniro-color-blue) !important;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li.on > a {
	color: #fff !important;
	font-weight: var(--haniro-fw-bold);
	background: none !important;
}

body.haniro.haniro-guide #container.inCon .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li.on > a::before {
	background: #fff;
}

/* 본문 공통 */
body.haniro.haniro-guide #container.inCon .contentS > h1.titDep1 {
	font-size: 26px;
	padding-bottom: 35px;
	margin: 0;
	color: #303030;
	font-weight: 700;
}

body.haniro.haniro-guide #container.inCon .contentS > h3 {
	font-size: 18px;
	font-weight: 700;
	color: #303030;
	margin: 0 0 15px;
}

body.haniro.haniro-guide #container.inCon .titDep8 {
	padding: 35px 0 15px;
	font-size: 20px;
	line-height: 28px;
	color: #303030;
	font-weight: 700;
}

body.haniro.haniro-guide #container.inCon .titDep1 + .titDep8 {
	padding-top: 0;
}

body.haniro.haniro-guide #container.inCon .titDep8.mgt15 {
	margin-top: 15px !important;
}

body.haniro.haniro-guide #container.inCon .titDep8 + .titDep8 {
	padding-top: 35px;
}

body.haniro.haniro-guide #container.inCon .titDep9 {
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 28px;
	color: #303030;
	font-weight: 700;
}

body.haniro.haniro-guide #container.inCon .subTxt3 {
	display: block;
	padding: 0;
	line-height: 140%;
	word-wrap: break-word;
	font-size: 14px;
}

body.haniro.haniro-guide #container.inCon .subTxt3 > li {
	position: relative;
	display: block;
	padding: 5px 0 0 20px;
}

body.haniro.haniro-guide #container.inCon .subTxt3 > li:first-child {
	padding-top: 0;
}

body.haniro.haniro-guide #container.inCon .subTxt3 > li > em {
	position: absolute;
	margin-left: -15px;
	font-weight: 700;
}

body.haniro.haniro-guide #container.inCon .subTxt3 > li.haniroGuide__listItem--bold {
	padding-top: 5px;
	font-weight: 700;
}

body.haniro.haniro-guide #container.inCon .subTxt2 > li {
	position: relative;
	padding: 15px 0 0 25px;
	line-height: 1.5;
	font-size: 14px;
}

body.haniro.haniro-guide #container.inCon .subTxt2 > li > em {
	position: absolute;
	left: 0;
	font-weight: 700;
}

body.haniro.haniro-guide #container.inCon .haniroGuide__line {
	padding-top: 5px;
	font-size: 13px;
	line-height: 1.4;
	color: #303030;
}

body.haniro.haniro-guide #container.inCon .haniroGuide__line--plain {
	padding-top: 0;
}

body.haniro.haniro-guide #container.inCon .haniroGuide__line--bold {
	font-weight: 700;
}

body.haniro.haniro-guide #container.inCon .fColor10 {
	color: #ff2000 !important;
}

body.haniro.haniro-guide #container.inCon .guideBox .img img {
	max-width: 100%;
	height: auto;
}

body.haniro.haniro-guide #container.inCon .contentS.procedure .pStep {
	list-style: none;
	padding: 0;
	margin: 0;
}

body.haniro.haniro-guide #container.inCon .contentS.procedure .pStep > li.arrow {
	text-align: center;
	padding: 10px 0;
}

body.haniro.haniro-guide #container.inCon .contentS.procedure .pStep .tit {
	font-weight: 700;
	margin-bottom: 8px;
}

body.haniro.haniro-guide #container.inCon .contentS.fees .tableType02,
body.haniro.haniro-guide #container.inCon .contentS .tableType01,
body.haniro.haniro-guide #container.inCon .contentS .tableType02 {
	width: 100%;
	border-collapse: collapse;
}

/* 配送スケジュール — 헤더 긴 문구 줄바꿈 */
body.haniro.haniro-guide #container.inCon .contentS .haniroGuideScheduleTable {
	table-layout: fixed;
	overflow: visible;
}

body.haniro.haniro-guide #container.inCon .contentS .haniroGuideScheduleTable thead th {
	padding: 10px 6px;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
	line-height: 1.45;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

body.haniro.haniro-guide #container.inCon .contentS .haniroGuideScheduleTable thead th:last-child {
	min-width: 108px;
}

body.haniro.haniro-guide #container.inCon .contentS .haniroGuideScheduleTable tbody td {
	padding: 10px 6px;
	text-align: center;
	white-space: nowrap;
}

body.haniro.haniro-guide #container.inCon .RatesInfo {
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.5;
}

body.haniro.haniro-guide #container.inCon .RatesInfo ul {
	padding-left: 0;
	list-style: none;
}

body.haniro.haniro-guide #container.inCon .RatesInfo li {
	padding: 4px 0;
}

/* ── 포인트 컬러: 오렌지 → HANIRO blue (이식 본문·ship_v2020 공통) ── */
body.haniro.haniro-guide .fColor1,
body.haniro.haniro-guide .fColor2,
body.haniro.haniro-guide .fcolor1 {
	color: var(--haniro-color-blue) !important;
}

body.haniro.haniro-guide #container.inCon .contentS a {
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide #container.inCon .contentS a:hover {
	color: var(--haniro-color-navy);
}

body.haniro.haniro-guide .shipping .step_list li p.tit .step {
	color: var(--haniro-color-blue) !important;
	border-color: var(--haniro-color-blue) !important;
}

body.haniro.haniro-guide .shipping .step_list li dl.infor {
	background: var(--haniro-color-bg1) !important;
}

body.haniro.haniro-guide .shipping .step_list li dl.infor dt.fcolor1,
body.haniro.haniro-guide .shipping .step_list li dl.infor dt {
	color: var(--haniro-color-blue) !important;
}

body.haniro.haniro-guide .shipping .step_list li dl.infor dd {
	background: none !important;
	padding-left: 14px;
	margin-left: 13px;
	position: relative;
}

body.haniro.haniro-guide .shipping .step_list li dl.infor dd::before {
	content: "•";
	position: absolute;
	left: 0;
	color: var(--haniro-color-blue);
}

body.haniro.haniro-guide .btnPack.btnOrange,
body.haniro.haniro-guide .btnPack.btnOrange a {
	background: var(--haniro-color-blue) !important;
	border-color: var(--haniro-color-blue) !important;
	color: #fff !important;
}

body.haniro.haniro-guide .linkBtn1 a {
	background: var(--haniro-color-blue) !important;
	border-color: var(--haniro-color-blue) !important;
	color: #fff !important;
}

body.haniro.haniro-guide #container.inCon .contentS .tableType01 th,
body.haniro.haniro-guide #container.inCon .contentS .tableType02 th {
	background: var(--haniro-color-bg1);
	font-weight: var(--haniro-fw-bold);
}

body.haniro.haniro-guide #container.inCon .contentS .tableType01 td,
body.haniro.haniro-guide #container.inCon .contentS .tableType02 td {
	border: 1px solid var(--haniro-color-border);
	padding: 10px 12px;
	vertical-align: middle;
}

body.haniro.haniro-guide #container.inCon .contentS .bg_color2 {
	background: var(--haniro-color-blue) !important;
	color: #fff !important;
}

/* 이용안내 링크 버튼 — 흰 배경 + 연한 테두리 (service .link a 동일) */
body.haniro.haniro-guide #container.inCon .contentS .btnPack.btnLine2 a,
body.haniro.haniro-guide #container.inCon .contentS .shipping .step_list li div.link a {
	display: inline-block;
	box-sizing: border-box;
	padding: 8px 14px;
	margin: 4px 10px 4px 0;
	border: 1px solid var(--haniro-color-border) !important;
	border-radius: 3px;
	background: var(--haniro-color-white) !important;
	color: var(--haniro-color-blue) !important;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	vertical-align: middle;
}

body.haniro.haniro-guide #container.inCon .contentS .btnPack.btnLine2 a:hover,
body.haniro.haniro-guide #container.inCon .contentS .shipping .step_list li div.link a:hover {
	border-color: var(--haniro-color-blue) !important;
	background: var(--haniro-color-bg1) !important;
	color: var(--haniro-color-blue) !important;
	text-decoration: none;
}

body.haniro.haniro-guide #container.inCon .contentS .btnPack.btnLine2 a i[class*="xi-"] {
	vertical-align: -1px;
	margin-left: 2px;
}

/* ── 엑셀 업로드 가이드 — 스텝 타이틀 박스 ── */
body.haniro.haniro-guide #container.inCon .haniroGuideExcel {
	margin: 0;
	padding: 0;
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__step {
	margin: 0 0 28px;
	padding: 0;
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__step:last-child {
	margin-bottom: 0;
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__stepHead {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	box-sizing: border-box;
	width: 100%;
	padding: 16px 20px;
	border: 1px solid #c5d6f5;
	border-radius: 20px;
	background: #fff;
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__stepNum {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-sizing: border-box;
	width: auto;
	height: auto;
	min-width: 0;
	padding: 3px 5px;
	border-radius: 5px;
	background: var(--haniro-color-blue, #2962D9);
	font-family: var(--haniro-font-roboto, 'Roboto', sans-serif) !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	color: #fff;
	letter-spacing: 0.02em;
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__stepMeta {
	flex: 1;
	min-width: 0;
	padding-top: 1px;
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__stepTitle {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: var(--haniro-fw-bold, 700);
	line-height: 1.35;
	color: var(--haniro-color-blue, #2962D9);
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__stepDesc {
	margin: 6px 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: var(--haniro-fw-medium, 500);
	line-height: 1.55;
	letter-spacing: -0.05em;
	color: var(--haniro-color-blue, #2962D9);
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__stepBody {
	margin-top: 30px;
}

body.haniro.haniro-guide #container.inCon .haniroGuideExcel__stepImg {
	display: block;
	max-width: 100%;
	height: auto;
}