@charset "utf-8"; 

/* header */
.header { background:none; }
.headTop { display:flex; justify-content:space-between; max-width:100%; padding:3.25em 3.875em .375em 3.0625em; }
.headTop .logo { position:static; }
body:not(:has(.scroll)) .headTop .logo a { width:8.4375em; height:3.4375em; background:url(../images/main_2026/logo.png) no-repeat 50% 50%; background-size:contain; }
.headTop .btnAllMenu { display:block !important; }
.headTop .btnAllMenu button { width:2.0625em; }
.headTop .btnAllMenu .icoMenu { width:100%; height:1.75em; }
.headTop .icoMenu i::before { top:-.75em; }
.headTop .icoMenu i::after { top:.75em; }
.gnbWrap {transform:translateY(-100%);transition:.25s .1s cubic-bezier(0.22, 0.61, 0.36, 1);position:absolute;top:0;left:0;width:100%;background:#fff;border-top:none;}
.gnbWrap .scrollLogo a { display:block; text-indent:-9999px; }
.scroll .gnbWrap .scrollLogo { position:absolute; top:1.875em; left:2.375em; }
.scroll .gnbWrap .scrollLogo a { width:5.9375em; height:2.4375em; background:url(../images/common/logo.png) no-repeat; background-size:100%; transition:all .15s; }
.gnbWrap .btnAllMenu { position:absolute; top:2.5em; right:3.3125em; display:flex; align-items:center; }
.gnbWrap .gnb { justify-content:center; }
.gnb .gnbList {width:50.625em;justify-content:space-between; }
.gnb .gnbList>li { margin:0; }
.gnb .gnbList>li>a { padding:1.75em 0; }
.scroll .headTop { display:none; }
.scroll .gnbWrap { transform:translateY(0); }
/* ico menu */
body:not(:has(.scroll)) .icoMenu i,
body:not(:has(.scroll)) .icoMenu i::before,
body:not(:has(.scroll)) .icoMenu i::after { height: 3px; background: #fff; }
body:not(:has(.scroll)) .btnAllMenu button:hover .icoMenu i,
body:not(:has(.scroll)) .btnAllMenu button:hover .icoMenu i::before,
body:not(:has(.scroll)) .btnAllMenu button:hover .icoMenu i::after { background: #fff; }
body:not(:has(.scroll)) .icoMenu.close i,
body:not(:has(.scroll)) .icoMenu.close i::before,
body:not(:has(.scroll)) .icoMenu.close i::after { background:#000; }
body:not(:has(.scroll)) .icoMenu.close i { height: 0; }
body:not(:has(.scroll)) .btnAllMenu button:hover .icoMenu.close i::before,
body:not(:has(.scroll)) .btnAllMenu button:hover .icoMenu.close i::after { background:#1a3ac5; }

@media screen and (max-width:960px) { 
	/* header */
	body:not(:has(.scroll)) .header { background:transparent; }
	.header { border:none; background:#fff; }
	.scroll .headTop { display: flex; }
	
	.headTop { padding:4em 3.3333% 1.909em 5.8333%; }
	.headTop .btnAllMenu { display:none !important; }
	.btnMoGnb { position:static; }
	
	body:not(:has(.scroll)) .headTop { padding:2.182em 3.3333% 1.909em 5.8333%; }
	body:not(:has(.scroll)) .headTop .logo a { width:6.182em; height:2.546em; }
	body:not(:has(.scroll)) .icoMenu i,
	body:not(:has(.scroll)) .icoMenu i::before,
	body:not(:has(.scroll)) .icoMenu i::after { height:2px; }

	.gnbWrap { transform:none; transition:none; position:fixed; left:auto; }
	.gnbWrap .scrollLogo { display:none; }
	.gnbWrap .btnAllMenu { display:none; }
	.gnb .gnbList { width:100%; }
	.gnb .gnbList>li { margin:1em 0 0; }
	.gnb .gnbList>li>a { padding:.5625em 0; }
}

/* footer */
.footer { position: relative; max-width: none; padding-inline:2em; border-top: none; background: #f5f5f5; }
.footer .ftInner { display: flex; justify-content: space-between; max-width:1707px; margin-inline: auto; padding-block:5.25em 6.875em; }
.footer .left { display: flex; gap:4em; align-items: center; padding-left:2.8125em; }
.footer .left .ftMenu { display: flex; margin-block-end: 1.375em; }
.footer .left .ftMenu li { position: relative; margin-inline-end:0.875em; padding-inline-end:0.875em; }
.footer .left .ftMenu li::after { content:''; position: absolute; top:calc(50% - 0.75em/2); right:-1px; width: 1px; height: 0.75em; background: #c7c7c7; }
.footer .left .ftMenu li:last-child:after { content:none; }
.footer .left .ftMenu li a { display: inline-block; color: #5e5e5e; }
.footer .left .ftMenu li a:focus-visible,
.footer .left .ftMenu li a:hover { color:#1a3ac5; }
.footer .left .ftMenu li a span { display:inline-block; position:relative; padding:1px 0; }
.footer .left .ftMenu li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.footer .left .ftMenu li a:focus-visible span::after,
.footer .left .ftMenu li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.footer .left .ftAddr address { color: #676767; font-weight: 400; }
.footer .left .ftAddr .copyright { margin-top: 0; color: #bfbfbf; font-weight: 400; font-size: 1em; }
.footer .right { display: flex; gap:3.75em; }
.footer .right .tit { margin-bottom: 1.375em; color: #929292; }
.footer .right .siteShortcut .familySite button { display:inline-flex; align-items: center; width: 15em; height:3.375em; padding:0 0 0 1.375em; border:1px solid #c7c7c7; background: #fff; color: #808080; font-size: 1em; box-sizing: border-box; }
.footer .right .snsShortcut .snsList button { display: inline-block; width:3.4375em; height:3.4375em; border-radius: 50%; border:1px solid #c7c7c7; box-sizing: border-box; background-color: #fff; background-size: contain; }
.footer .snsShortcut .snsList { gap:0.75em; }
.footer .snsShortcut .snsList li { margin: 0; }
.footer .snsShortcut .snsList li.facebook button { background-image:url(../images/main_2026/icon_facebook.png); }
.footer .snsShortcut .snsList li.kakaotalk button { background-image:url(../images/main_2026/icon_kakao.png); }
.footer .snsShortcut .snsList li.url button { background-image:url(../images/main_2026/icon_link.png); }
.footer .snsShortcut .snsList li button:focus-visible,
.footer .snsShortcut .snsList li button:hover { background-color:#1a3ac5; border-color:#1a3ac5; }
.footer .snsShortcut .snsList li.facebook button:focus-visible,
.footer .snsShortcut .snsList li.facebook button:hover { background-image:url(../images/main_2026/icon_facebook_hover.png); }
.footer .snsShortcut .snsList li.kakaotalk button:focus-visible,
.footer .snsShortcut .snsList li.kakaotalk button:hover { background-image:url(../images/main_2026/icon_kakao_hover.png); }
.footer .snsShortcut .snsList li.url button:focus-visible,
.footer .snsShortcut .snsList li.url button:hover { background-image:url(../images/main_2026/icon_link_hover.png); }
@media screen and (max-width: 960px) {
	.footer .ftInner { display: block; padding-block:3em 5em; }
	.footer .left .ftMenu,
	.footer .right { display: none; }
	.footer .left { gap:2.182em; justify-content: center; padding-left: 0; }
	.footer .left .ftLogo { max-width:7.818em; }
	.footer .left .ftAddr .copyright { margin-top:3px; font-size: 0.8em; }
}

/* link */
.btnMenuArea { display:flex; align-items:center; }
.btnMenuArea .link { margin-right:1.625em; }
.btnMenuArea .link a { display:block; padding:.5em .75em; border:1px solid #c6cbde; border-radius:.25em; }
.btnMenuArea .link a span { padding-left:1.25em; background:url(../images/main/btn_link_home.png) no-repeat left center; background-size:.875em; color:#475168; }
@media screen and (max-width:960px) { 
    .btnMenuArea .link { margin-right:1.25em; }
}

/* 모션 최소화 환경 */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* icon */
i.ico { display:inline-flex; background-repeat: no-repeat; background-position: 50% 50%; background-size:contain; -webkit-mask-position-x: center; -webkit-mask-position-y: center; mask-size: contain; mask-repeat: no-repeat; }
i.ico.prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M9.013,13.728 L7.707,15.013 L1.373,8.796 L1.307,8.860 L0.001,7.576 L0.066,7.513 L0.001,7.449 L1.307,6.165 L1.373,6.230 L7.707,0.012 L9.013,1.297 L2.680,7.512 L9.013,13.728 Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M9.013,13.728 L7.707,15.013 L1.373,8.796 L1.307,8.860 L0.001,7.576 L0.066,7.513 L0.001,7.449 L1.307,6.165 L1.373,6.230 L7.707,0.012 L9.013,1.297 L2.680,7.512 L9.013,13.728 Z'/%3E%3C/svg%3E"); }
i.ico.next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M8.999,7.551 L7.693,8.835 L7.627,8.770 L1.293,14.988 L-0.013,13.703 L6.320,7.487 L-0.013,1.272 L1.293,-0.013 L7.627,6.205 L7.693,6.140 L8.999,7.424 L8.934,7.487 L8.999,7.551 Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M8.999,7.551 L7.693,8.835 L7.627,8.770 L1.293,14.988 L-0.013,13.703 L6.320,7.487 L-0.013,1.272 L1.293,-0.013 L7.627,6.205 L7.693,6.140 L8.999,7.424 L8.934,7.487 L8.999,7.551 Z'/%3E%3C/svg%3E"); }

.heroMain { display: flex; flex-direction: column; justify-content: center; z-index: 0; position:sticky; inset-inline-start:0; inset-block-start: 0; width: 100%; height: 100dvh; min-height: 720px; box-sizing: border-box; }
.heroMain .heroMedia { position: absolute; inset: 0; z-index: -1; }
.heroMain .heroMedia video { width: 100%; height: 100%; object-fit: cover; }
.heroMain .heroInner { flex-grow: 1; display:flex; align-items: center; justify-content: center; z-index: 2; position: relative; width: 100%; box-sizing: border-box; }
.heroMain .heroInner .heroCon { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; width: 100%; max-width: 1040px; margin-inline: auto; padding: 6.25em; backdrop-filter:blur(8px); border-radius:2em; }
.heroMain .heroInner .heroCon::before { content: ''; position: absolute; top: calc(50% + 0.5em); left: 50%; width: 1px; height: 11.25em; margin-left: -1px; background: rgba(255,255,255,0.42); transform: translateY(-50%); }
.heroMain .heroInner .heroTitle { color: #fff; text-align: center; font-weight: 900; font-size: 2.625em; letter-spacing: -0.03em; }
.heroMain .heroInner .heroSearch,
.heroMain .heroInner .heroShortcuts { min-width: 0; }
.heroMain .heroInner .heroSearch { max-width: 470px; padding-left:1.75em; box-sizing: border-box; }
.heroMain .heroInner .heroSearch .desc { margin-top: 1em; margin-bottom: 1.25rem; color: #fff; font-size: 1.5em; text-align: center; }
.heroMain .heroInner .heroSearch .searchBox { position: relative; max-width:434px; }
.heroMain .heroInner .heroSearch .searchBox .searchkeyword { position: relative; }
.heroMain .heroInner .heroSearch .searchBox .searchkeyword .searchText { width: 100%; height:4.25rem; padding-left: 3.5rem; padding-right:10.625rem; border-radius:0.625em; border:none; background:#fff url(../images/main_2026/icon_main_search.png) no-repeat 1.5rem 50%; background-size:1.5625rem auto; font-size:1.0625em; }
.heroMain .heroInner .heroSearch .searchBox .bestItem { position: absolute; top: 0; right:3.75rem; } 
.heroMain .heroInner .heroSearch .searchBox .bestItem::after { content:''; position: absolute; top:calc(50% - 0.75em); right: 0; width: 1px; height: 1.5em; background: #b9b9b9; }
.heroMain .heroInner .heroSearch .searchBox .bestItem .bestSlide { overflow: hidden; width:6.625rem; height:4.25rem; }
.heroMain .heroInner .heroSearch .searchBox .bestItem a { overflow: hidden; display:inline-flex; gap:0.3125em; align-items: center; height:4.125rem; max-width:100%; color: #4e4e4e; font-weight: 500; letter-spacing: -0.03em; contain:layout paint; }
.heroMain .heroInner .heroSearch .searchBox .bestItem  a span { overflow: hidden; display: inline-block; position: relative; padding-block:3px; white-space:nowrap; text-overflow: ellipsis; }
.heroMain .heroInner .heroSearch .searchBox .bestItem  a:hover span,
.heroMain .heroInner .heroSearch .searchBox .bestItem  a:focus-visible span  { color:#1d3bbb; }
.heroMain .heroInner .heroSearch .searchBox .bestItem  a span::before { content:''; position: absolute; bottom:0; left: 0; width: 0; height: 1px; background: #1d3bbb; transition: 0.3s; }
.heroMain .heroInner .heroSearch .searchBox .bestItem  a:hover span::before,
.heroMain .heroInner .heroSearch .searchBox .bestItem  a:focus-visible span::before  { width: 100%; }
.heroMain .heroInner .heroSearch .searchBox .bestItem  .medal { flex-shrink: 0; width:0.6875rem; height: 1.125rem; }
.heroMain .heroInner .heroSearch .searchBox .bestItem  .medal.medal_1 { background-image: url(../images/main_2026/icon_medal.svg); }
.heroMain .heroInner .heroSearch .searchBox .bestItem  .medal.medal_2 { background-image: url(../images/main_2026/icon_medal.svg); }
.heroMain .heroInner .heroSearch .searchBox .bestItem  .medal.medal_3 { background-image: url(../images/main_2026/icon_medal.svg); }
.heroMain .heroInner .heroSearch .searchBox .bestItem  .medal.medal_4 { background-image: url(../images/main_2026/icon_medal.svg); }
.heroMain .heroInner .heroSearch .searchBox .bestItem  .medal.medal_5 { background-image: url(../images/main_2026/icon_medal.svg); }
.heroMain .heroInner .heroSearch .searchBox .btnMainSearch { display:flex; justify-content: center; align-items: center; position:absolute; top: 0; right: 0; width:3.75rem; height: 100%; font-weight: 700; font-size:0.9375em; }
.heroMain .heroInner .heroSearch .searchBox .btnMainSearch i { display: inline-block; position: relative; font-style: normal; }
.searchKey { contain:layout; }
.heroMain .heroInner .heroShortcuts { width: 100%; max-width: 470px; margin-inline-start: auto; text-align: center; }
.heroMain .heroInner .heroShortcuts .heroTitle { margin-bottom:2.625rem; }
.heroMain .heroInner .heroShortcuts .shortcutsList { display: flex; flex-wrap: wrap; gap:0.25rem; }
.heroMain .heroInner .heroShortcuts .shortcutsList a { display:inline-flex; align-items: center; height:2.8125rem; padding-inline: 1.375rem; border-radius:0.625rem; background:rgba(0,0,0,0.6); color: #fff; font-size: 1.125em; transition: background 0.3s; }
.heroMain .heroInner .heroShortcuts .shortcutsList a:hover { background:rgba(0,0,0,1); }

.heroMain .heroBottom { position:relative; width:100%; max-width: 1280px; margin-inline: auto; }
.heroMain .newsBriefing { overflow: hidden; display: flex; gap:1.25em; align-items: center; height:6.4375rem; border-radius:0; background: #fff; }
body.is-login .heroMain .newsBriefing { border-radius:0.625rem 0.625rem 0 0; }
.heroMain .newsBriefing h2 { flex-shrink: 0; width:29.0625%; text-align: right; font-weight: 900; font-size:1.625em; }
.heroMain .newsBriefing .newsList { min-width: 0; }
.heroMain .newsBriefing .newsList { visibility: hidden; }
.heroMain .newsBriefing .newsList.slick-initialized { visibility: visible; }
.heroMain .newsBriefing .newsList a { display:inline-flex; gap:0.625em; align-items: center; max-width:100%; padding-right: 2em; box-sizing: border-box; contain:layout paint; }
.heroMain .newsBriefing .newsList a span { display: block; }
.heroMain .newsBriefing .newsList a .badge { flex-shrink: 0; display:inline-flex; justify-content: center; align-items: center; width:3.125rem; height:1.6875rem; border-radius:3em; background: #ff51bb; color: #fff; font-size:0.9375em; }
.heroMain .newsBriefing .newsList a .tit { overflow: hidden; position: relative; font-weight: 700; font-size: 1.5em; white-space: nowrap; text-overflow: ellipsis; }
.heroMain .newsBriefing .newsList a:where(:hover, :focus-visible) .tit { text-decoration: underline; }

.heroMain .noticeBanner { border-radius:0.625rem 0.625rem 0 0; background:#2c30d8; color: #fff; }
.heroMain .noticeBanner .noticeInner { display: flex; justify-content: center; align-items: center; z-index: 1; position: relative; height:6.5625em; }
body.is-login .heroMain .noticeBanner .noticeInner { display: none; }
.heroMain .noticeBanner .noticeInner::before { content:''; z-index: -1; position: absolute; left: 0; bottom: 0; width: 274px; height: 168px; background-image: url(../images/main_2026/bg_popup.png); background-repeat: no-repeat; background-position: left bottom; background-size: contain; }
.heroMain .noticeBanner .noticeInner .noticeSlider { flex-grow: 1; min-width: 0; padding-inline-start:18.75rem; }
.heroMain .noticeBanner .noticeInner .noticeSlider .item a { display: flex; gap:1rem; align-items: center; height: 100%; color: #fff; font-weight: 300; font-size: 1.5em; box-sizing: border-box; }
.heroMain .noticeBanner .noticeInner .noticeSlider .item a strong { flex-shrink: 0; font-weight: 700; }
.heroMain .noticeBanner .noticeInner .noticeSlider .item a span { min-width: 0; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.heroMain .noticeBanner .noticeInner .noticeSlider .item a:where(:hover, :focus-visible) span { text-decoration: underline;}
.heroMain .noticeBanner .noticeInner .noticeActions { flex-shrink: 0; display: flex; height: 100%; }
.heroMain .noticeBanner .noticeInner .noticeActions button { display:flex; justify-content: center; align-items: center; }
.heroMain .noticeBanner .noticeInner .noticeActions .notic__close { width:6.4375em; border-top-right-radius: 0.625em; background: #080fb7; }
.heroMain .noticeBanner .noticeInner .noticeActions .notic__close i { width:1.5625em; height:1.5625em; background-image: url(../images/main_2026/icon_close.svg); }
.heroMain .noticeBanner .noticeInner .noticeActions .notice__dontShow { margin-right: 1rem; font-weight: 300; font-size:0.9375em; }
.heroMain .noticeBanner .noticeInner .noticeActions .notice__dontShow:where(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: 3px;}

@media (max-width: 960px) { 
	.heroMain { position: relative; height: auto; min-height: auto; }
	.heroMain .heroInner { padding-inline: 1.636em; padding-block:13.364em 3em; } 
	.heroMain .heroInner .heroCon::before { content:none; }
	.heroMain .heroInner .heroCon { grid-template-columns: 1fr; justify-content: center; padding:3em 2em; }
	.heroMain .heroInner .heroSearch { max-width: none; margin-block-end:3.636em; padding-left: 0; }
	.heroMain .heroInner .heroSearch .heroTitle { font-size: 2em; }
	.heroMain .heroInner .heroSearch .desc { margin-top:2.545rem; margin-bottom: 1em; font-weight: 700; font-size:1.364em; }
	.heroMain .heroInner .heroSearch .searchBox { margin-inline: auto; }
	.heroMain .heroInner .heroSearch .searchBox .searchkeyword .searchText { height:4.727rem; background-size:1em auto; font-size:1.182em; }
	.heroMain .heroInner .heroSearch .searchBox .bestItem .bestSlide { width: 8em; height:4.727rem; }
	.heroMain .heroInner .heroSearch .searchBox .bestItem a { height:4.727rem; font-size: 1.091em; }
	.heroMain .heroInner .heroShortcuts { max-width: none; }
	.heroMain .heroInner .heroShortcuts .heroTitle { margin-bottom:1.455rem; font-size:1.364em; }
	.heroMain .heroInner .heroShortcuts .shortcutsList { display:inline-flex; gap:2px; justify-content: center; }
	.heroMain .heroInner .heroShortcuts .shortcutsList a { height:2.545rem; padding-inline:0.909rem; font-size:1.091em; }
	.heroMain .noticeBanner { border-radius: 0; }
	.heroMain .noticeBanner .noticeInner { flex-direction: column; height: auto; }
	.heroMain .noticeBanner .noticeInner::before { z-index: 0; width:40.556%; max-width:13.273rem; height: 100%; background-image:url(../images/main_2026/bg_popup_mo.png); }
	.heroMain .noticeBanner .noticeInner .noticeSlider { width: 100%; padding-inline:min(15.091rem, 46.111vw) 2.455rem; }
	.heroMain .noticeBanner .noticeInner .noticeSlider .item a { flex-direction: column; gap:0.8rem; align-items: stretch; width: 100%; padding-block:3.273rem 2.727rem; text-align: left; }
	.heroMain .noticeBanner .noticeInner .noticeSlider .item a span { min-height:3.273rem; white-space:normal; font-size:1.364rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.heroMain .noticeBanner .noticeInner .noticeActions { width: 100%; height:5.182rem; padding-inline-start:min(15.091rem, 46.111vw); background: #0809b7; box-sizing: border-box; }
	.heroMain .noticeBanner .noticeInner .noticeActions .notice__dontShow { flex-grow: 1; justify-content: flex-end; margin-right: 0; font-size:1.182rem; }
	.heroMain .noticeBanner .noticeInner .noticeActions .notic__close { width: 5rem; }
	.heroMain .noticeBanner .noticeInner .noticeActions .notic__close i { width:1.364rem; height:1.364rem; margin-top:3px; }
	.heroMain .newsBriefing { display: block; height: auto; padding-block:2.727em; padding-inline: 2.363em; }
	body.is-login .heroMain .newsBriefing { border-radius: 0; }
	.heroMain .newsBriefing h2 { width: auto; margin-bottom:1.818rem; text-align: left; font-size:1.818em; }
	.heroMain .newsBriefing .newsList a { display:flex; gap:1.182rem; align-items: stretch; min-height:4.273rem; padding-right: 0; }
	.heroMain .newsBriefing .newsList a .tit { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; line-height: 1.4; }
	.heroMain .newsBriefing .newsList a .badge { width: 3.5em; height:1.667em; font-size: 1.091rem; }
}

.favMarket { position: relative; padding-inline: 2.363em; background:#fff; }
.favMarket .favInner { max-width:1193px; margin-inline: auto; padding-block-start: 4em; padding-block-end: 6.125em; border-top: 1px solid #e7e7e7; }
.favMarket .favHead { display: flex; gap:1.25em; align-items: center; position: relative; min-height:3.3125rem; margin-bottom:2.875em; padding-inline-end:11.875em; }
.favMarket .btn { display:inline-flex; gap:0.5rem; align-items: center; justify-content: center; height:2.5625rem; border-radius: 0.5rem; border: 1px solid #dcdcdc; font-size:1.0625em; box-sizing: border-box; }
.favMarket :where(.btn__prev, .btn__next) { width:2.8125rem; }
.favMarket :where(.prev, .next) { width:0.5rem; height: 0.75rem; background: #8c8c8c; }
.favHead .rowTitle { flex-shrink: 0; display: flex; gap:1.375em; align-items: center; padding-block: 0.375em; }
.favHead .title { font-weight: 900; font-size:1.625em; }
.favHead .desc { font-size: 1.125em; }
.favHead .favHead__actions { display: flex; gap:0.5rem; align-items: center; position: absolute; top:0.375em; right: 0; }
.favHead .btn__login { display:inline-flex; width:6.5625rem; }
body.is-login .favHead :where(.desc, .btn__login) { display: none; }
.favHead .btn__setting { width:4.75rem; color: #353535; }
.favHead .btn__setting .setting { width: 1em; height: 1em; -webkit-mask-image: url(../images/main_2026/icon_settings.svg); mask-image: url(../images/main_2026/icon_settings.svg); background: #333; }
.favHead .btn__login .login { width: 1em; height: 1em; -webkit-mask-image: url(../images/main_2026/icon_lock.png); mask-image: url(../images/main_2026/icon_lock.png); background: #000; }
.favMarket .btn:where(:hover, :focus-visible) { border-color:#1a3ac5; background: #1a3ac5; color: #fff; transition: 0.3s; }
.favMarket .btn:where(:hover, :focus-visible) .ico { background: #fff; transition: 0.3s; }

.favHead__tabs { overflow-y: auto; display:none; }
body.is-login .favHead__tabs { display: block; }
.favHead__tabs .itemTabs { -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; }
.favHead__tabs .itemTabs::-webkit-scrollbar { display: none; }
.favHead__tabs .itemTabs { display: flex; }
.favHead__tabs .itemTabs li { position: relative; white-space: nowrap; }
.favHead__tabs .itemTabs li::after { content:''; z-index: 0; position: absolute; top:calc(50% - 0.6875rem); right:-1px; width: 1px; height: 1.375rem; background: #c1c2c3; }
.favHead__tabs .itemTabs li:last-child::after,
.favHead__tabs .itemTabs li:has(.active)::after { content:none; }
.favHead__tabs .itemTabs li button { display:inline-flex; align-items: center; height:3.3125rem; padding:0 1.5rem; border-radius: 0.75rem; font-size: 1.25em; transition: 0.3s; }
.favHead__tabs .itemTabs li button:where(:hover, :focus-visible, .active) { background: #0022a9; color: #fff; }

.favBody { display: flex; gap:0.625em; }
.favBody .favBody__aside { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width:12.8125em; padding-bottom:4.375em; border-radius:1em; border:1px solid #dcdcdc; box-sizing: border-box; }
body.is-login .favBody .favBody__aside { padding-bottom: 0; }
.favBody .favBody__aside .itemCard__thumb { overflow: hidden; width:7.25em; height:7.25em; margin-bottom: 1.5em; border-radius: 50%;}
.favBody .favBody__aside .itemCard__thumb img { object-fit: cover; width: 100%; height: 100%; }
.favBody .favBody__aside .itemCard__info { text-align: center; font-size: 1.375em; }
.favBody .favBody__aside .itemCard__info .name { display: block; color: #1a3ac5; font-weight: 700; }
.favBody .favBody__aside .itemCard__info .title { display: block; margin-top: 0.25rem; }
.favBody__aside .itemCard__controls { display: flex; gap:0.875em; justify-content: center; align-items: center; position: absolute; inset-block-end: 1.75em; }
body.is-login .favBody__aside .itemCard__controls { display: none; }
.favBody__aside .page { color: #b9b9b9; }
.favBody__aside .page .itemIndex { display: inline-block; min-width:0.625em; color: #0d0e12; }
.favBody__content { flex-grow: 1; min-width:0; }
.favBody__content .priceSlider { display: grid; grid-template-columns:repeat(3, 1fr); gap:0.625em; }
.favBody__content .priceSlider .priceCard { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 26.5625em; padding-inline: 15%; border-radius:1em; border:1px solid #dcdcdc; box-sizing: border-box; }
.favBody__content .priceSlider .priceCard .priceCard__link { display: flex; justify-content: center; margin-bottom:1.5em; }
.favBody__content .priceSlider .priceCard .priceCard__link a { display: inline-flex; justify-content: center; align-items: center; height: 2.0625em; padding-inline: 1.25em 1em; border-radius: 3em; border:1px solid #1e33de; color: #1e33de; box-sizing: border-box; transition: 0.3s; }
.favBody__content .priceSlider .priceCard .priceCard__link a .ico { width: 0.375em; margin-left: 1em; background: #1e33de; }
.favBody__content .priceSlider .priceCard .priceCard__link a:where(:hover, :focus-visible) { background: #1e33de; color: #fff; }
.favBody__content .priceSlider .priceCard .priceCard__link a:where(:hover, :focus-visible) .ico {background: #fff; }
.favBody__content .priceSlider .priceCard .priceCard__price { display: flex; gap:0.5em; align-items: center; justify-content: center; width: 100%; margin-block-end: 1rem; padding-block-end:0.875em; border-bottom: 1px solid #d3d4d4; letter-spacing: -0.04em; }
.favBody__content .priceSlider .priceCard .priceCard__price strong { font-size: 2em; }
.favBody__content .priceSlider .priceCard .priceCard__price span { color: #474747; font-weight: 300; font-size:1.25em; }
.favBody__content .priceSlider .priceCard .priceCard__delta { margin-bottom:2.75rem; color: #525252; font-size: 1.0625em; }
.favBody__content .priceSlider .priceCard .priceCard__delta p + p { margin-top: 0.375em; }
.favBody__content .priceSlider .priceCard .priceCard__delta .up { color: #e6295a; }
.favBody__content .priceSlider .priceCard .priceCard__delta .down { color: #1e55f4; }
.favBody__content .priceSlider .priceCard .priceCard__delta span { display: inline-block; min-width:4.375rem; text-align: right; }
.favBody__content .priceSlider .priceCard .chartWrap { width: 100%; }
.favBody__content .priceSlider .priceCard .chart { aspect-ratio: 1 / 0.37; }
.favBody__content .priceSlider .priceCard .chart > div { inline-size:100%; block-size:100%; min-width: 100%; }
.favBody__content .priceSlider .priceCard .chart__legend { display: flex; gap:1em; justify-content: center; margin-top: 1.25em; }
.favBody__content .priceSlider .priceCard .chart__legend li { display: inline-flex; gap:0.375em; align-items: center; color: #4d4d4d; }
.favBody__content .priceSlider .priceCard .chart__legend li .legend__dot { display: inline-block; width: 0.5625em; height: 0.5625em; border-radius: 50%; }
.favBody__content .priceSlider .priceCard .chart__legend li .legend__dot.line { background: #ff7b05; }
.favBody__content .priceSlider .priceCard .chart__legend li .legend__dot.bar { background: #0156f1; }
@media (max-width: 960px) { 
	.favMarket .favInner { padding-block:2.363em 5em; }
	.favMarket .favHead { display: block; margin-bottom: 2em; padding-inline-end:0; }
	.favHead .rowTitle { display:block; }
	.favHead .title { margin-bottom: 1em; font-size:1.818em; }
	.favHead .desc { margin-bottom: 0.8em; font-size:1.182em; }
	.favMarket .btn { height:3.182rem; padding-inline: 1rem; font-size:1.182em; }
	.favHead .btn__setting,
	.favHead .btn__login { width: auto; }
	.favHead .favHead__actions { display: none; top: 0; }
	body.is-login .favHead .favHead__actions { display:flex; }
	.favHead .favHead__actions :where(.btn__prev, .btn__next) { display: none; }
	.favHead .btn__login { position: absolute; top: 0; right: 0; }
	body.is-login .favHead .btn__login { display: none; }
	.favHead__tabs { display: block; position: relative; padding-block:0.727em; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
	.favHead__tabs::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width:4rem; background: linear-gradient(to right, transparent, white); pointer-events: none; }
	.favHead__tabs .itemTabs li button { height: 2.5em; font-size:1.455em; }
	.favBody { display: block; }
	.favBody .favBody__aside { display: none; }
	.favBody__content .priceSlider { display: block; margin-inline:-8px; }
	.favBody__content .priceSlider .slick-list { padding-right:9.091rem; }
	.favBody__content .priceSlider .priceCard { min-height: auto; margin-inline:8px; padding-block:3em; padding-inline: 2.727rem; }
	.favBody__content .priceSlider .priceCard .priceCard__link a { height: 3rem; font-weight: 500; font-size:1.273em; }
	.favBody__content .priceSlider .priceCard .priceCard__delta { font-size:1.273em; }
	.favBody__content .priceSlider .priceCard .chart__legend { margin-top: 1rem; }
	.favBody__content .priceSlider .priceCard .chart__legend li { font-size: 1.091em; }
	.priceSlider .slick-dots { display: flex; gap:0.727rem; justify-content: center; margin-block-start: 3rem; }
	.priceSlider .slick-dots button { overflow: hidden; display: inline-flex; width: 1.091rem; height: 1.091rem; border-radius: 50%; background: #d5d5d5; text-indent: -999px; }
	.priceSlider .slick-dots .slick-active button { background: #202020; }
}