@charset "UTF-8";
@import url('/static/assets/styles/component/page_base.css');

:root {
	/* color */
	--primary-p50:#F2F2F2;
	--primary-p100:#D6D6D6;
	--primary-p200:#8A8A8A;
	--primary-p300:#6A6A6A;
	--primary-p400:#505050;
	--primary-p500:#383838;
	--primary-p600:#2A2A2A;
	--primary-p700:#1A1A1A;
	--primary-p800:#0F0F0F;
	--primary-p900:#000;

	--point-50:#E8EAF8;
	--point-100:#C6C9EE;
	--point-200:#A0A6E3;
	--point-300:#7A83D8;
	--point-400:#5D67CF;
	--point-500:#404BC5;
	--point-600:#3A43BB;
	--point-700:#3139AF;
	--point-800:#292EA3;
	--point-900:#1D1A8D;

	--white:#FFF;
	--gray-20:#FAFAFA;
	--gray-40:#F5F5F5;
	--gray-60:#D9D9D9;
	--gray-100:#BDBDBD;
	--gray-200:#949494;
	--gray-300:#777;
	--gray-400:#555;
	--gray-500:#404040;
	--gray-600:#2E2E2E;
	--gray-700:#222;
	--gray-800:#1A1A1A;
	--gray-900:#151515;
	--bg-black:#111;
	--black:#000;

	--alpha-wt5:rgba(255, 255, 255, 0.05);
	--alpha-wt10:rgba(255, 255, 255, 0.10);
	--alpha-bk5:rgba(0, 0, 0, 0.05);
	--alpha-bk10:rgba(0, 0, 0, 0.10);
	--alpha-bk50:rgba(0, 0, 0, 0.50);
	--alpha-bk60:rgba(0, 0, 0, 0.60);

	--blue-50:#E4F3FF;
	--blue-100:#BDE0FF;
	--blue-200:#93CEFF;
	--blue-300:#66BAFF;
	--blue-400:#44ABFF;
	--blue-500:#2A9CFF;
	--blue-600:#2D8DFF;
	--blue-700:#2D7AEB;
	--blue-800:#2D68D8;
	--blue-900:#2A48B9;

	--green-50:#E7F5F0;
	--green-100:#C4E7DB;
	--green-200:#A1D9C5;
	--green-300:#7ECAAF;
	--green-400:#5BBC99;
	--green-500:#37AD84;
	--green-600:#149F6E;
	--green-700:#0B9665;
	--green-800:#08885B;
	--green-900:#067D53;

	--red-50:#FFEAEF;
	--red-100:#FFCBD5;
	--red-200:#F9959D;
	--red-300:#F26A76;
	--red-400:#FF3F53;
	--red-500:#FF1C37;
	--red-600:#F70537;
	--red-700:#E50031;
	--red-800:#D80029;
	--red-900:#C8001D;

	--yellow-50:#FFF9E6;
	--yellow-100:#FFF0C3;
	--yellow-200:#FFE494;
	--yellow-300:#FFD863;
	--yellow-400:#FFCC34;
	--yellow-500:#FFC107;
	--yellow-600:#D9A406;
	--yellow-700:#B58905;
	--yellow-800:#916E04;
	--yellow-900:#735703;

	--text-primary:#191B1E;
	--text-secondary:#343841;
	--text-quaternary:#626A7A;
	--text-tertiary:#4B515D;
	--text-placeholder:#626A7A;
	--text-disable:#969DAB;
	--text-warning:#D80029;

	/* radius */
	--radius-4:4px;
	--radius-6:6px;
	--radius-8:8px;
	--radius-12:12px;
	--radius-16:16px;
	--radius-20:20px;
	--radius-24:24px;
}

@media (prefers-color-scheme:dark) {
	.dp-mode {
		--primary-p50:#2A2A2A;
		--primary-p100:#3F3F3F;
		--primary-p200:#5C5C5C;
		--primary-p300:#7A7A7A;
		--primary-p400:#9A9A9A;
		--primary-p500:#B5B5B5;
		--primary-p600:#CFCFCF;
		--primary-p700:#E6E6E6;
		--primary-p800:#FFF;
		--primary-p900:#FFF;
	}
}

html:has(.container.story .content.main),
body:has(.container.story .content.main) {background-color:var(--bg-black);}

.hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap;}
a:focus-visible {outline: 1px solid var(--gray-200);}
button {cursor:pointer;}

/* top button */
.top-btn {border: 1px solid rgba(255, 255, 255, 0.10); background:var(--bg-black);}
.top-btn::before {background-image:url('/static/assets/images/web/thebc/ico-top.svg');}

/* layer */
.lpop--wrap2:focus {outline: 1px solid var(--gray-200);}
.lpop--wrap2 .lpop-inner {top:50%; bottom:auto; left:50%; right:auto; transform:translate(-50%, -50%); width:600px; max-height:80vh; margin:0 auto;}

.select-lpop .lpop-header {padding-top: 76px; min-height: 76px;}
.select-lpop .lpop-header .btn-close {top: 20px; right: 20px; width: 26px; height: 26px; background: url(/static/assets/images/comm/ico-close.svg) center / 24px no-repeat;}


