/* v0.5.0 site audit: one font everywhere, tablet layout overlap, floating menu, mobile touch targets. Loaded last on every page. */
/* 1. One font for all pages. Pretendard has no @font-face in the theme, so SUIT (the loaded face) is used everywhere. */
:root{--font:"SUIT Variable","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
body.cheongdam-site,.cheongdam-site.sh-home,.cheongdam-site.sh-editorial{font-family:"SUIT Variable","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.cheongdam-site button,.cheongdam-site input,.cheongdam-site select,.cheongdam-site textarea{font-family:inherit}
/* 2. Home "first visit": one column up to 767px, so the sticky big photo must not follow the scroll. */
@media(max-width:767px){
.sm-home .sm-prepare{display:block}
.sm-home .sm-prepare-visual{display:none!important}
.sm-home .sm-step-mobile-image{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:8px;margin:0 0 18px}
.sm-home .sm-step-mobile-image img{width:100%;height:100%;display:block;object-fit:cover}
}
/* 3. Floating menu: slightly smaller on laptop widths, replaced by the bottom bar on phones. */
@media(min-width:768px) and (max-width:1599px){.cheongdam-site .cd-quick-menu{scale:.82;transform-origin:right bottom;right:16px;bottom:16px}}
@media(max-width:767px){
.cheongdam-site .cd-quick-menu{display:none!important}
.cheongdam-site .cd-mobile-contact{display:grid;grid-template-columns:1fr 1fr 1.25fr}
.cheongdam-site .cd-mobile-contact>a{display:flex;align-items:center;justify-content:center;min-height:62px;padding:14px 8px;font-size:14px;font-weight:650;text-align:center}
}
/* 4. Phones: touch targets of at least 40px and readable 12px labels. */
@media(max-width:767px){
.cheongdam-site .site-footer a,.cheongdam-site .breadcrumbs a,.cheongdam-site .sm-announcement a{display:inline-flex;align-items:center;min-height:40px}
.cheongdam-site .sm-pages button,.cheongdam-site .sm-play,.cheongdam-site [data-rail-pause]{min-width:44px;min-height:44px}
.cheongdam-site .cd-kicker,.cheongdam-site .eyebrow,.cheongdam-site .cd-about-kicker{font-size:12px!important}
}
/* 4b. Remaining phone touch targets and tiny labels found after the first pass. */
@media(max-width:767px){
.cheongdam-site .site-header .brand{display:inline-flex;align-items:center;min-height:40px}
.cheongdam-site .breadcrumbs a{min-width:40px;justify-content:center}
.cheongdam-site .cd-vx-copy,.cheongdam-site .cd-vx-naver{display:inline-flex;align-items:center;min-height:40px;padding:0 8px}
.cheongdam-site .catalog-tabs button{min-height:40px}
.cheongdam-site .cd-about-text-link{display:inline-flex;align-items:center;min-height:40px}
.cheongdam-site .breadcrumbs,.cheongdam-site .breadcrumbs a,.cheongdam-site .breadcrumbs span,.cheongdam-site .card-kicker{font-size:12px}
}
/* 5. The home marquee is decoration: its items are not links and must not look clickable. */
.cheongdam-site .sm-marquee-group .sm-marquee-item{cursor:default;pointer-events:none}
/* 6. Controls: real pause/play icons instead of the Roman numeral "Ⅱ", and a cleaner card arrow. */
.cheongdam-site{--cd-ico-pause:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5.5' y='4.5' width='4.5' height='15' rx='1.2'/%3E%3Crect x='14' y='4.5' width='4.5' height='15' rx='1.2'/%3E%3C/svg%3E");--cd-ico-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 4.8v14.4a1 1 0 0 0 1.5.86l11.6-7.2a1 1 0 0 0 0-1.72L9 3.94a1 1 0 0 0-1.5.86z'/%3E%3C/svg%3E")}
.cheongdam-site .sm-play,.cheongdam-site [data-rail-pause]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-width:1px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.cheongdam-site .sm-play>span,.cheongdam-site [data-rail-pause]>span{display:block;width:14px;height:14px;font-size:0;line-height:0;background:currentColor;-webkit-mask:var(--cd-ico-pause) center/contain no-repeat;mask:var(--cd-ico-pause) center/contain no-repeat}
.cheongdam-site .sm-play[aria-label$="재생"]>span,.cheongdam-site [data-rail-pause][aria-label$="재생"]>span{width:15px;height:15px;margin-left:2px;-webkit-mask-image:var(--cd-ico-play);mask-image:var(--cd-ico-play)}
.cheongdam-site .sm-play,.cheongdam-site [data-rail-pause]{color:var(--cd-deep,#493343)}
.cheongdam-site .sm-play>span,.cheongdam-site [data-rail-pause]>span{background-color:currentColor}
.cheongdam-site .sm-dark.is-dark [data-rail-pause]{color:#fff;border-color:rgba(255,255,255,.6)}
.cheongdam-site .sm-play:hover,.cheongdam-site [data-rail-pause]:hover{background-color:var(--cd-deep,#493343);border-color:var(--cd-deep,#493343);color:#fff}
.cheongdam-site .sm-play:focus-visible,.cheongdam-site [data-rail-pause]:focus-visible{outline:3px solid var(--cd-primary,#78566f);outline-offset:3px}
/* Card arrow: one solid circle, arrow nudges right on hover, no ring. */
.cheongdam-site .sm-circle{display:grid;place-items:center;width:44px;height:44px;border:0;box-shadow:none;background:#fff;color:var(--cd-deep,#493343);transition:background-color .25s,color .25s,transform .25s}
.cheongdam-site .sm-circle svg{width:20px;height:20px;transition:transform .25s}
.cheongdam-site .sm-circle svg path{stroke-width:2}
.cheongdam-site .sm-care-card:hover .sm-circle,.cheongdam-site .sm-care-card:focus-visible .sm-circle{background:var(--cd-primary,#78566f);color:#fff;border:0;box-shadow:none;outline:0}
.cheongdam-site .sm-care-card:hover .sm-circle svg,.cheongdam-site .sm-care-card:focus-visible .sm-circle svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.cheongdam-site .sm-circle svg{transition:none}.cheongdam-site .sm-care-card:hover .sm-circle svg{transform:none}}
/* The older hover rules are stronger than the block above; pin the final look for the card arrow. */
.cheongdam-site .sm-care-card .sm-circle{width:44px!important;height:44px!important;border:0!important;box-shadow:none!important;outline:0!important}