/* BASIC css start */
html.no-scroll,
body.no-scroll { overflow: hidden !important; /*height: 100%;*/ }
.sticky { position: sticky; top: 0; z-index: 100; background-color: var(--cw-color-white); }
.top-bar { display: flex; align-items: center; justify-content: center; height: 40px; background-color: var(--cw-point-color-pri); }
.top-bar a { text-decoration: none; color: var(--cw-color-white); font-size: .875rem; font-weight: 700; line-height: 20px; }
#topbanner .topSlider li.txt a { font-family: var(--bs-body-font-family); }
.header-container { margin: 0 auto; padding: 16px 100px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--cw-color-30); }
.header-logo { flex-shrink: 0; line-height: 0; }
.header-logo a { font-size: 2.25rem; font-weight: 800; color: var(--cw-heading-color); line-height: normal; text-decoration: none; }
.header-nav { order: 2; display: flex; gap: 32px; flex: 0 0 100%; justify-content: flex-start; margin-top: 16px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; min-width: 0; scrollbar-width: none; scrollbar-color: transparent transparent; -webkit-user-select: none; user-select: none; }
.header-nav::-webkit-scrollbar { display: none; }
.header-nav:active { cursor: grabbing; }
.header-nav a { white-space: nowrap; color: var(--cw-heading-color); text-decoration: none; font-size: 1rem; font-weight: 700; line-height: 24px; -webkit-user-drag: none; user-drag: none; }
.header-icons { display: flex; gap: 16px; flex-shrink: 0; font-size: 1.125rem; }
.header-icons a { text-decoration: none; position: relative; }
.header-icons a .notification { position: absolute; top: 3px; right: -3px; background-color: var(--cw-point-color); color: #fff; border-radius: 100%; padding: 0 5px; line-height: 16px; font-size: .75rem; font-weight: 700; }
.header-logo,
.header-icons { order: 1; }
.header-container--md { display: none; }
.side-menu-wrap { position: fixed; top: 0; right: -100%; width: 360px; height: 100vh; padding: 18px 24px 60px; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 100; transition: right 0.3s ease; background: var(--cw-color-white); }
.side-menu-wrap.active { display: block; right: 0; }
.side-menu-wrap a { text-decoration: none; color: var(--cw-heading-color); }
.menu-header { position: relative; padding: 18px 0 20px; }
.side-menu-close { position: absolute; right: 0; top: 0; width: 24px; height: 24px; border: none; outline: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 18L18 6M6 6L18 18' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }
.menu-util { display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 20px 0; }
.menu-util a { font-size: .875rem; }
.menu-util a:not(:first-child)::before { display: inline-block; margin-right: 14px; width: 1px; height: 12px; vertical-align: middle; background: var(--cw-color-30); content: ''; }
.menu-search { position: relative;}
.menu-search .search-input { width: 100%; }
.menu-search .search-btn { position: absolute; top: 7px; right: 12px; width: 24px; height: 24px; border: none; outline: none; font-size: 0; background: url("//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_search.svg") no-repeat right center / 24px 24px; }
.side-menu-list ul { display: flex; flex-direction: column; gap: 20px; }
.side-menu-list ul li a { display: block; font-weight: 500; width: 95%; word-break: break-word; overflow-wrap: break-word; white-space: normal; }
.side-menu-list .has-sub { position: relative; }
.side-menu-list .has-sub .ico-toggle { position: absolute; right: 0; top: 3px; display: block; width: 16px; height: 16px; cursor: pointer; }
.side-menu-list .has-sub .ico-minus { background: url("//skin.makeshop.co.kr/skin/rw_shop/images/icons/bullet_minus.svg") no-repeat; }
.side-menu-list .has-sub .ico-plus { background: url("//skin.makeshop.co.kr/skin/rw_shop/images/icons/bullet_plus.svg") no-repeat; }
.side-menu-list .has-sub .submenu { display: none; padding: 20px 10px 10px; }
.side-menu-list .has-sub .submenu li a { color: var(--cw-color-60); font-size: .875rem; font-weight: 400; }
.side-menu-list .board { margin-top: 30px; padding-top: 30px; border-top: 1px solid #f0f0f0; }
.side-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; background: rgba(0, 0, 0, 0.7); z-index: 98; }
.side-overlay.active { opacity: 1; visibility: visible; }
.fixed-menu--md { display: none; z-index: 99; }

/* 고정 버튼 */
.floating-wrap { position: fixed; bottom: 60px; right: 2%; display: flex; flex-direction: column; z-index: 99; }
.floating-btns.toggle-show.show { opacity: 1; visibility: visible; }
.floating-btns.always-show { opacity: 1; visibility: visible; }
.floating-btns { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
.floating-btns .floating-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--cw-color-20); background: var(--cw-color-white); }
.floating-btns .btn-smart-finder { background: #fff url("//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_smart_finder.svg") no-repeat center center / 16px 16px; }
.floating-btns .btn-go-top { background: #fff url("//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_expand.svg") no-repeat center center / 14px 14px; }

/* 태블릿 */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*.top-bar { display: none !important; }
    .header-container { display: none; padding: 15px 30px; }
    .header-nav { display: none; }*/
    .header-container { display: none; flex-wrap: wrap; padding: 16px; }
    .header-logo,
    .header-icons { order: 1; }
    .header-logo a { font-size: 1.5rem; }
    .header-icons a:not(.basket) { display: none; }
    .header-icons img { width: 24px; height: 24px; }
    .header-icons a .notification { top: 5px; right: -5px }
    .header-nav { order: 2; flex: 0 0 100%; justify-content: flex-start; gap: 5px 16px; }
    .header-nav::-webkit-scrollbar { display: none; }
    .header-nav a { font-size: .813rem; font-weight: 600; }
    .header-container--md { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--cw-color-20); }
    .header-container--md .navi-btns { display: flex; gap: 12px; }
    .header-container--md .navi-btns a { position: relative; display: inline-block; }
    .header-container--md .navi-btns a:not(.basket) { display: none; }
    .header-container--md .navi-btns img { width: 24px; height: 24px; }
    .header-container--md .navi-btns .notification { position: absolute; top: 2px; right: -5px; background-color: var(--cw-point-color); color: #fff; border-radius: 100%; padding: 0 5px; line-height: 16px; font-size: .75rem; font-weight: 700; }
    .header-container--md .navi-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .header-container--md .navi-title span { display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-weight: 700; font-size: 1rem; color: var(--cw-heading-color); }
    .fixed-menu--md { position: fixed; bottom: 0; width: 100%; display: block; padding: 6px 24px; border-top: 1px solid var(--cw-color-10); background: var(--cw-color-white); }
    .fixed-menu--md .navi-btns { display: flex; justify-content: space-between; align-items: center; }
    .fixed-menu--md .navi-btns a { position: relative; display: inline-block; text-align: center; font-size: .688rem; color: var(--cw-color-60); text-decoration: none; min-width: 42px; }
    .fixed-menu--md .navi-btns img { width: 1.5rem; height: 1.5rem; }
    .floating-btns { bottom: 7%; }
}

/* 모바일 */
@media (max-width: 767.98px) {
    /*.top-bar { display: none !important; }
    .header-container { display: none; }
    .header-nav { display: none; }*/
    .header-container { display: none; flex-wrap: wrap; padding: 16px; }
    .header-logo,
    .header-icons { order: 1; }
    .header-logo a { font-size: 1.5rem; }
    .header-icons { margin-top: -7px; }
    .header-icons a:not(.basket) { display: none; }
    .header-icons img { width: 24px; height: 24px; }
    .header-icons a .notification { top: 5px; right: -5px }
    .header-nav { order: 2; flex: 0 0 100%; justify-content: flex-start; gap: 5px 16px; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; cursor: grab; scroll-behavior: smooth; scrollbar-width: none; }
    .header-nav::-webkit-scrollbar { display: none; }
    .header-nav:active { cursor: grabbing; }
    .header-nav a { font-size: .813rem; font-weight: 600; white-space: nowrap; }
    .header-container--md { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--cw-color-20); }
    .header-container--md .back-btn img { width: 24px; height: 24px; }
    .header-container--md .navi-btns { display: flex; gap: 12px; }
    .header-container--md .navi-btns a { position: relative; display: inline-block; }
    .header-container--md .navi-btns a:not(.basket) { display: none; }
    .header-container--md .navi-btns img { width: 24px; height: 24px; }
    .header-container--md .navi-btns .notification { position: absolute; top: 2px; right: -5px; background-color: var(--cw-point-color); color: #fff; border-radius: 100%; padding: 0 5px; line-height: 16px; font-size: .75rem; font-weight: 700; }
    .header-container--md .navi-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .header-container--md .navi-title span { display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-weight: 700; font-size: 1rem; color: var(--cw-heading-color); }
    .side-menu-wrap { width: 100%; }
    .fixed-menu--md { position: fixed; bottom: 0; width: 100%; display: block; padding: 6px 24px; border-top: 1px solid var(--cw-color-10); background: var(--cw-color-white); }
    .fixed-menu--md .navi-btns { display: flex; justify-content: space-between; align-items: center; }
    .fixed-menu--md .navi-btns a { position: relative; display: inline-block; text-align: center; font-size: .688rem; color: var(--cw-color-60); text-decoration: none; min-width: 42px; }
    .fixed-menu--md .navi-btns img { width: 1.5rem; height: 1.5rem; }
    .floating-btns { bottom: 7%; }
}
/*MS_EDITER_START*/
header .header-container {
	padding: 0 !important;
}
.craft-css-lzmby5 .designSection-wrapper {
}
.craft-css-1m3nznp .designSection-wrapper {
}
@-webkit-keyframes loading {
	0% {
		background-position: 200% 0px;
	}
100% {
		background-position: -200% 0px;
	}
}
@keyframes loading {
	0% {
		background-position: 200% 0px;
	}
100% {
		background-position: -200% 0px;
	}
}
.craft-css-wnzocp .designSection-wrapper {
}
@-webkit-keyframes loop {
	0% {
		transform: translate3d(-19.58px, 0px, 0px);
	}
100% {
		transform: translate3d(0px, 0px, 0px);
	}
}
@keyframes loop {
	0% {
		transform: translate3d(-19.58px, 0px, 0px);
	}
100% {
		transform: translate3d(0px, 0px, 0px);
	}
}
.css-1m3nznp .designSection-wrapper {
}
.css-9ntvup {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow-anchor: none;
	scroll-margin-block-start: 24px;
	padding: 0px;
	border-radius: 0px;
}
.css-ftv92q {
	grid-area: 1 / 1 / span 1 / span 1;
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 0px;
	min-height: 40px;
	box-sizing: border-box;
	display: flex;
	flex-flow: column;
	-webkit-box-pack: start;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0px;
	border-radius: 0px;
}
.css-lzmby5 {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.css-lzmby5 .designSection-wrapper:not(.header-container *) {
	background-color: rgb(255, 255, 255);
}
.css-lzmby5 .designSection-wrapper {
}
.css-gy49hy {
	display: grid;
	grid-template-rows: auto minmax(2.5rem, auto);
	grid-template-columns: minmax(0px, 1fr) auto;
	gap: 0px;
	width: 100%;
	min-height: 0px;
	box-sizing: border-box;
}
.css-equ3nz {
	position: relative;
	width: 100%;
	max-width: none;
	border: 0.0625rem solid transparent;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.css-11wi2mz {
	display: flex;
	width: fit-content;
	max-width: 100%;
	min-width: 0px;
	margin: 0px auto 0px 0px;
	text-decoration: none;
	text-align: left;
}
.css-11wi2mz:hover,
.css-11wi2mz:visited,
.css-11wi2mz:active,
.css-11wi2mz:focus {
	color: rgb(0, 0, 0);
	text-decoration: none;
}
.css-l82fdd {
	font-size: 2.125rem;
	font-weight: bold;
	color: rgb(18, 18, 18);
	width: fit-content;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.css-1qtpir6 {
	grid-area: 1 / 2 / span 1 / span 1;
	position: relative;
	width: 100%;
	height: 100%;
	min-width: max-content;
	min-height: 40px;
	box-sizing: border-box;
	display: flex;
	flex-flow: wrap;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	align-items: center;
	padding: 0px;
	border-radius: 0px;
}
.css-aoq03e {
	position: relative;
	width: 100%;
	max-width: fit-content;
	border: 0.0625rem solid transparent;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.css-1vcfz5i {
	width: fit-content;
	height: 100%;
	display: flex;
	gap: 10px;
	flex-shrink: 0;
	font-size: 1.125rem;
}
.css-1ed7vmo {
	background: none;
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	transition: background-color 0.2s;
	position: relative;
	display: inline-flex;
}
.css-1ed7vmo svg {
}
.css-18z33b8 {
	position: relative;
	display: inline-flex;
}
.css-15dwazu {
	display: contents;
}
.css-acbyix {
	background: none;
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: none;
	transition: background-color 0.2s;
	position: relative;
	display: inline-flex;
}
.css-acbyix svg {
}
.css-1i07e43 {
	grid-area: 2 / 1 / span 1 / span 2;
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 0px;
	min-height: 0;
	box-sizing: border-box;
	display: flex;
	flex-flow: column;
	-webkit-box-pack: start;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 0px;
	border-radius: 0px;
}
.css-1sdkv98 {
	order: 2;
	display: flex;
	gap: 2rem;
	flex: 0 0 100%;
	overflow: auto hidden;
	flex-wrap: nowrap;
	min-width: 0px;
	scrollbar-width: none;
	scrollbar-color: transparent transparent;
	user-select: none;
	height: 100%;
	color: rgb(18, 18, 18);
	font-size: 1rem;
	font-weight: 700;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.css-1sdkv98 a {
	color: inherit;
	white-space: nowrap;
}
.css-1sdkv98 a:hover {
	background-color: rgba(245, 245, 245, 0);
}
.css-1sdkv98 a[data-virtual-keep] {
	order: 1;
}
@media (max-width: 991.98px) {
	.css-gy49hy {
		grid-template-rows: auto minmax(2.125rem, auto);
	}
.css-1sdkv98 a {
		font-size: 0.8125rem;
		line-height: 1.125rem;
	}
.css-ftv92q,
	.css-1qtpir6 {
		min-height: 0;
		justify-content: flex-start;
	}
.css-1qtpir6 {
		width: fit-content;
		height: fit-content;
	}
}
@media (max-width: 768px) {
	.css-9ntvup {
		border-radius: 0px;
	}
.css-l82fdd {
		font-size: 1.5rem;
	}
.css-1ed7vmo svg {
		width: 1.5rem;
		height: 1.5rem;
	}
.css-1ed7vmo {
		display: inline-flex;
	}
.css-acbyix svg {
		width: 1.5rem;
		height: 1.5rem;
	}
.css-acbyix {
		display: none;
	}
}
@media (max-width: 767.98px) {
	.css-lzmby5 [data-container-type="section"] > div {
		/* grid-template-rows: minmax(2.25rem, max-content) auto; */
	}
.css-lzmby5 [data-container-type^="cell_"] {
		min-height: 2.25rem;
	}
.css-lzmby5 [data-container-type^="cell_0"] {
		-webkit-box-pack: end;
		justify-content: flex-end;
	}
.css-lzmby5 [data-container-type="cell_10"] {
		min-height: 2.625rem;
	}
.css-lzmby5 [id^="logo_"] span {
		font-size: 1.5rem;
	}
.css-lzmby5 [id^="category_"] {
		gap: 1rem;
	}
.css-lzmby5 [id^="category_"] a {
		font-size: 0.8125rem;
	}
}
@media (max-width: 1024px) {
	.css-1ed7vmo svg {
		width: 1.5rem;
		height: 1.5rem;
	}
.css-acbyix svg {
		width: 1.5rem;
		height: 1.5rem;
	}
}
header .designSection-wrapper {
	padding-inline: 6.25rem;
	padding-block: 1rem;
}
@media (max-width: 991.98px) {
	header .header-container .designSection-wrapper {
		padding-inline: 1rem;
		padding-block: 1.188rem 0.875rem !important;
	}
header .header-container [data-container-type^="cell_"] [id^="logo_"] span {
		font-size: 1.5rem;
		line-height: 1;
	}
header .header-container [data-container-type^="cell_"] [data-category] {
		gap: 1rem;
	}
header .header-container [data-container-type^="cell_"] [data-category] a {
		font-size: 0.813rem;
		line-height: 1.125rem;
	}
header .header-container [data-container-type^="cell_"] [data-common-menu] a {
		padding: 0;
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 0;
	}
}
@media (max-width: 767.98px) {
	header .header-container [data-container-type^="cell_"] {
		min-height: 0;
	}
}



/*MS_EDITER_END*/


/* BASIC css end */