/* layer : mobile */
@media screen and (max-width:767px) {
	.lpop--wrap2 .lpop-inner {top: auto; bottom: 0; left: 0; transform: unset; width: 100%; max-height: calc(100vh - 56px); max-height: calc(100dvh - 56px);}
	.lpop--wrap2 .lpop-inner .select-lpop {border-radius: var(--radius-20) var(--radius-20) 0 0;}
}
/* modal */
[class^="_modal"] {display:none; align-items:center; justify-content:center; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:30;}
[class^="_modal"].open {display:flex;}
[class^="_modal"][class*="-popup"] .content .guide-content {display:flex; align-items:center; justify-content:center; width:100%; height:125px; font-weight:600; line-height:1.5; color:var(--red-500); background-color:rgba(255,0,0,0.1);}
[class^="_modal"][class*="-popup"] .inner {position:relative; display:flex; flex-direction:column; min-width:320px; max-width:600px; max-height:80vh; padding:20px; box-sizing:border-box; background-color:var(--white); border-radius:16px;}
[class^="_modal"][class*="-popup"] .header {margin-bottom:16px;}
[class^="_modal"][class*="-popup"] .header .title {font-size:24px; font-weight:700; line-height:1.5; letter-spacing:-0.04em; color:var(--gray-900);}
[class^="_modal"][class*="-popup"] .header .description {display:block; margin-top:2px; font-size:16px; line-height:1.5; letter-spacing:-0.04em; color:var(--gray-600);}
[class^="_modal"][class*="-popup"] .content {overflow-y:auto; min-height:0px; max-height:488px; flex: 1 1 auto;}
[class^="_modal"][class*="-popup"] .button-box {display:flex; gap:8px; margin-top:20px; flex-shrink:0;}
[class^="_modal"][class*="-popup"] .button-box button {flex:1;}
[class^="_modal"][class*="-popup"] .btn-close {position:absolute; top:25px; right:25px; width:24px; height:24px; background:url(/static/assets/images/comm/ico-close.svg) no-repeat center/24px auto; border:0; text-indent:-9999px; overflow:hidden;}
[class^="_modal"][class*="-popup"] .btn-close:focus-visible {outline:1px solid #000;}
[class^="_modal"][class*="-popup"].large .inner {width:600px;}
[class^="_modal"][class*="-popup"].medium .inner {width:480px;}
[class^="_modal"][class*="-popup"].small .inner {width:420px;}
[class^="_modal"][class*="-popup"].xsmall .inner {width:320px;}

[class^="_modal"][class*="-popup"].full .inner {width:100%; height:100%; min-width:auto; max-width:none; max-height:none; padding:0; border-radius:0;}
[class^="_modal"][class*="-popup"].full .content {overflow:hidden; min-height:0px; max-height:none;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] {align-items:end;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .header {margin-bottom: 52px; text-align: center;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .inner {position:absolute; bottom:0; max-width:none; width:100%; padding:52px 24px 80px; border-radius:0;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .btn-close {position:absolute; width: 60px; height: 60px; top: -72px; left: 50%; transform: translateX(-50%); background: var(--white); border-radius: 38.5px;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .btn-close::before {content:""; position:absolute; top:50%; left:50%; width:24px; height:24px; background:url(/static/assets/images/comm/ico-close.svg) no-repeat center/24px auto; border:0; text-indent:-9999px; overflow:hidden; transform: translate(-50%, -50%);}

@media (max-width:767px){
	[class^="_modal"][class*="-popup"].large .inner,
	[class^="_modal"][class*="-popup"].medium .inner,
	[class^="_modal"][class*="-popup"].small .inner,
	[class^="_modal"][class*="-popup"].xsmall .inner {min-width:100%; width:100%; max-width:100%;}
	[class^="_modal"][class*="-popup"] {align-items:flex-end;}
	[class^="_modal"][class*="-popup"] .inner {width:100%; max-height:calc(100vh - 56px); display:flex; flex-direction:column; padding:20px; border-radius:24px 24px 0 0;}
	[class^="_modal"][class*="-popup"] .header {margin-bottom:17px;}
	[class^="_modal"][class*="-popup"] .header .title {font-size:18px; font-weight:600;}
	[class^="_modal"][class*="-popup"] .header .description {font-size:14px;}
	[class^="_modal"][class*="-popup"] .content {flex:1; min-height:0; overflow-y:auto; max-height:none;}
	[class^="_modal"][class*="-popup"] .button-box {margin-top:24px;}
	[class^="_modal"][class*="-popup"] .btn-close {top:20px; right:20px;}
}

/* toast */
.toastPopAlert, .toastPopArea, .toast {display:flex; align-items:center; justify-content:center; left:50%; right:auto; bottom:60px; transform:translateX(-50%); padding:12px 18px; border-radius:24px; background: var(--gray-800); font-size:16px; font-weight:500; color:var(--white); line-height:150%; letter-spacing:-0.64px; white-space:nowrap; -webkit-transition:bottom 500ms; transition:bottom 500ms;}
.toastPopAlert, .toastPopArea, .toast::before {content:""; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; width:20px; height:20px; margin-right:10px; border-radius:20px; background:url('/static/assets/images/web/thebc/toast-pass.svg') no-repeat 50% 50% var(--blue-700);}

/* header */
header.header {position: sticky; top: 0; width: 100%; background:var(--bg-black); z-index: 10;}
header.header .header-inner {max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:70px; width:100%; background-color:var(--bg-black);}
header.header .header-inner .header-left  {display:flex; align-items:center;}
header.header .header-inner .header-left .history-back-btn {position:relative; width:24px; height:24px;}
header.header .header-inner .header-left .history-back-btn::before {content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; display:block; -webkit-mask:url('/static/assets/images/web/thebc/arrow-left.svg') no-repeat center; mask:url('/static/assets/images/web/thebc/arrow-left.svg') no-repeat center; transform:translate(-50%, -50%); pointer-events:none; background-color:var(--white);}
header.header .header-inner .header-left .header-title {position: relative; margin-left:8px; padding-left: 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; font-weight:600; line-height:29px; letter-spacing:-0.72px; color:var(--white);}
header.header .header-inner .header-left .header-title::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background-color: var(--alpha-wt10); content: '';}
header.header .header-inner .header-left .header-logo-wrap {display:flex;}
header.header .header-inner .header-left .header-title-wrap {display:none; align-items:center;}
header.header .header-inner .header-right {display:flex; align-items:center; margin-left:auto;}
header.header .header-logo .logo {display:block;}
header.header .header-logo .logo-img {display:block;}
header.header .header-family-menu {position:relative; display:flex; align-items:center; margin-left:17px;}
header.header .header-family-menu .header-site-name {font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px; color:var(--white);}
header.header .header-family-menu .header-family-btn {position:relative; width:20px; height:20px; margin-left:6px; border-radius:var(--radius-6); background-color:var(--gray-700); border:none; cursor:pointer; padding:0;}
header.header .header-family-menu .header-family-btn::before {content:''; position:absolute; top:50%; left:50%; width:12px; height:12px; display:block; -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color:var(--arrow-normal-white); transform:translate(-50%, -50%); pointer-events:none;}
header.header .header-family-menu .header-family-btn[aria-expanded="true"]::before {transform:translate(-50%, -50%) rotate(180deg);}
header.header .header-family-menu .header-family-btn[aria-expanded="true"] + .depth2 {display:block;}
header.header .depth2 { position: absolute; display:none; top: 27px; right: 0; padding: 16px 0; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: #151515; box-shadow: 0 4px 12px 0 rgba(35, 34, 88, 0.02) inset, 0 16px 32px 0 rgba(35, 34, 88, 0.08); backdrop-filter: blur(10px); z-index:99;}
header.header .depth2.on { display:block; }
header.header .depth2 .link-anchor { width: 189px; }
header.header .depth2 .link-anchor { display: block; padding: 6px 21px; color: var(--white); font-size: 15px; font-weight: 400; line-height: 18px; letter-spacing: -0.6px; }
header.header .depth2 .link-anchor:hover { background: #1A1A1A; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10); }
header.header .header-gnb {margin-left:auto;}
header.header .header-gnb .gnb-list {display:flex; list-style:none; margin:0; padding:0;}
header.header .header-gnb .gnb-item {position:relative;}
header.header .header-gnb .gnb-item + .gnb-item {margin-left: 40px;}
header.header .header-gnb .gnb-item > .link-anchor {font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.64px; color:var(--gray-300);}
header.header .header-gnb .gnb-item > .link-anchor:hover {color:var(--white);}
header.header .header-gnb .gnb-item.active > .link-anchor {color:var(--white);}

/* footer */
footer.footer {width:100%; margin-top:120px; background-color:var(--bg-black);}
footer.footer .footer-inner {max-width:1200px; padding:20px 0 60px; margin:0 auto; display:flex; flex-direction:column; gap:33px;}
footer.footer .footer-top {display:flex; justify-content:space-between; align-items:center; gap:20px;}
footer.footer .footer-logo .logo {display:block;}
footer.footer .footer-logo .logo-img {display:block;}
footer.footer .footer-sites-wrap {display:flex; gap:8px;}
footer.footer .footer-sites-wrap .btn-wrap {position:relative;}
footer.footer .footer-site-btn {display:flex; justify-content:space-between; align-items:center; width:200px; padding:10px 16px 10px 20px; font-size:14px; line-height:21px; letter-spacing:-0.56px; border-radius:var(--radius-20); background-color:var(--gray-700); color:var(--gray-60);}
footer.footer .footer-site-btn::after {content:""; display:block; width:16px; height:16px; background:url('/static/assets/images/web/thebc/footer-arrow.svg') no-repeat center; background-size:contain;}
footer.footer .footer-bottom {font-size:14px; line-height:21px; letter-spacing:-0.56px; color:var(--gray-200);}
footer.footer .footer-link {display:flex; flex-wrap:wrap;}
footer.footer .footer-link-item {display:flex; align-items:center;}
footer.footer .footer-link-item:first-child .footer-link-anchor:first-child {padding-left:0;}
footer.footer .footer-link-anchor {position:relative; padding:0 9px 0 8px; color:var(--gray-200);}
footer.footer .footer-link-anchor::after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px;background:rgba(255,255,255,0.1);}
footer.footer .footer-link-item:last-child .footer-link-anchor:last-of-type::after {content:none;}
footer.footer .footer-link-item:first-child .footer-link-anchor:first-of-type {font-weight:600;}
footer.footer .footer-info {margin-top:6px;}
footer.footer .footer-info-btn {display:none; padding-right:14px; color:var(--gray-200); font-size:14px; line-height:21px; background:none; border:none; position:relative; cursor:pointer;}
footer.footer .footer-info-btn::before {content:''; position:absolute; top:50%; right:0; width:12px; height:12px; display:block; -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color:var(--gray-200); transform:translateY(-50%); pointer-events:none;}
footer.footer .footer-info-btn.active::before {transform: translateY(-50%) scaleY(-1);}
footer.footer .footer-info-list {display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
footer.footer .footer-info-item {display:flex; align-items:center;}
footer.footer .footer-info-item + .footer-info-item::before {content:""; display:block; width:1px; height:12px; background:rgba(255, 255, 255, 0.1); margin:0 8px; pointer-events:none;}
footer.footer .floating-btn {position:fixed; bottom:20px; right:20px; z-index:20;}
footer.footer .floating-btn .top-btn {position:relative; display:block; width:46px; height:46px;}
footer.footer .floating-btn .top-btn::before {content:''; position:absolute; inset:0; background:url('/static/assets/images/web/thebc/footer-top-button.svg') no-repeat center; background-size:contain;}

/* footer modal */
#modalFamilySite .inner {width:100%; max-width:1200px; padding:24px 20px 60px;}
#modalFamilySite .inner .header {padding:0 20px; margin-bottom:24px;}
#modalFamilySite .inner .header .title {font-size:24px; font-weight:700; line-height:36px; letter-spacing:-0.96px; color:var(--gray-900);}
#modalFamilySite .inner .content {overflow:hidden; padding-top:20px;}
#modalFamilySite .inner .content .list-wrap {width:100%; max-width:192px; border-right:1px solid var(--alpha-bk5);}
#modalFamilySite .inner .content .list-wrap.two-line {max-width:424px;}
#modalFamilySite .inner .content .list-wrap.two-line .list-cont > ul {flex:1 1 50%; min-width:0;}
#modalFamilySite .inner .content .list-title {margin-bottom:12px; font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px; color:var(--gray-900);}
#modalFamilySite .inner .content .list-item {margin-bottom:12px; font-size:14px; line-height:21px; letter-spacing:-0.56px; color:var(--gray-500)}
#modalFamilySite .inner .content .family-site-wrap {display:flex; flex-wrap:nowrap; gap:20px; margin:0 20px;}
#modalFamilySite .inner .content .family-site-wrap .list-wrap:last-of-type {border-right:0;}
#modalFamilySite .inner .content .family-site-wrap:first-of-type .list-wrap:last-of-type ul:first-of-type {margin-right:40px;}
#modalFamilySite .inner .content .family-site-wrap:not(:last-of-type) {padding-bottom:28px; border-bottom:1px solid var(--alpha-bk5);}
#modalFamilySite .inner .content .family-site-wrap:not(:first-of-type) {padding-top:28px;}
#modalFamilySite .inner .content .family-site-wrap .list-cont {display:flex;}
#modalFamilySite .inner .content .family-site-wrap .list-cont > ul {width:100%}
#modalFamilySite .inner .btn-close {top:32px; right:32px;}
#modalVipService .inner {padding:32px 32px 54px 32px;}
#modalVipService .inner .header .title {font-size:24px; font-weight:700; line-height:36px; letter-spacing:-0.96px; color:var(--gray-900);}
#modalVipService .inner .content {padding-top:24px;}
#modalVipService .inner .content .desk-item {display:flex; justify-content:space-between; align-items:center; padding:24px 0; border-bottom:1px solid var(--alpha-bk5);}
#modalVipService .inner .content .desk-item:first-of-type {padding-top:0;}
#modalVipService .inner .content .desk-item:last-of-type {padding-bottom:0; border-bottom:0;}
#modalVipService .inner .content .desk-item .desk-name {font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px; color:var(--gray-900);}
#modalVipService .inner .content .desk-item .desk-number {font-size:18px; line-height:27px; letter-spacing:-0.72px; color:var(--gray-900);}
#modalVipService .inner .btn-close {top:34px; right:34px;}

nav.nav {display:none; position:fixed; bottom:0; left:0; right:0; z-index:10; background:#000;}
nav.nav .nav-inner {display:flex; align-items:center;}
nav.nav .nav-inner .nav-item {width:50%; padding:10px 0; color:var(--text-quaternary); text-align:center; font-size:10px; line-height:14px;}
nav.nav .nav-inner .nav-item.active {color:var(--white);}
nav.nav .nav-inner .nav-item::before {display:block; content:''; width:28px; height:28px; margin:0 auto;}
nav.nav .nav-inner .nav-item[data-page='story']::before {background:url('/static/assets/images/web/thebc/story_off.png') no-repeat 0 0/cover;}
nav.nav .nav-inner .nav-item[data-page='story'].active::before {background-image:url('/static/assets/images/web/thebc/story_on.png');}
nav.nav .nav-inner .nav-item[data-page='service']::before {background:url('/static/assets/images/web/thebc/service_off.png') no-repeat 0 0/cover;}
nav.nav .nav-inner .nav-item[data-page='service'].active::before {background-image:url('/static/assets/images/web/thebc/service_on.png');}
nav.nav .nav-inner .nav-item + .nav-item {margin-left:6px;}

@media screen and (max-width:1240px) {
	header.header .header-inner {max-width:100%; padding:0 20px;}
	footer.footer .footer-inner {max-width:100%; padding:20px 20px 60px;}
}

/* tablet + moblie */
@media screen and (max-width:1023px) {
	.top-btn.no-fixed {bottom:72px;}
	body:has(.content.detail) .top-btn.no-fixed {bottom:28px;}

	header.header {display:none;}
	nav.nav {display:block;}

	footer.footer .footer-inner {padding:24px 20px 40px; gap:0;}
	footer.footer .footer-logo {display:none;}
	footer.footer .footer-sites-wrap {display:none;}
	footer.footer .footer-bottom {font-size:14px; line-height:21px; letter-spacing:-0.56px; color:var(--gray-200);}
	footer.footer .footer-info {margin-top:24px;}
	footer.footer .footer-info-btn {display:flex;}
	footer.footer .footer-info-btn[aria-expanded="true"] + .footer-info-list {display:block}
	footer.footer .footer-info-list{display:none; margin-top:8px;}
	footer.footer .footer-info-item:not(:last-of-type) {margin-bottom:2px}
	footer.footer .footer-info-item + .footer-info-item::before {display:none;}
	footer.footer .footer-link {flex-direction:column;}
	footer.footer .footer-link-item {display:flex; flex-wrap:wrap;}
	footer.footer .footer-link-item + .footer-link-item {margin-top:6px;}
	footer.footer .footer-link-item .footer-link-anchor:first-child {padding-left:0;}
	footer.footer .footer-link-anchor:last-child::after {content:none;}
}

/* mobile */
@media screen and (max-width:767px) {
	footer.footer {margin-top:100px;}
}

/* wrap */
.wrap {min-height:100vh; display:flex; flex-direction:column;}
.wrap.bg-black {background-color:var(--bg-black);}

/* container */
.container {position:relative; flex:1; padding:0 24px;}

/* content */
.container > .content {width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box;}
.container > .content .content-title-wrap {text-align:center; margin-bottom:36px;}

/* story main */
.container.story > .content.main {margin-top:49px; word-break:keep-all; overflow-wrap:break-word;}
.container.story .main-top {display:flex; justify-content:space-between; align-items:center; background-color:var(--bg-black);}
.container.story .main-top .btn-story-month {position:relative; padding-right:32px; color:var(--white); font-weight:700;}
.container.story .main-top .btn-story-month .arrow {display:block; content: ''; position:absolute; top:50%; right:0; width:20px; height:20px; transform:translateY(-50%); border-radius:6px; background:var(--gray-700);}
.container.story .main-top .btn-story-month .arrow::after {display:block; content: ''; position:absolute; top:50%; left:50%; width:10px; height:10px; transform:translate(-50%, -50%); -webkit-mask:var(--arrow-down-normal); mask:var(--arrow-down-normal); background-color:var(--arrow-normal-white);}
.container.story .main-top .btn-story-list {display:flex; color:var(--white); font-size:16px; line-height:24px; letter-spacing:-0.64px;}
.container.story .main-top .btn-story-list::before {display:block; content:''; width:24px; height:24px; margin-right:8px; background:url('/static/assets/images/web/thebc/main-menu.png') no-repeat 0 0/cover;}
.container.story .main-top .main-menu {position:fixed; top:0; right:0; bottom:0; z-index:99; visibility:hidden;}
.container.story .main-top .main-menu.open {visibility:visible;}
.container.story .main-top .main-menu::before {content:''; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.60);}
.container.story .main-top .main-menu .menu-inner {position:absolute; top:0; bottom:0; left:0; right:0; background-color: var(--gray-700);}
.container.story .main-top .main-menu .menu-cont {overflow-y:auto;}
.container.story .main-top .main-menu .item {padding-bottom:40px;}
.container.story .main-top .main-menu .item + .item {padding-top:40px; border-top:1px solid rgba(255, 255, 255, 0.10);}
.container.story .main-top .main-menu .item > a {display:flex; flex-direction:column; position:relative;}
.container.story .main-top .main-menu .item > a + a {margin-top:16px;}
.container.story .main-top .main-menu .item > a::after {display:block; content:''; position:absolute; top:50%; right:4px; transform:translateY(-50%); width:12px; height:12px; -webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); background-color:var(--arrow-normal-white);}
.container.story .main-top .main-menu .item .type {margin-bottom:16px; color:var(--gray-200); font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px;}
.container.story .main-top .main-menu .item > a .category {width:fit-content; position:relative; margin-bottom:4px; color:var(--white); font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px;}
.container.story .main-top .main-menu .item > a .title {width:fit-content; position:relative; color:var(--gray-100); font-size:18px; line-height:27px; letter-spacing:-0.72px;}
.container.story .main-top .main-menu .item > a .title::after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:currentColor; transform:scaleX(0); transform-origin:left; transition:transform 0.3s ease;}
.container.story .main-top .main-menu .item > a:active .title::after,
.container.story .main-top .main-menu .item > a:hover .title::after {transform:scaleX(1);}
.container.story .main-top .main-menu .btn-menu-close {position:absolute; top:60px; right:35px; width:40px; height:40px; background:url('/static/assets/images/web/thebc/ico-close.png') no-repeat 50% 50%/40px auto;}

.main-thumbnail {display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;}
.main-thumbnail .item {position:relative; overflow:hidden; border-radius:20px; border:1px solid rgba(255, 255, 255, 0.05); background-color:var(--bg-black);}
.main-thumbnail .item::before {display:block; content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
.main-thumbnail .item img {display:block; width:100%; transition:transform 0.4s; overflow:hidden; border-radius:20px; transform:translate3d(0, 0, 0); background-clip:padding-box;}
.main-thumbnail .item:hover img {transform:scale(1.03);}
.main-thumbnail .item .bottom {overflow:hidden; position: absolute; right:0; bottom:0; left:0; border-radius:0 0 20px 20px; padding:40px 80px 43px 43px;}
.main-thumbnail .item .bottom .blur {display:block; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; background:linear-gradient(180deg, rgba(56, 46, 30, 0.00) 0%, #382E1E 100%); overflow:hidden; isolation:isolate;transform:translateZ(0);}
.main-thumbnail .item .bottom .blur::before {content:""; position:absolute; top:-10px; bottom:-10px; left:0; right:0; border-radius:inherit; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); -webkit-mask-image:linear-gradient(to bottom, transparent, black 40%, black 80%, transparent), linear-gradient(to right, transparent, black 0, black 100%, transparent); -webkit-mask-composite: source-in;
mask-image: linear-gradient(to bottom, transparent, black 40%, black 80%, transparent), linear-gradient(to right, transparent, black 0%, black 100%, transparent); mask-composite: intersect;}

.main-thumbnail .item .text {position:relative; z-index:1;}
.main-thumbnail .item .text .type {margin-bottom:6px; color:var(--white); font-size:16px; line-height:24px; letter-spacing:-0.64px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-thumbnail .item .text .title {color:var(--white); font-size:32px; line-height:43px; letter-spacing:-1.28px; font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;}
.main-thumbnail .item .text .sub {margin-top:6px; color:var(--white); font-size:16px; line-height:24px; letter-spacing:-0.64px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 월 팝업 */
.story-month-pop {display:none; position:fixed; top:0; right:0; bottom:0; z-index:99;}
.story-month-pop::before {content:''; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.60);}
.story-month-pop .pop-inner {position:fixed; top:0; bottom:0; left:0; right:0; background-color: var(--gray-700);}
.story-month-pop .pop-cont {overflow-y:auto;}
.story-month-pop .select-list > li a {display:block; position:relative; color:var(--gray-100);}
.story-month-pop .select-list > li a.on {color:var(--white); background-color:var(--gray-800);}
.story-month-pop .select-list > li a.on::after {display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); background:url('/static/assets/images/web/thebc/ico-check.png') no-repeat 0 0/cover;}
.story-month-pop .select-list > li a:hover,
.story-month-pop .select-list > li a:active {color:var(--white);}
.story-month-pop .btn-pop-close {position:absolute; top:60px; right:35px; width:40px; height:40px; background:url('/static/assets/images/web/thebc/ico-close.png') no-repeat 0 0/cover;}

/* story detail */
.container.story > .content.detail {max-width:100%; word-break:keep-all; overflow-wrap:break-word;}
.container.story > .detail-header {display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; left:0; right:0; height:56px; background:var(--bg-black); z-index:10;}
.container.story > .detail-header .btn-back {flex-shrink:0; width:24px; height:24px; margin-left:20px; text-indent:-9999px; background:url(/static/assets/images/comm/ico-back-white.svg) no-repeat left center / 24px; font-size:0;}
.container.story > .detail-header .btn-share {flex-shrink:0; width:24px; height:24px; margin-right:20px; text-indent:-9999px; position:relative; background:url(/static/assets/images/comm/ico-share-aos-white.svg) no-repeat left center / 24px; font-size:0;}

.content.detail .line {margin:40px 0; border-top:1px solid var(--alpha-bk10);}
.content.detail .btn-link-wrap {margin-top:40px; text-align:center;}
.content.detail .btn-link {display:inline-flex; justify-content:center; align-items:center; height:56px; min-width:280px; padding:0 16px; border-radius:16px; background:var(--primary-p800); color:var(--white); font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px; text-decoration:none;}
.content.detail .btn-link:hover, 
.content.detail .btn-link:active {background:var(--primary-p500);}
.content.detail a {text-decoration:underline; color:inherit;}

.content.detail .visual {position:relative;}
.content.detail .visual .visual-img {width:100%; height:100%; object-fit:cover;}
.content.detail .visual::before {display:block; content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
.content.detail .visual .bottom {position:absolute; bottom:0; left:0; right:0; z-index:2; padding:100px 0 60px; background:linear-gradient(180deg, rgba(56, 46, 30, 0.00) 0%, #382E1E 100%); overflow:hidden; isolation:isolate; transform:translateZ(0);}
.content.detail .visual .bottom::before {display:block; content:''; position: absolute; top:-20px; right:0; bottom:0; left:0;-webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); -webkit-mask-image:linear-gradient(to bottom, transparent, black 40%, black 80%, transparent), linear-gradient(to right, transparent, black 0%, black 100%, transparent); -webkit-mask-composite: source-in;
mask-image: linear-gradient(to bottom, transparent, black 40%, black 80%, transparent), linear-gradient(to right, transparent, black 0%, black 100%, transparent); mask-composite: intersect;}
.content.detail .visual .text {position:relative; z-index:3;}
.content.detail .visual .text .category {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:12px; color:var(--white);}
.content.detail .visual .text .title {color:var(--white); font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;}
.content.detail .visual .text .sub {color:var(--white); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;}
.content.detail .visual .text .keyword {display:flex; flex-wrap:wrap; margin-top:15px;}
.content.detail .visual .text .keyword .badge {margin:5px 4px 0 0; padding:2px 8px; border-radius:4px; background:var(--white); color:var(--gray-900); font-weight:600;}

.content.detail .article {background:var(--white);}
.content.detail .article .hashtag-group {display:flex; flex-wrap:wrap; margin-top:-8px;}
.content.detail .article .hashtag-group .hashtag {display:flex; align-items:center; margin:8px 8px 0 0; padding:4px 12px; border-radius:4px; background:var(--gray-40); color:var(--gray-700); font-size:15px; line-height:22.5px; letter-spacing:-0.3px;}
.content.detail .article .title-wrap {position:relative;}
.content.detail .article .title-wrap .part {color:var(--gray-900);}
.content.detail .article .title-wrap .title {color:var(--gray-900);}
.content.detail .article .title-wrap .sub {color:var(--gray-700);}
.content.detail .article .main-title {color:var(--gray-900); font-weight:700;}
.content.detail .article .main-title + .article-para {margin-top:-4px; padding:0 0 44px;}
.content.detail .article .sub-title {padding:20px 0; color:var(--gray-900); font-weight:700;}
.content.detail .article .sub-title + .article-para {margin-top:-12px; padding-top:0;}
.content.detail .article .para-title {padding:20px 0; color:var(--gray-700);}
.content.detail .article .para-title + .article-para {margin-top:-12px; padding-top:0;}
.content.detail .article .article-para {padding:20px 0; color:var(--gray-700);}
.content.detail .article .article-img {margin:0 auto;}
.content.detail .article .article-img .img {text-align:center;}
.content.detail .article .article-img .img img {vertical-align:top; max-height:inherit;}
.content.detail .article .ranking-swiper img {width:100%; height:100%; object-fit:cover;}
.content.detail .article .article-img > .img video {width:100%; height:100%; object-fit:cover; object-position:center; vertical-align:top;}
.content.detail .article .article-img .desc {width:100%; margin-top:10px; text-align:center; color:var(--gray-400); word-break:keep-all;}
.content.detail .article .img-swiper {overflow:hidden; position:relative; max-width:792px; margin:0 auto;}
.content.detail .article .img-swiper .swiper-slide {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.content.detail .article .img-swiper .swiper-button {position:absolute; top:50%; z-index:1; display:flex; justify-content:center; align-items:center; transform:translateY(-50%); background:rgba(0, 0, 0, 0.50);}
.content.detail .article .img-swiper .swiper-button::after {display:block; content:''; width: 21px; height:21px; background-color: var(--arrow-normal-white);}
.content.detail .article .img-swiper .img-swiper-prev {left:0;}
.content.detail .article .img-swiper .img-swiper-prev::after {-webkit-mask:var(--arrow-left-normal); mask:var(--arrow-left-normal);}
.content.detail .article .img-swiper .img-swiper-next {right:0;}
.content.detail .article .img-swiper .img-swiper-next::after {-webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal); }
.content.detail .article .img-swiper .swiper-button-lock {display:none;}
.content.detail .article .article-number-img {padding:20px 0;}
.content.detail .article .number-swiper {position:relative;}
.content.detail .article .number-swiper .swiper-slide {width:auto;}
.content.detail .article .number-swiper .swiper-slide + .swiper-slide {margin-left:6px;}
.content.detail .article .number-swiper .swiper-slide .num {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:28px; height:28px; background:var(--bg-black); color:var(--white); font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.64px;}
.content.detail .article .number-swiper .swiper-slide img {vertical-align:top;}
.content.detail .article .number-swiper .swiper-button {position:absolute; right:0; bottom:0; z-index:1; display:flex; justify-content:center; align-items:center; width:40px; height:40px; background:rgba(0, 0, 0, 0.50);}
.content.detail .article .number-swiper .swiper-button::after {display:block; content:''; width: 21px; height:21px; background-color: var(--arrow-normal-white);}
.content.detail .article .number-swiper .number-swiper-prev {right:42px;}
.content.detail .article .number-swiper .number-swiper-prev::after {-webkit-mask:var(--arrow-left-normal); mask:var(--arrow-left-normal);}
.content.detail .article .number-swiper .number-swiper-next::after {-webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal);}
.content.detail .article .number-swiper .swiper-button-lock {display:none;}
.content.detail .article .article-number-img .img-desc {margin-top:32px; padding:36px 0; border-top:1px solid var(--alpha-bk10); border-bottom:1px solid var(--alpha-bk10);}
.content.detail .article .article-number-img .img-desc .desc {color:var(--gray-700);}
.content.detail .article .article-number-img .img-desc .desc + .desc {margin-top:8px;}
.content.detail .article .ranking-swiper {position:relative;}
.content.detail .article .ranking-swiper .swiper-slide {width:auto;}
.content.detail .article .ranking-swiper .swiper-slide + .swiper-slide {margin-left:6px;}
.content.detail .article .ranking-swiper .swiper-slide .num {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:28px; height:28px; background:var(--gray-300); color:var(--white); font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.64px;}
.content.detail .article .ranking-swiper .swiper-slide:first-child .num {background:var(--bg-black);}
.content.detail .article .ranking-swiper .swiper-button {position:absolute; right:0; bottom:0; z-index:1; display:flex; justify-content:center; align-items:center; width:40px; height:40px; background:rgba(0, 0, 0, 0.50);}
.content.detail .article .ranking-swiper .swiper-button::after {display:block; content:''; width: 21px; height:21px; background-color: var(--arrow-normal-white);}
.content.detail .article .ranking-swiper .ranking-swiper-prev {right:42px;}
.content.detail .article .ranking-swiper .ranking-swiper-prev::after {-webkit-mask:var(--arrow-left-normal); mask:var(--arrow-left-normal);}
.content.detail .article .ranking-swiper .ranking-swiper-next::after {-webkit-mask:var(--arrow-right-normal); mask:var(--arrow-right-normal);}
.content.detail .article .ranking-swiper .swiper-button-lock {display:none;}

.content.detail .info-wrap {margin:20px 0;}
.content.detail .info-wrap .info-box {position:relative; border-radius:20px; background:var(--gray-20);}
.content.detail .info-wrap .info-box .item {display:flex;}
.content.detail .info-wrap .info-box .item .title {flex-shrink:0; margin-right:20px; color:var(--gray-700); font-weight:600;}
.content.detail .info-wrap .info-box .item .cont {color:var(--gray-500);}
.content.detail .info-wrap .refer-text {display:flex; margin-top:10px; color:var(--gray-400); font-size:16px; line-height:24px; letter-spacing:-0.64px;}
.content.detail .info-wrap .refer-text + .refer-text {margin-top:2px;}
.content.detail .info-wrap .refer-text .mark {min-width:13px;}

.content.detail .article .notice-box {padding:20px 24px; border-radius:16px; background:var(--gray-20);}
.content.detail .article .notice-box .notice-text {position:relative; padding-left:30px; color:var(--gray-500);}
.content.detail .article .notice-box .notice-text::before {display:block; content:''; position:absolute; top:5px; left:0; width:20px; height:20px; background:url(/static/assets/images/web/thebc/ico-notice.svg) no-repeat 0 0/cover;}
.content.detail .article .notice-box .notice-text + .notice-text {margin-top:4px;}

.content.detail .article .cont-tag-group {display:flex; flex-wrap:wrap; padding:40px 0; margin-top:-4px;}
.content.detail .article .cont-tag-group .tag {display:flex; align-items:center; margin:4px 8px 0 0; padding:4px 12px; border-radius:4px; background:var(--gray-40);}
.content.detail .article .cont-tag-group .tag .title {color:var(--gray-700);}
.content.detail .article .cont-tag-group .tag .name {color:var(--gray-700);}

.content.detail .trend-wrap > .title {color:var(--gray-700); font-weight:700;}
.content.detail .trend-wrap > .para {color:var(--gray-700);}

.dining-tour-wrap .dining-tag-group {display:flex; flex-wrap:wrap; margin:-4px 0 20px;}
.dining-tour-wrap .dining-tag-group .tag {display:flex; align-items:center; border-radius:4px; border:1px solid var(--gray-100); background-color:var(--white); color:var(--gray-400);}
.dining-tour-wrap .dining-tag-group .tag.point {border-color:var(--red-800); color:var(--red-800);}
.dining-tour-wrap .dining-tour-title > .title {color:var(--gray-900); font-weight:700;}
.dining-tour-wrap .dining-tour-title > .sub {display:flex; align-items:center;}
.dining-tour-wrap .dining-tour-title > .sub .text {color:var(--gray-900); font-weight:700;}
.dining-tour-wrap .dining-tour-title > .sub .desc {margin-left:12px; color:var(--gray-900);}
.dining-tour-wrap .dining-tour-cont {padding:40px 0;}
.dining-tour-wrap .dining-tour-title + .dining-tour-cont {padding-top:20px;}
.dining-tour-wrap .dining-tour-cont > .title {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--black); color:var(--gray-700); font-weight:700;}
.dining-tour-wrap .dining-tour-cont > .sub {color:var(--gray-700); font-size:20px; font-weight:700; line-height:34px; letter-spacing:-0.4px;}
.dining-tour-wrap .dining-tour-cont > .desc {margin-top:2px; color:var(--gray-700);}
.dining-tour-wrap .dining-tour-cont .price-wrap {display:flex; align-items:center;}
.dining-tour-wrap .dining-tour-cont .price-wrap .first {color:var(--gray-400); text-decoration-line: line-through;}
.dining-tour-wrap .dining-tour-cont .price-wrap .arrow {color:var(--gray-700);}
.dining-tour-wrap .dining-tour-cont .price-wrap .sale {color:var(--gray-700); font-weight:600;}
.dining-tour-wrap .dining-tour-cont .price-wrap .info {margin-left:2px; color:var(--gray-400);}

.content.detail .dining-wrap {padding:40px 0;}
.content.detail .dining-wrap > .title {margin-bottom:24px; color:var(--gray-900); font-weight:700;}
.content.detail .dining-wrap .menu-list {padding:24px 0; border-top:1px solid var(--black); border-bottom:1px solid var(--black);}
.content.detail .dining-wrap .menu-list .item + .item {margin-top:24px; padding-top:24px; border-top:1px solid var(--alpha-bk10);}
.content.detail .dining-wrap .menu-list .item .name {color:var(--gray-700);}
.content.detail .dining-wrap .menu-list .item .menu {margin-top:8px; color:var(--gray-700);}
.content.detail .dining-wrap .menu-list .item .price {color:var(--gray-700);}

.content.detail .process-list {margin:20px 0; border-top:1px solid var(--black); border-bottom:1px solid var(--alpha-bk10);}
.content.detail .process-list .item {display:flex; align-items:center;}
.content.detail .process-list .item + .item {margin-top:24px; padding-top:24px; border-top:1px solid var(--alpha-bk10);}
.content.detail .process-list .item .num {flex-basis:40px; flex-shrink:0; margin-right:12px; color:var(--gray-900); font-weight:700;}
.content.detail .process-list .item .title {color:var(--gray-900); font-weight:700;}
.content.detail .process-list .item .desc {color:var(--gray-700); word-break:keep-all;}

.content.detail .tip-wrap {padding:40px 0;}
.content.detail .tip-wrap > .sub {color:var(--gray-900); font-weight:700; font-size:20px; letter-spacing:-0.8px;}
.content.detail .tip-wrap > .title {color:var(--gray-900); font-weight:700;}
.content.detail .tip-wrap .tip-box {border-radius:20px; background:var(--gray-20);}
.content.detail .tip-wrap .tip-list > li {display:flex; color:var(--gray-700);}
.content.detail .tip-wrap .tip-list > li + li {margin-top:12px;}
.content.detail .tip-wrap .tip-list > li .num {min-width:30px; color:var(--gray-900); font-weight:600;}

.content.detail .view-wrap {padding:40px 0;}
.content.detail .view-wrap .division > .title {color:var(--gray-900); font-weight:700;}
.content.detail .view-wrap .info-text {margin-top:20px;}
.content.detail .view-wrap .info-text .item {display:flex;}
.content.detail .view-wrap .info-text .item .title {flex-shrink:0; color:var(--gray-700); font-weight:600;}
.content.detail .view-wrap .info-text .item .cont {color:var(--gray-500);}

.relation-wrap {border-top:1px solid var(--alpha-bk10);}
.relation-wrap > .title {color:var(--gray-900); font-weight:700;}
.relation-wrap .list {display:flex;}
.relation-wrap .list .item {flex:1 1 0; min-width:0;}
.relation-wrap .list .item .img {height:366px; overflow:hidden; border-radius:20px; border: 1px solid var(--alpha-bk10); transition:transform 0.4s;}
.relation-wrap .list .item .img img {width:100%; height:100%; object-fit:cover; transition:transform 0.4s;}
.relation-wrap .list .item:hover .img img {transform:scale(1.02);}
.relation-wrap .list .item .text {margin-top:12px;}
.relation-wrap .list .item .text .type {margin-bottom:16px; color:var(--gray-700); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.relation-wrap .list .item .text .title {color:var(--gray-900); font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;}
.relation-wrap .list .item .text .sub {margin-top:12px; color:var(--gray-400); font-size:18px; line-height:27px; letter-spacing:-0.72px;}

/* 공유하기 팝업 */
#modalShare .header {margin-bottom:20px;}
#modalShare .header .title {font-size:20px; line-height:30px; letter-spacing:-0.8px;}
#modalShare .share-btn-wrap {display:flex; justify-content:center; padding:20px 0;}
#modalShare .share-btn-wrap button {color:var(--gray-700); text-align:center; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.64px;}
#modalShare .share-btn-wrap button + button {margin-left:48px;}
#modalShare .share-btn-wrap button::before {display:block; content:''; width:60px; height:60px; margin-bottom:8px;}
#modalShare .share-btn-wrap .btn-kakao::before {background:url('/static/assets/images/web/thebc/share-kakao.svg') center / 100% no-repeat;}
#modalShare .share-btn-wrap .btn-url:before {background:url('/static/assets/images/web/thebc/share-clipboard.svg') center / 100% no-repeat;}

/* pc */
@media screen and (min-width:1024px) {
	.container.story .main-top {padding:8px 0 12px;}
	.container.story .main-top.fixed {position:fixed; top:70px; left:0; right:0; z-index:10; max-width:1200px; margin:0 auto;}
	.container.story .main-top .btn-story-month {font-size:32px; line-height:43px; letter-spacing:-1.28px; transition:all .2s;}
	.container.story .main-top.fixed .btn-story-month {font-size:20px; line-height:30px; letter-spacing:-0.8px;}
	.container.story .main-top .main-menu {width:651px; transform:translateX(100%); transition:transform .3s ease, visibility .3s ease;}
	.container.story .main-top .main-menu.open {transform:translateX(0);}
	.container.story .main-top .main-menu .menu-head {height:118px;}
	.container.story .main-top .main-menu .menu-cont {max-height:calc(100% - 118px); padding:0 40px 10px;}

	.main-thumbnail {margin-top:20px;}
	.container.story .main-top.fixed + .main-thumbnail {padding-top:70px;}
	.main-thumbnail .item {max-height:528px; opacity:0; transform:translateY(50px);}
	.main-thumbnail .item.init {opacity:1; animation-name: scrollFadeUp; animation-duration: 0.4s; animation-timing-function: ease-in-out;animation-fill-mode: forwards;}
	@keyframes scrollFadeUp {
		from { opacity: 0; transform: translateY(50px); }
		to { opacity: 1; transform: translateY(0); }
	}

	.story-month-pop {width:651px; transform:translateX(100%); transition:transform .3s ease;}
	.story-month-pop.open {transform:translateX(0);}
	.story-month-pop .pop-head {height:123px;}
	.story-month-pop .pop-cont {max-height:calc(100% - 123px);}
	.story-month-pop .select-list > li a {padding:29px 80px 29px 40px; font-size:28px; font-weight:700; line-height:38px; letter-spacing:-1.12px;}
	.story-month-pop .select-list > li a.on::after {right:40px; width:40px; height:40px;}

	.container.story > .detail-header {display:none;}
	.container.story:has(.content.detail) {padding:0;}
	.container.story > .content.detail {overflow:hidden;}
	.content.detail .visual {height:500px; /*margin:0 -24px;*/}
	.content.detail .visual .text {width:90%; max-width:1200px; margin:0 auto;}
	.content.detail .visual .text .category {font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .visual .text .title {font-size:48px; line-height:64px;}
	.content.detail .visual .text .sub {margin-top:12px; font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .visual .text .keyword .badge {font-size:16px; line-height:24px; letter-spacing:-0.64px;}
	.content.detail .article .title-wrap {padding:40px 0 24px;}
	.content.detail .article .title-wrap .part {margin-bottom:16px; font-size:24px; font-weight:700; line-height:36px; letter-spacing:-0.96px;}
	.content.detail .article .title-wrap .title {font-size:32px; font-weight:700; line-height:43px; letter-spacing:-1.28px;}
	.content.detail .article .title-wrap .sub {margin-top:4px; font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .article .main-title {padding:40px 0 24px; font-size:32px; line-height:43px; letter-spacing:-1.28px;}
	.content.detail .article .sub-title {font-size:24px; line-height:41px; letter-spacing:-0.96px;}
	.content.detail .article .para-title {font-size:20px; font-weight:700; line-height:34px; letter-spacing:-0.4px;}
	.content.detail .article .article-para {font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .article {margin:0 -24px;}
	.content.detail .article .inner {width:90%; max-width:1200px; margin:0 auto; padding:40px 0;}
	.content.detail .article .article-img {padding:20px 0;}
	.content.detail .article .article-img .desc {font-size:16px; line-height:24px; letter-spacing:-0.64px;}
	.content.detail .article .article-img.ver .img {max-height:890px;}
	.content.detail .article .img-swiper .swiper-button {width:40px; height:40px;}
	.content.detail .article .number-swiper .swiper-slide .num {width:40px; height:40px;}
	.content.detail .article .article-number-img .img-desc .desc {font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .article .ranking-swiper .img {width:396px; height:367px;}
	.content.detail .article .ranking-swiper .swiper-slide .num {width:40px; height:40px;}
	.content.detail .article .info-box {padding:24px 40px;}
	.content.detail .article .info-box .item + .item {margin-top:8px;}
	.content.detail .article .info-box .item .title {flex-basis:120px; font-size:16px; line-height:24px; letter-spacing:-0.68px;}
	.content.detail .article .info-box .item .cont {font-size:16px; line-height:24px; letter-spacing:-0.64px;}
	.content.detail .article .info-box .logo {position:absolute; top:50%; right:24px; transform:translateY(-50%);}
	.content.detail .article .info-box:has(.logo) {padding-right:200px;}
	.content.detail .article .notice-box .notice-text {font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .article .cont-tag-group .tag .title {font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.64px;}
	.content.detail .article .cont-tag-group .tag .name {margin-left:8px; font-size:16px; line-height:24px; letter-spacing:-0.64px;}

	.content.detail .trend-wrap {padding:40px 0;}
	.content.detail .trend-wrap > .title {font-size:36px; line-height:49px; letter-spacing:-1.44px;}
	.content.detail .trend-wrap > .para {margin-top:8px; font-size:18px; line-height:27px; letter-spacing:-0.72px;}

	.dining-tour-wrap .dining-tag-group .tag {margin:4px 6px 0 0; padding:1px 12px; font-size:18px; line-height:27px; letter-spacing:-0.72px;}
	.dining-tour-wrap .dining-tour-title {padding:20px 0 40px;}
	.dining-tour-wrap .dining-tour-title .title {font-size:36px; line-height:49px; letter-spacing:-1.44px;}
	.dining-tour-wrap .dining-tour-title .sub {margin-top:8px;}
	.dining-tour-wrap .dining-tour-title .sub .text {font-size:20px; line-height:30px; letter-spacing:-0.8px;}
	.dining-tour-wrap .dining-tour-title .sub .desc {font-size:18px; line-height:27px; letter-spacing:-0.72px;}
	.dining-tour-wrap .dining-tour-cont > .title {margin-bottom:20px; padding-bottom:20px; font-size:24px; line-height:41px; letter-spacing:-0.96px;}
	.dining-tour-wrap .dining-tour-cont > .desc {font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap {margin-top:8px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .first {font-size:20px; line-height:34px; letter-spacing:-0.4px; text-decoration-line: line-through;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .arrow {margin:0 8px; font-size:20px; font-weight:700; line-height:34px; letter-spacing:-0.4px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .sale {font-size:20px; line-height:34px; letter-spacing:-0.4px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .info {font-size:18px; line-height:27px; letter-spacing:-0.72px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap + .line {margin:20px 0 32px;}

	.content.detail .dining-wrap > .title {font-size:24px; line-height:41px; letter-spacing:-0.96px;}
	.content.detail .dining-wrap .menu-list .item .name {font-size:20px; font-weight:700; line-height:34px; letter-spacing:-0.4px;}
	.content.detail .dining-wrap .menu-list .item .menu {font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .dining-wrap .menu-list .item .price {margin-top:20px; font-size:20px; font-weight:700; line-height:34px; letter-spacing:-0.4px;}

	.content.detail .process-list {padding:24px 0;}
	.content.detail .process-list .item .num {font-size:24px; line-height:41px; letter-spacing:-0.96px;}
	.content.detail .process-list .item .title {font-size:24px; line-height:41px; letter-spacing:-0.96px;}
	.content.detail .process-list .item .desc {margin-top:8px; font-size:18px; line-height:31px; letter-spacing:-0.72px;}

	.content.detail .tip-wrap > .sub {line-height:30px;}
	.content.detail .tip-wrap > .title {font-size:24px; line-height:41px; letter-spacing:-0.96px;}
	.content.detail .tip-wrap .tip-box {margin-top:12px; padding:32px 40px;}
	.content.detail .tip-wrap .tip-list > li {font-size:18px; line-height:27px; letter-spacing:-0.72px;}
	.content.detail .tip-wrap .tip-list > li + li {margin-top:12px;}
	.content.detail .tip-wrap .tip-list > li .num {margin-right:8px; font-size:18px; font-weight:600;; line-height:27px; letter-spacing:-0.72px;}

	.content.detail .view-wrap {display:flex; gap:40px; flex-direction:row-reverse;}
	.content.detail .view-wrap .division.img {max-width:50%;}
	.content.detail .view-wrap .division > .title {font-size:32px; line-height:43px; letter-spacing:-1.28px;}
	.content.detail .view-wrap .img-swiper {width:549px; max-width:100%;}
	.content.detail .view-wrap .img-swiper .swiper-button {width:32px; height:32px;}
	.content.detail .view-wrap .img-swiper .img {height:374px;}
	.content.detail .view-wrap .info-text .item + .item {margin-top:10px;}
	.content.detail .view-wrap .info-text .item .title {flex-basis:120px; margin-right:20px; font-size:16px; line-height:24px; letter-spacing:-0.64px;}
	.content.detail .view-wrap .info-text .item .cont {font-size:16px; line-height:24px; letter-spacing:-0.64px;}

	.relation-wrap {margin-top:80px; padding-top:80px;}
	.relation-wrap > .title {margin-bottom:32px; font-size:32px; line-height:43px; letter-spacing:-1.28px;}
	.relation-wrap .list .item + .item {margin-left:24px;}
	.relation-wrap .list .item .text .type {font-size:18px; line-height:27px; letter-spacing:-0.72px;}
	.relation-wrap .list .item .text .title {font-size:24px; line-height:36px; letter-spacing:-0.96px;}
	.relation-wrap .list .item .text .sub {font-size:18px; line-height:27px; letter-spacing:-0.72px;}
}

@media screen and (max-width:1240px) {
	.container.story .main-top.fixed {margin:0 20px;}
}

/* tablet + moblie */
@media screen and (max-width:1023px) {
	.container.story > .content.main {margin-top:68px;}
	.container.story .main-top {position:fixed; top:0; left:0; right:0; z-index:98; padding:20px 20px 12px;}
	.container.story .main-top.fixed {margin:0;}
	.container.story .main-top .btn-story-month {font-size:24px; line-height:36px; letter-spacing:-0.96px;}
	.container.story .main-top .btn-story-list {margin-right:0; text-indent:-9999px; overflow:hidden; white-space:nowrap; color:transparent; text-shadow:none; font-size:0;}
	.container.story .main-top .btn-story-list::before {margin-right:0;}
	.container.story .main-top .main-menu {width:100%; height:auto; min-height:100vh;}
	.container.story .main-top .main-menu.open {transform:translateY(0);}
	.container.story .main-top .main-menu .menu-inner {top:auto; border-radius:24px 24px 0 0; max-height:calc(100vh - 56px); transform:translateY(100%); transition:transform .2s ease;}
	.container.story .main-top .main-menu.open .menu-inner {transform:translateY(0);}
	.container.story .main-top .main-menu .menu-head {height:64px;}
	.container.story .main-top .main-menu .menu-cont {max-height:calc(100vh - 120px); padding:0 20px 10px;}
	.container.story .main-top .main-menu .type {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.container.story .main-top .main-menu .category {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.container.story .main-top .main-menu .title {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.container.story .main-top .main-menu .btn-menu-close {top:22px; right:22px; width:24px; height:24px; background:url(/static/assets/images/web/thebc/ico-close-mo.png) no-repeat 0 0 / cover;}

	.main-thumbnail .item .bottom {padding:100px 52px 35px 27px;}

	.story-month-pop {width:100%; height:auto; min-height:100vh;}
	.story-month-pop .pop-inner {top:auto; border-radius:24px 24px 0 0; max-height:calc(100vh - 56px); transform:translateY(100%); transition:transform .2s ease;}
	.story-month-pop.open .pop-inner {transform:translateY(0);}
	.story-month-pop .pop-head {height:64px;}
	.story-month-pop .pop-cont {max-height:calc(100vh - 120px);}
	.story-month-pop .select-list > li a {padding:16px 44px 16px 20px; font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.64px;}
	.story-month-pop .select-list > li a.on::after {right:20px; width:24px; height:24px; background:url(/static/assets/images/web/thebc/ico-check-mo.png) no-repeat 0 0 / cover;}
	.story-month-pop .btn-pop-close {top:22px; right:22px; width:24px; height:24px; background:url(/static/assets/images/web/thebc/ico-close-mo.png) no-repeat 0 0 / cover;}

	.container.story > .content.detail {width:auto; max-width:fit-content;}
	.content.detail .visual .text .title {font-size:32px; line-height:48px; letter-spacing:-1.28px;}
	.content.detail .visual .text .sub {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .visual .text .keyword .badge {font-size:14px; line-height:21px; letter-spacing:-0.56px;}
	.content.detail .article .title-wrap {padding:32px 0 16px;}
	.content.detail .article .title-wrap .part {margin-bottom:12px; font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px;}
	.content.detail .article .title-wrap .title {font-size:24px; font-weight:700; line-height:36px; letter-spacing:-0.96px;}
	.content.detail .article .title-wrap .sub {margin-top:4px; font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .article .main-title {padding:32px 0 16px; font-size:24px; line-height:36px; letter-spacing:-0.96px;}
	.content.detail .article .sub-title {font-size:20px; line-height:34px; letter-spacing:-0.8px;}
	.content.detail .article .para-title {font-size:18px; font-weight:600; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .article .article-para {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .article .article-img {padding:12px 0;}
	.content.detail .article .article-img .desc {padding:0 20px; font-size:15px; line-height:23px; letter-spacing:-0.3px;}
	.content.detail .article .img-swiper .swiper-button {width:32px; height:32px;}
	.content.detail .article .article-number-img .img-desc .desc {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	/* .content.detail .article .article-img.ver .img img {height:100%;} */
	.content.detail .article .number-swiper {overflow:hidden;}
	.content.detail .article .number-swiper .swiper-slide {max-width:60%;}
	.content.detail .article .number-swiper .swiper-button {display:none;}
	.content.detail .article .ranking-swiper {overflow:hidden;}
	.content.detail .article .ranking-swiper .img {width:260px; height:260px;}
	.content.detail .article .ranking-swiper .swiper-button {display:none;}
	.content.detail .article .info-box {padding:20px;}
	.content.detail .article .info-box .item + .item {margin-top:4px;}
	.content.detail .article .info-box .item .title {flex-basis:76px;}
	.content.detail .article .info-box .logo {margin-top:32px;}
	.content.detail .article .notice-box .notice-text {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .article .cont-tag-group .tag .title {font-size:15px; font-weight:600; line-height:23px; letter-spacing:-0.3px;}
	.content.detail .article .cont-tag-group .tag .name {margin-left:4px; font-size:15px; line-height:23px; letter-spacing:-0.3px;}

	.content.detail .trend-wrap {padding:32px 0;}
	.content.detail .trend-wrap > .title {font-size:24px; line-height:36px; letter-spacing:-0.96px;}
	.content.detail .trend-wrap > .para {font-size:17px; line-height:29px; letter-spacing:-0.68px;}

	.dining-tour-wrap .dining-tag-group .tag {margin:4px 4px 0 0; padding:1px 8px; font-size:15px; line-height:23px; letter-spacing:-0.3px;}
	.dining-tour-wrap .dining-tour-title {padding:32px 0;}
	.dining-tour-wrap .dining-tour-title > .title {font-size:24px; line-height:36px; letter-spacing:-0.96px;}
	.dining-tour-wrap .dining-tour-title .sub .text {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.dining-tour-wrap .dining-tour-title .sub .desc {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.dining-tour-wrap .dining-tour-cont > .title {margin-bottom:24px; padding-bottom:24px; font-size:20px; line-height:34px; letter-spacing:-0.8px;}
	.dining-tour-wrap .dining-tour-cont > .desc {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap {margin-top:10px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .first {font-size:18px; line-height:31px; letter-spacing:-0.72px; text-decoration-line: line-through;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .arrow {margin:0 4px; font-size:18px; font-weight:600; line-height:31px; letter-spacing:-0.72px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .sale {font-size:18px; line-height:31px; letter-spacing:-0.72px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .info {font-size:16px; line-height:24px; letter-spacing:-0.64px;}
	.dining-tour-wrap .dining-tour-cont .price-wrap + .line {margin:24px 0 32px;}

	.content.detail .dining-wrap > .title {font-size:20px; line-height:34px; letter-spacing:-0.8px;}
	.content.detail .dining-wrap .menu-list .item .name {font-size:18px; font-weight:600; line-height:31px; letter-spacing:-0.72px;}
	.content.detail .dining-wrap .menu-list .item .menu {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .dining-wrap .menu-list .item .price {margin-top:16px; font-size:18px; font-weight:600; line-height:27px; letter-spacing:-0.72px;}
	
	.content.detail .process-list {padding:20px 0;}
	.content.detail .process-list .item .num {font-size:20px; line-height:34px; letter-spacing:-0.8px;}
	.content.detail .process-list .item .title {font-size:20px; line-height:34px; letter-spacing:-0.8px;}
	.content.detail .process-list .item .desc {margin-top:4px; font-size:17px; line-height:29px; letter-spacing:-0.68px;}

	.content.detail .tip-wrap > .sub {line-height:34px;}
	.content.detail .tip-wrap > .title {font-size:20px; line-height:30px; letter-spacing:-0.8px;}
	.content.detail .tip-wrap .tip-box {margin-top:16px; padding:20px;}
	.content.detail .tip-wrap .tip-list > li {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .tip-wrap .tip-list > li + li {margin-top:10px;}
	.content.detail .tip-wrap .tip-list > li .num {font-size:17px; line-height:29px; letter-spacing:-0.68px;}

	.content.detail .view-wrap .division.img {padding-top:10px;}
	.content.detail .view-wrap .division > .title {font-size:24px; line-height:36px; letter-spacing:-0.96px;}
	.content.detail .view-wrap .info-text {padding:0 20px;}
	.content.detail .view-wrap .info-text .item + .item {margin-top:3px;}
	.content.detail .view-wrap .info-text .item .title {flex-basis:90px; margin-right:10px; font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .view-wrap .info-text .item .cont {font-size:17px; line-height:29px; letter-spacing:-0.68px;}

	.relation-wrap {padding-top:60px;}
	.relation-wrap > .title {margin-bottom:20px; font-size:24px; line-height:36px; letter-spacing:-0.96px;}
	.relation-wrap .list {overflow-x:auto; margin:0 -20px; padding:0 20px;}
	.relation-wrap .list .item .img {height:218px;}
	.relation-wrap .list .item .text .type {font-size:16px; line-height:24px; letter-spacing:-0.64px;}
	.relation-wrap .list .item .text .title {font-size:20px; line-height:30px; letter-spacing:-0.8px;}
	.relation-wrap .list .item .text .sub {font-size:16px; line-height:24px; letter-spacing:-0.64px;}
}

/* tablet */
@media (min-width:768px) and (max-width:1023px) {
	.main-thumbnail {grid-template-columns:repeat(2, 1fr);}

	.container.story > .content.detail {padding-bottom:40px;}
	.container.story > .detail-header{margin:0 -24px;}

	.content.detail .visual {height:440px; margin:0 -24px;}
	.content.detail .visual .bottom {padding:40px;}
	.content.detail .visual .text .category {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .visual .text .sub {margin-top:9px;}
	.content.detail .article .inner {padding:40px 0;}
	.content.detail .article .article-img {margin:0 -24px;}
	/* .content.detail .article .article-img .img {height:524px;} */
	.content.detail .article .article-img.ver .img {max-height:863px;}
	.content.detail .article .info-box .item .title {font-size:17px; line-height:29px; letter-spacing:-0.68px;}
	.content.detail .article .info-box .item .cont {font-size:17px; line-height:29px; letter-spacing:-0.68px;}

	.content.detail .trend-wrap > .para {margin-top:2px;}

	.dining-tour-wrap .dining-tour-title .sub {margin-top:2px;}

	.content.detail .view-wrap .division.img {margin:0 -24px;}
	
	.relation-wrap .list .item + .item {margin-left:16px;}
}

/* mobile */
@media screen and (max-width:767px) {
	.container.story {padding:0 20px;}
	.container.story:has(.content.main) {padding:0 8px;}

  	.main-thumbnail {grid-template-columns:repeat(1, 1fr); overflow-anchor:none;}
	.main-thumbnail .item {transform:translateY(30px) scale(0.87);}
	.main-thumbnail .item.init {animation-name: zoomFade; animation-duration: 0.4s; animation-timing-function: ease-in-out; animation-fill-mode:forwards; transform-origin:center bottom;}
	@keyframes zoomFade {
		to {transform: translateY(0) scale(1);}
	}

	.container.story > .detail-header {margin:0 -20px;}

	.content.detail .btn-link {width:100%;}
	.content.detail .visual {height:390px; margin:0 -20px;}
	.content.detail .visual .bottom {padding:70px 24px 32px}
	.content.detail .visual .text .category {font-size:15px; line-height:23px; letter-spacing:-0.3px;}
	.content.detail .visual .text .sub {margin-top:6px;}
	.content.detail .article .inner {padding:20px 0;}
	.content.detail .article .article-img {margin:0 -20px;}
	.content.detail .article .article-img .img img {width:100%;}
	/* .content.detail .article .article-img .img {max-height:266px;}
	.content.detail .article .article-img.ver .img {max-height:438px;} */
	.content.detail .article .article-number-img {margin:0 -20px;}
	.content.detail .article .article-number-img .img-desc {margin:32px 20px 0;}
	.content.detail .article .number-swiper {padding:0 20px;}
	.content.detail .article .article-ranking-img {margin:0 -20px;}
	.content.detail .article .ranking-swiper {padding:0 20px;}
	.content.detail .article .info-box .item .title {font-size:16px; line-height:24px; letter-spacing:-0.64px;}
	.content.detail .article .info-box .item .cont {font-size:16px; line-height:24px; letter-spacing:-0.64px;}

	.content.detail .trend-wrap > .para {margin-top:4px;}

	.dining-tour-wrap .dining-tour-cont .price-wrap {flex-wrap:wrap;}
	.dining-tour-wrap .dining-tour-cont .price-wrap .info {flex-basis:100%;}
	.dining-tour-wrap .dining-tour-title .sub {display:block; margin-top:8px;}
	.dining-tour-wrap .dining-tour-title .sub .desc {margin-left:0;}

	.content.detail .view-wrap .division.img {margin:0 -20px;}

	.relation-wrap .list .item {flex-basis:168px; flex-shrink:0;}
	.relation-wrap .list .item + .item {margin-left:12px;}

	#modalShare {z-index:91;}
	#modalShare .header {margin-bottom:16px;}
	#modalShare .header .title {font-weight:600; font-size:18px; line-height:27px; letter-spacing:-0.72px;}
	#modalShare .share-btn-wrap {padding:12px 0;}
	#modalShare .share-btn-wrap button {font-size:14px; line-height:21px; letter-spacing:-0.56px;}
	#modalShare .share-btn-wrap button + button {margin-left:36px;}
	#modalShare .share-btn-wrap button::before {width:48px; height:48px;}
}

/* service */
.is-locked { overflow: hidden; touch-action: none; --scrollbar-width: 0px;}
.header.fixed {position: fixed;top: 0;left: 0;width: 100%;}

.service .swiper-navigation {font-size: 0; line-height: 0;}
.service .swiper-navigation .swiper-button {position: relative; width: 40px; height: 40px; text-indent: -9999px; border-radius: 50%; background-color: var(--alpha-wt10);}
.service .swiper-navigation .swiper-button::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; content: ''; background-repeat: no-repeat; background-position: center; background-size: 24px;}
.service .swiper-navigation .swiper-button + .swiper-button {margin-left: 8px;}
.service .swiper-navigation .swiper-button.prev::before {background-image: url('/static/assets/images/web/thebc/swiper_button_prev.svg');}
.service .swiper-navigation .swiper-button.next::before {background-image: url('/static/assets/images/web/thebc/swiper_button_next.svg');}
.service .swiper-navigation .swiper-button:disabled::before {opacity: 0.4;}
.service .swiper-navigation .swiper-button:hover {background-color: rgba(255, 255, 255, 0.50);}

.service-intro-wrap {position: relative; padding: 130px 0 0; min-height: 100vh; display: flex;flex-direction: column; align-items: center; transition: min-height 0.5s linear} 
.service-intro-wrap .intro-tit-wrap {margin-bottom: 40px; opacity: 1; transform: translateY(131px); min-width: max-content; text-align: center; color: var(--white); transition: transform 0.4s linear;}
.service-intro-wrap .intro-tit-wrap.init {transform: translateY(0);}
.service-intro-wrap .intro-tit-wrap .sub {margin-bottom: 24px; font-size: 24px; line-height: 29px;}
.service-intro-wrap .intro-tit-wrap .tit {font-weight: 700; font-size: 46px; line-height: 55px;}
.service-intro-wrap .intro-swiper-wrap {background-color: var(--gray-900);}
.service-intro-wrap .intro-img-wrap {transform: translateY(74px); width: 181px; height: 243px; overflow: hidden; opacity: 0; transition: width 1s ease-out, height 1s ease-out, opacity 0.4s linear, transform 0.4s linear;  will-change: width, height, transform;}
.service-intro-wrap .intro-img-wrap.init {opacity: 1; transform:  translateY(0);}
.service-intro-wrap .intro-img-wrap .image-track {width: 100%; transition: transform 0.2s ease-out; will-change: transform;}
.service-intro-wrap .intro-img-wrap .image-track img {width: 100%; max-width: unset; height: 298px; object-fit: cover; object-position: center; display: block; pointer-events: none; user-select: none;}
.service-intro-wrap .intro-indicator-wrap {opacity: 0; position: relative; max-width: 1200px; margin: 0 auto; padding: 20px; display: flex; align-items: center; justify-content: center; transition: opacity 0.5s ease-out;}
.service-intro-wrap .intro-indicator-wrap.show {opacity: 1;}
.service-intro-wrap .intro-indicator-wrap .swiper-pagination {position: static; display: flex; align-items: center; justify-content: center; width: auto;}
.service-intro-wrap .intro-indicator-wrap .swiper-pagination .swiper-pagination-bullet {width: 36px; height: 2px; border-radius: 0; background-color: rgba(255, 255, 255, 0.6);}
.service-intro-wrap .intro-indicator-wrap .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--white);}
.service-intro-wrap .intro-indicator-wrap .swiper-control {font-size: 0; line-height: 0; margin-left: 8px;}
.service-intro-wrap .intro-indicator-wrap .swiper-control [class^=btn-] {font-size: 0; line-height: 0; color: transparent; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.service-intro-wrap .intro-indicator-wrap .swiper-control .btn-pause {background-image: url(/static/assets/images/web/thebc/carousel-pause.svg);}
.service-intro-wrap .intro-indicator-wrap .swiper-control .btn-play {background-image: url(/static/assets/images/web/thebc/carousel-play.svg);}
.service-intro-wrap .intro-indicator-wrap .swiper-navigation {opacity: 0; z-index: 2; position: absolute; right: 0; top: -50px; transition: opacity 0.5s 0.1s ease-out;}
.service-intro-wrap .intro-indicator-wrap.show .swiper-navigation {opacity: 1;}
.service-intro-wrap .intro-indicator-wrap .swiper-navigation .swiper-button {background-color: rgba(0, 0, 0, 0.60);}

.step1 .intro-img-wrap,
.step2 .intro-img-wrap {width: calc(100vw - var(--scrollbar-width)); height: 298px;}
.step3 .intro-img-wrap {transition: unset}
.step3 .service-intro-wrap {min-height: auto;}

.service .sec-head {padding-bottom: 32px; color: var(--white); display: flex; align-items: center; justify-content: space-between; }
.service .sec-head .tit {font-weight: 700; font-size: 32px; line-height: 134%; letter-spacing: -1.28px;}
.service .sec-head .tit br {display: none;}
.service .sec-head .sub {margin-bottom: 6px; color: var(--gray-100); font-size: 18px; letter-spacing: -0.72px;}

.service .tab-wrap {display: flex; align-items: center;}
.service .tab-wrap .tab-linker {display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; height: 40px; border-radius: 100px; color: var(--gray-200); font-size: 16px; font-weight: 500; letter-spacing: -0.64px; background-color: var(--primary-p600);}
.service .tab-wrap .tab-linker:hover {color: var(--white); background-color: #3F3F3F;}
.service .tab-wrap .tab-linker + .tab-linker {margin-left: 8px;}
.service .tab-wrap .tab-linker.active {background-color: var(--white); color: var(--gray-900); font-weight: 600;}

.taste-trip-sec {opacity: 0; transform: translateY(50px); transition: opacity 0.5s linear, transform 0.5s linear; position: relative; padding: 80px 0;}
.step3 .taste-trip-sec {opacity: 1; transform: translateY(0);}
.taste-trip-sec::before {z-index: -1; position: absolute; top: 0; left: 50%; width: calc(100vw - var(--scrollbar-width)); height: 100%; transform: translateX(-50%); background-color: var(--gray-900); content: '';}
.serviceSwiper {overflow-x: hidden;}
.taste-trip-sec .tab-cont {display: none;}
.taste-trip-sec .tab-cont.active {display: block;}
.taste-trip-sec .service-item button {display: block; text-align: left;}
.taste-trip-sec .service-item .img-wrap {position: relative; border-radius: var(--radius-16); width: 100%; max-height: 158px; overflow: hidden;transform: translateZ(0); -webkit-transform: translateZ(0); isolation: isolate;}
.taste-trip-sec .service-item .img-wrap img {display: block;width: 100%; transition:transform 0.4s;}
.taste-trip-sec .service-item button:hover img {transform:scale(1.02);}
.taste-trip-sec .service-item .img-wrap .badge {position: absolute; z-index: 2; top: 12px; left: 12px; padding: 4px 6px; display: inline-flex; align-items: center; justify-content: center; height: 22px; border-radius: var(--radius-4); background-color: var(--point-600); text-align: center; font-weight: 600; font-size: 12px; color: var(--white);}
.taste-trip-sec .service-item .info-wrap {margin-top: 20px;}
.taste-trip-sec .service-item .info-wrap .store {font-size: 15px; letter-spacing: -0.5px; color: var(--gray-60);}
.taste-trip-sec .service-item .info-wrap .tit {margin-top: 12px; font-weight: 700; font-size: 20px; letter-spacing: -0.8px; color: var(--white);}
.taste-trip-sec .service-item .info-wrap .date {margin-top: 8px; font-size: 15px; letter-spacing: -0.6px; color: var(--gray-200);}
.serviceSwiper .swiper-navigation {margin-top: 32px; display: flex; align-items: center; justify-content: flex-start; color: transparent;}

.card-recommend-sec {padding: 80px 0 150px;}
.card-recommend-sec .card-list-wrap {display: flex; white-space: nowrap;}
.card-recommend-sec .card-list-wrap::-webkit-scrollbar {display: none;}
.card-recommend-sec .card-list-wrap .card-item {flex-basis: calc(25% - 18px); flex-shrink: 0;}
.card-recommend-sec .card-list-wrap .card-item + .card-item {margin-left: 24px;}
.card-recommend-sec .card-list-wrap .card-item .card {position: relative; overflow: hidden; border-radius: var(--radius-16); background-color: var(--gray-800); height: 366px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 60px 20px 32px;}
.card-recommend-sec .card-list-wrap .card-item .card::before,
.card-recommend-sec .card-list-wrap .card-item .card::after {position: absolute; width: 0; height: 0; border: 1px solid var(--alpha-wt10); opacity: 0; box-sizing: border-box; content: ''; border-radius: var(--radius-16);}
.card-recommend-sec .card-list-wrap .card-item .card::before {top: 0; right: 0; border-top: 0; border-left: 0;}
.card-recommend-sec .card-list-wrap .card-item .card::after {bottom: 0; left: 0; border-right: 0; border-bottom: 0;}
/* .card-recommend-sec .card-list-wrap .card-item .card:hover {background-color: var(--gray-700);}
.card-recommend-sec .card-list-wrap .card-item .card:hover::before,
.card-recommend-sec .card-list-wrap .card-item .card:hover::after {width: 100%; height: 100%; opacity: 1;}
.card-recommend-sec .card-list-wrap .card-item .card:hover::before {transition: height 0.1s linear, width 0.1s linear 0.1s;}
.card-recommend-sec .card-list-wrap .card-item .card:hover::after {transition: opacity 0ms 0.2s, height 0.1s linear 0.2s, width 0.1s linear 0.3s;} */
.card-recommend-sec .card-list-wrap .card-item .img-wrap {width: 113px;}
.card-recommend-sec .card-list-wrap .card-item .img-wrap img {display: block;}
.card-recommend-sec .card-list-wrap .card-item .card-name {text-align: center; font-weight: 600; font-size: 18px; letter-spacing: -0.72px; color: var(--white);}

.promo-banner-wrap {background-color: rgba(126, 90, 54, 0.50);}
.promo-banner-wrap .bnr-item {display: flex; width: 100%; max-width: 1200px; min-height: 68px; margin: 0 auto; align-items: center; justify-content: space-between; padding: 20px 0 21px; color: var(--white);}
.promo-banner-wrap .bnr-item .txt {word-break: keep-all; font-weight: 700; font-size: 20px; line-height: 1.34; letter-spacing: -0.8px; line-height: 27px;}
.promo-banner-wrap .bnr-item .goto {flex-shrink: 0; display: inline-flex; align-items: center; font-size: 18px; letter-spacing: -0.72px; line-height: 27px;}
.promo-banner-wrap .bnr-item .goto::after {content: ''; width: 24px; height: 27px; margin-left: 2px; background: url(/static/assets/images/web/thebc/ico-arr-right.svg) 0 / 100% no-repeat;}
.promo-banner-wrap ~ .footer {margin-top: 0;}

#invitation-pop .invitation-wrap .invitation-info {padding: 0 32px 24px;}
#invitation-pop .invitation-wrap .invitation-info .date {margin-bottom: 4px; font-size: 15px; letter-spacing: -0.3px; color: var(--gray-700);}
#invitation-pop .invitation-wrap .invitation-info .tit {font-size: 24px; line-height: 36px; letter-spacing: -0.96px; font-weight: 700; color: var(--gray-900);}
#invitation-pop .invitation-wrap .invitation-info .store {margin-top: 4px; font-size: 16px; color: var(--gray-700);}
#invitation-pop .invitation-wrap .img-box {padding: 0 32px;}
#invitation-pop .invitation-wrap .img-box img {display: block;}
#invitation-pop .invitation-wrap .more-info {padding: 16px 20px;}
#invitation-pop .invitation-wrap .info-box {display: flex; padding: 16px 24px 16px 12px; border-radius: var(--radius-16); background-color: var(--gray-20); font-size: 16px; letter-spacing: -0.64px;}
#invitation-pop .invitation-wrap .info-box::before {display: block; width: 20px; height: 20px; margin: 2px 10px 0 0; flex-shrink: 0; background: url(/static/assets/images/web/thebc/ico-info.svg) 0 / 100% no-repeat; content: '';}
#invitation-pop .invitation-wrap .more-info .list--dot {margin-top: 12px;}
#invitation-pop .invitation-wrap .more-info .list--dot li {padding-left: 11px; font-size: 15px; color: var(--gray-500);}
#invitation-pop .invitation-wrap .more-info .list--dot li + li {margin-top: 5px;}
#invitation-pop .invitation-wrap .more-info .list--dot li::before {top: 10px; background-color: var(--gray-500);}
#invitation-pop .invitation-wrap .card-info {padding: 20px 32px;}
#invitation-pop .invitation-wrap .b-tit {margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px solid var(--black); font-weight: 600; font-size: 18px; line-height: 27px; letter-spacing: -0.72px; color: var(--gray-900);}
#invitation-pop .invitation-wrap .card-list-wrap {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;}
#invitation-pop .invitation-wrap .card-list-wrap .card-item {display: flex; flex: 0 0 calc(50% - 4px); padding: 12px 24px 12px 20px; background-color: var(--gray-20); border-radius: var(--radius-12); align-items: center;}
#invitation-pop .invitation-wrap .card-list-wrap .card-item .img {position: relative; width: 40px; margin-right: 20px; overflow: hidden; border-radius: 6px;}
#invitation-pop .invitation-wrap .card-list-wrap .card-item .img::before {position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 6px; border: 1px solid var(--alpha-bk5); content: '';}
#invitation-pop .invitation-wrap .card-list-wrap .card-item .img img {display: block; width: 100%;}
#invitation-pop .invitation-wrap .card-list-wrap .card-item .name {font-size: 16px; color: var(--gray-700); font-weight: 600;}
#invitation-pop .invitation-wrap .menu-info {padding: 20px;}
#invitation-pop .invitation-wrap .menu-info .item + .item {padding-top: 20px; margin-top: 20px; border-top: 1px dashed var(--alpha-bk10);}
#invitation-pop .invitation-wrap .menu-info .item .tit {font-weight: 600;}
#invitation-pop .invitation-wrap .menu-info .item .price {display: block; margin-top: 2px;}
#invitation-pop .invitation-wrap .menu-info .item .sub {font-size: 14px; font-weight: 400; letter-spacing: -0.56px;}
#invitation-pop .invitation-wrap .menu-info .item .detail {margin-top: 12px; color: var(--gray-500); font-size: 16px; letter-spacing: -0.64px;}
#invitation-pop .invitation-wrap .menu-info .item .benefit {margin-top: 12px; padding: 12px 24px; border-radius: var(--radius-16); background-color: var(--gray-20); text-align: center; color: var(--gray-500); font-size: 15px; line-height: 23px; letter-spacing: -0.3px;}
#invitation-pop .invitation-wrap .menu-info .list--dot li {padding-left: 11px; font-size: 15px; color: var(--gray-500);}
#invitation-pop .invitation-wrap .menu-info .list--dot li + li {margin-top: 5px;}
#invitation-pop .invitation-wrap .menu-info .list--dot li::before {top: 10px; background-color: var(--gray-500);}
#invitation-pop .invitation-wrap .store-info {padding: 20px;}
#invitation-pop .invitation-wrap .store-info .item + .item {margin-top: 20px;}
#invitation-pop .invitation-wrap .store-info .item .tit {margin-bottom: 8px; color: var(--gray-900); font-weight: 600; letter-spacing: -0.64px;}
#invitation-pop .invitation-wrap .store-info .list--dot li {padding-left: 11px; color: var(--gray-500); font-size: 16px; letter-spacing: -0.64px;}
#invitation-pop .invitation-wrap .store-info .list--dot li + li {margin-top: 8px;}
#invitation-pop .invitation-wrap .store-info .list--dot li::before {top: 10px; background-color: var(--gray-500);}
#invitation-pop .invitation-wrap .notice-wrap {padding: 40px 20px 100px; background-color: var(--gray-20);}
#invitation-pop .invitation-wrap .notice-wrap .notice-tit {margin-bottom: 20px; color: var(--gray-900); font-size: 18px; letter-spacing: -0.72px; font-weight: 600;}
#invitation-pop .invitation-wrap .notice-wrap .list--dot li {padding-left: 11px; font-size: 16px; letter-spacing: -0.64px; color: var(--gray-500);}
#invitation-pop .invitation-wrap .notice-wrap .list--dot li + li {margin-top: 6px;}
#invitation-pop .invitation-wrap .notice-wrap .list--dot li::before {top: 10px; background: var(--gray-500);}
#invitation-pop .lpop-foot {padding: 0 32px 32px;}
#invitation-pop .lpop-foot::before {top: -20px; height: 20px;}
#invitation-pop .lpop-foot .btn-save {display: flex; width: 100%; height: 48px; align-items: center; justify-content: center; border-radius: var(--radius-12); padding: 12px 16px; background-color: var(--primary-p800); color: var(--white); font-size: 18px; font-weight: 600; letter-spacing: -0.72px;}
#invitation-pop .lpop-foot .btn-save::before {content: ''; width: 20px; height: 20px; background: url(/static/assets/images/web/thebc/ico-download.svg) 0 / 100% no-repeat; margin-right: 4px;}

#ticket-capture {position: fixed; top: 0; left: 0; z-index: -9999; opacity: 0; max-width: 390px; background: #A9967B; padding: 40px 20px;}
#ticket-capture .header {padding-bottom: 18px; display: flex; align-items: center; justify-content: space-between;}
#ticket-capture .header .logo {width: 90px;}
#ticket-capture .header .logo img {display: block;}
#ticket-capture .header p {font-size: 14px; letter-spacing: -0.56px; font-weight: 700; color: var(--white);}
#ticket-capture .ticket {background: var(--white);}
#ticket-capture .ticket-top {padding: 32px 24px 40px;}
#ticket-capture .ticket-header {position: relative; min-height: 93px;}
#ticket-capture .ticket-header .date {margin-bottom: 8px; color: var(--gray-400); font-size: 15px; letter-spacing: -0.3px;}
#ticket-capture .ticket-header .title {color: var(--gray-900); font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -0.96px;}
#ticket-capture .ticket-header .store {margin-top: 4px; font-weight: 500; color: var(--gray-700);}
#ticket-capture .ticket-header .bg {position: absolute;z-index: 0; top: 0; right: 0; width: 88px; height: 86px;}
#ticket-capture .ticket-header .bg img {display: block;}
#ticket-capture .ticket-info-box {margin: 16px -24px 0; padding: 24px 16px; background-color: var(--gray-20);}
#ticket-capture .ticket-info-box .info-wrap {display: flex; align-items: center;}
#ticket-capture .ticket-info-box .ico {width: 16px; height: 16px; margin-right: 4px;}
#ticket-capture .ticket-info-box .ico img {display: block; width: 100%; height: 100%;}
#ticket-capture .ticket-info-box p {color: var(--gray-900); font-size: 15px; letter-spacing: -0.6px;}
#ticket-capture .ticket-info-box .card-list-wrap {display: flex; align-items: center; justify-content: center; margin-top: 16px;}
#ticket-capture .ticket-info-box .card-list-wrap .card-item {flex-basis: 75px;}
#ticket-capture .ticket-info-box .card-list-wrap .card-item + .card-item {margin-left: 6px;}
#ticket-capture .ticket-info-box .card-list-wrap .img {display: block; width: 70px; height: 45px; margin: 0 auto; overflow: hidden; border-radius: 4px;}
#ticket-capture .ticket-info-box .card-list-wrap .img img {width: 45px; height: 70px; object-fit: cover; transform: rotate(-90deg); transform-origin: 22.5px 22.5px;}
#ticket-capture .ticket-info-box .card-list-wrap .name {margin-top: 5px; display: block; font-size: 15px; line-height: 22.5px; letter-spacing: -0.3px; color: var(--gray-500); text-align: center;}
#ticket-capture .ticket-info-list {margin-top: 16px;}
#ticket-capture .ticket-info-list li {position: relative; padding-left: 11px; color: var(--gray-500); font-size: 15px; letter-spacing: -0.6px;}
#ticket-capture .ticket-info-list li + li {margin-top: 3px;}
#ticket-capture .ticket-info-list li::before {content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: var(--gray-500);}
#ticket-capture .ticket-body {position: relative; padding: 24px 24px 40px; border-top: 1px solid var(--alpha-bk10);}
#ticket-capture .ticket-body::before,
#ticket-capture .ticket-body::after {content: ''; position: absolute; top: -9px; width: 18px; height: 18px; border-radius: 50%; aspect-ratio: 1/1; background-color: #A9967B;}
#ticket-capture .ticket-body::before {left: -11px;}
#ticket-capture .ticket-body::after {right: -11px;}
#ticket-capture .ticket-body > div + div {margin-top: 25px;padding-top: 25px; border-top: 1px dashed var(--alpha-bk10);}
#ticket-capture .ticket-body .menu-info .item + .item {margin-top: 25px;padding-top: 25px; border-top: 1px dashed var(--alpha-bk10);}
#ticket-capture .ticket-body .menu-info .tit {color: var(--black); font-size: 18px; font-weight: 600; letter-spacing: -0.72px;}
#ticket-capture .ticket-body .menu-info .price {display: block; margin-top: 2px;}
#ticket-capture .ticket-body .menu-info .price .sub {font-size: 14px; font-weight: 400; letter-spacing: -0.56px;}
#ticket-capture .ticket-body .menu-info .detail {margin-top: 12px; color: var(--gray-500); font-size: 15px; letter-spacing: -0.6px;}
#ticket-capture .ticket-body .menu-info .benefit {margin-top: 12px; padding: 12px 24px; background: var(--gray-20); text-align: center; font-size: 15px; letter-spacing: -0.3px; color: var(--gray-500);}
#ticket-capture .notice-wrap .notice-tit {margin-bottom: 12px; color: var(--black); font-size: 16px; letter-spacing: -0.64px; font-weight: 600;}
#ticket-capture .notice-wrap .list--dot li {padding-left: 11px; color: var(--gray-500); font-size: 16px; letter-spacing: -0.64px;}
#ticket-capture .notice-wrap .list--dot li + li {margin-top: 12px;}
#ticket-capture .notice-wrap .list--dot li::before {top: 10px; background-color: var(--gray-500);}

@media screen and (max-width:1240px) {
	.promo-banner-wrap .bnr-item  {max-width:100%; padding: 20px 20px 21px;}
}

/* tablet + moblie */
@media screen and (max-width:1023px) {
	.container.service {padding: 0 20px;}
	.service-intro-wrap {padding: 60px 0 0;}
	.service-intro-wrap .intro-tit-wrap {transform: translateY(145px); transition: transform 0.8s linear;}
	.service-intro-wrap .intro-tit-wrap .sub {font-size: 16px; letter-spacing: -0.64px; line-height: 1.5;}
	.service-intro-wrap .intro-tit-wrap .tit {font-size: 32px; line-height: 38px;}
	.service-intro-wrap .intro-swiper-wrap {background-color: var(--primary-p700);}
	.service-intro-wrap .intro-img-wrap {transform: translateY(145px); transition: width 0.4s ease-out, height 0.4s ease-out, opacity 0.8s linear, transform 0.8s linear;}
	.service-intro-wrap .intro-img-wrap .image-track {transition: transform 0.3s ease-out;}
	.service-intro-wrap .intro-img-wrap .image-track img {height: 243px;}
	.service-intro-wrap .intro-indicator-wrap .swiper-navigation  {right: 24px;}

	.step1 .intro-img-wrap, 
	.step2 .intro-img-wrap {height: 243px;}

	.service .sec-head .sub {margin-bottom: 7px;}
	.service .sec-head .tit {font-size: 24px; line-height: 1.5; letter-spacing: -0.96px;}
	.service .sec-head .tit br {display: block;}

	.taste-trip-sec {padding: 60px 0 80px;}
	.taste-trip-sec::before {background-color: var(--primary-p700);}
	.taste-trip-sec .serviceSwiper {margin: 0 -20px; padding: 0 20px;}
	.serviceSwiper .swiper-navigation {display: none;}
	.taste-trip-sec .service-item {flex-basis: 230px;}
	.taste-trip-sec .service-item .info-wrap {margin-top: 12px;}
	.taste-trip-sec .service-item .info-wrap .store {font-size: 16px; letter-spacing: -0.64px;}
	.taste-trip-sec .service-item .info-wrap .tit {margin-top: 16px;}
	.taste-trip-sec .service-item .info-wrap .date {margin-top: 12px; font-size: 16px; letter-spacing: -0.64px;}
	/* .taste-trip-sec .service-item button:hover img {transform: unset;} */

	.card-recommend-sec {padding: 60px 0 120px;}
	.card-recommend-sec .card-list-wrap {margin: 0 -20px; padding: 0 20px; overflow-x: auto;}
	.card-recommend-sec .card-list-wrap .card-item {flex-basis: 230px;}
	.card-recommend-sec .card-list-wrap .card-item + .card-item {margin-left: 12px;}
	.card-recommend-sec .card-list-wrap .card-item .card {height: 299px;}
	.card-recommend-sec .card-list-wrap .card-item .img-wrap {width: 88px;}
	.card-recommend-sec .card-list-wrap .card-item .card-name {font-size: 16px; letter-spacing: -0.64px;}

	.promo-banner-wrap .bnr-item {padding: 20px 24px 21px;}
}

/* tablet */
@media (min-width:768px) and (max-width:1023px) {
	.service .sec-head .sub {font-size: 16px; letter-spacing: -0.64px;}
}

/* mobile */
@media screen and (max-width:767px) {
	.select-lpop .lpop-header {padding-top: 66px; min-height: 66px;}
	.service .sec-head {flex-direction: column; align-items: flex-start; padding-bottom: 16px;}
	.service .sec-head .tab-wrap {margin-top: 20px;}
	.service .sec-head .sub {font-size: 18px; letter-spacing: -0.72px;}

	.taste-trip-sec .service-item .img-wrap .badge {top: 8px; left: 8px;}

	.promo-banner-wrap .bnr-item .txt {font-size:16px; font-weight:600; line-height:1.5; letter-spacing:-0.64px;}
	.promo-banner-wrap .bnr-item .goto {font-size:0; color:transparent;}

	#invitation-pop .invitation-wrap .invitation-info {padding: 0 20px 24px;}
	#invitation-pop .invitation-wrap .img-box {padding: 0;}
	#invitation-pop .invitation-wrap .more-info {padding: 20px;}
	#invitation-pop .invitation-wrap .card-info {padding: 20px;}
	#invitation-pop .invitation-wrap .card-list-wrap {margin: 0 -20px; padding: 0 20px; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto;}
	#invitation-pop .invitation-wrap .card-list-wrap::-webkit-scrollbar {display: none;}
	#invitation-pop .invitation-wrap .card-list-wrap .card-item {flex-basis: 264px;}
	#invitation-pop .lpop-foot {padding: 0 20px 20px;}
	#invitation-pop .lpop-foot::before {top: -24px; height: 24px;}
	#invitation-pop .lpop-foot .btn-save {height: 56px;}
}

/* 모션 부분 접근성 대응 */
@media (prefers-reduced-motion: reduce) {
	.service-intro-wrap {
		min-height: auto;
	}
	.service-intro-wrap .intro-tit-wrap  {
		transform: none ;
		transition: none;
	}
	.service-intro-wrap .intro-img-wrap {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.taste-trip-sec {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 이미지 확대 */
.zoom-image {cursor:zoom-in; transition:.2s;}
#imageModal {position:fixed; inset:0; background:rgba(0,0,0,.92); display:flex; justify-content:center; align-items:center; z-index:9999;}
#imageModal[hidden] {display:none;}
#imageModal .img-wrap {position:relative;}
#imageModal .viewer {position:fixed; inset:0; overflow:hidden;  display:flex; justify-content:center; align-items:center;}
#modalClose {position:fixed; top:20px; right:20px; z-index:1; width:30px; height:30px; text-indent:-9999px; background: url(/static/assets/images/comm/ico-close-white.svg) no-repeat left center/cover; font-size:0;}
#modalImage {max-width:90vw; max-height:90vh; user-select:none; -webkit-user-drag:none; touch-action:none; cursor:grab; transform-origin:center center; transition:transform .15s ease;}

@media screen and (max-width:767px) {
	#modalImage {max-width:100vw;} 
	#modalClose {top:15px; right:15px;}
}