@charset "utf-8";
/* ==========================================================================
   TABLE OF CONTENTS
   검색 팁: Ctrl+F / Cmd+F 로 [태그] 검색
   --------------------------------------------------------------------------
   [skip-link]   본문 바로가기
   [logo]        브랜드 로고
   [coming-soon] 준비중
   ========================================================================== */

.ui-skip-link { position: fixed; top: 0; left: 0; z-index: 9999; margin: 0; display: inline-block; background: #222; border-radius: 2rem; font-size: 16rem; color: #fff; text-align: center; text-decoration: underline;
	&:not(:focus-visible){ overflow: hidden; width: 0; height: 0; padding: 0; border: 0; clip-path: inset(100%); }
	&:focus-visible{ padding: .5lh 1lh; border: 2rem solid currentColor; }
}
.ui-logo { display: block; width: auto;
	@media (width >= 1280px) { height: 60rem; }
	@media (width < 1280px) { height: 40rem; }
}
.ui-coming-soon{ padding-block: clamp(60rem, calc(120 / var(--container) * 100vw), 120rem); text-align: center;
	._icon{ margin-bottom: 10rem; width: 45rem; fill: #cfcfcf; }
	._heading{ font-size: clamp(30rem, calc(35 / var(--container) * 100vw), 35rem); }
	._description{ margin-top: 1.11111111em; font-size: clamp(16rem, calc(18 / var(--container) * 100vw), 18rem); }
}