/* Site V1 navigation geometry, scoped away from the V2 order form. */
[data-affiliate-shell], nav.gnb {box-sizing:border-box}
nav.gnb {background:#0c395e!important}
nav.gnb ul.l__gnb > li.logo {width:240px;min-width:240px}
nav.gnb #l-content {width:1200px;max-width:100%;margin:auto}
nav.gnb ul.l__gnb {display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0;list-style:none}
nav.gnb ul.l__gnb > li {position:relative;float:none!important;width:155px;min-width:155px;height:82px;display:flex;align-items:center;justify-content:center}
nav.gnb ul.l__gnb > li a {font-size:18px;color:#fff;text-decoration:none;white-space:nowrap}
nav.gnb ul.l__gnb > li.logo img {width:172px;max-width:172px;max-height:88px;object-fit:contain}
header.head {width:1200px;max-width:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:60px}
@media(max-width:767px){.l-header{opacity:1!important}.l-header .headerLogo img{max-height:38px;max-width:180px}.l-header .headerMenu{cursor:pointer}.toggle-menu{background:#fff}.wrap{max-width:100%}}

/* Preserve the same brand geometry from list through order and reservation detail. */
nav.gnb ul.l__gnb > li.logo{align-items:flex-start}
nav.gnb ul.l__gnb > li.logo > a{display:block;line-height:0;height:82px;padding:0}
nav.gnb ul.l__gnb > li.logo img{display:block;width:172px;height:88px;min-width:172px;max-height:none;object-fit:contain;transform:none}
.affiliate-mobile-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;font-family:system-ui,sans-serif;margin:0 auto}
.affiliate-mobile-header a{text-decoration:none}
.affiliate-mobile-header[data-affiliate-shell="staff"]{padding:18px 20px;background:#f7f8fa;max-width:1280px}
.affiliate-mobile-header[data-affiliate-shell="staff"] .brand{font-size:21px;font-weight:700;color:var(--sys-color-brand-text,#0077b8);line-height:1.5;letter-spacing:normal}
.affiliate-mobile-header[data-affiliate-shell="staff"] .brand span{display:block;font-size:10px;letter-spacing:2px}
.affiliate-mobile-header .pill{color:var(--sys-color-brand-text,#0077b8);background:var(--sys-color-soft,#e5f4ff);border-radius:8px;padding:6px 10px;font-size:11px;white-space:nowrap}
.affiliate-mobile-header[data-affiliate-shell="welfare"]{height:66px;padding:0 20px;background:var(--sys-color-surface,#fff);border-bottom:1px solid var(--sys-color-line-soft,#eee)}
.affiliate-mobile-header[data-affiliate-shell="welfare"] .brand{font-size:16px;font-weight:850;color:var(--sys-color-brand-text,#0077b8);letter-spacing:-1px}
.affiliate-mobile-header[data-affiliate-shell="welfare"] .brand span{font-size:13px;font-weight:500;margin-left:6px;color:var(--sys-color-text,#333)}
.affiliate-mobile-header .tag{font-size:12px;color:var(--sys-color-brand-text,#0077b8);font-weight:650;white-space:nowrap}

/* Restore the original V1 PC footer rules omitted from the checkout shell. */
footer.tail { display:block; background-color:#093a64; margin-top:20px; }
footer.tail ul {
	width:1200px;
	margin:0 auto;
}
footer.tail ul.menu {
	height:40px;
	line-height:40px;
}
footer.tail ul.menu li {
	display:inline-block;
	text-align:left;
	width:125px;
}
footer.tail ul.menu li a {
	color:#d9d9d9;
	font-size:12px;
	letter-spacing:-1px;
}
footer.tail hr {
	display:block;
	border:none;
	width:100%;
	height:1px;
	background-color:#2f587c;
	margin:0;
}

footer.tail .footer {
	margin-top:25px;
}
footer.tail .footer li {
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	color:#f5f5f5;
	letter-spacing:0;
}
footer.tail .footer li:first-child {
	width:172px;
	text-transform:uppercase;
	font-size:14px;
}
footer.tail .footer li:first-child:after {
	content:'';
	width:11px;
	height:1px;
	border-bottom:1px solid #e7211b;
	display:block;
	padding-top:15px;
}
footer.tail .footer li p { line-height:20px; }
footer.tail .footer li p span { padding-right:8px; }
footer.tail .footer li p strong { font-size:20px; }

footer.tail .copy {
	width:100%;
	height:50px;
	background-color:#181818;
	text-transform:uppercase;
	margin-top:30px;
}
footer.tail .copy p {
	width:1200px;
	margin:0 auto;
	line-height:50px;
	color:#f5f5f5;
	font-size:12px;
	letter-spacing:0;
}
footer.tail a { color:#fff; }
