@media screen and (max-width: 1780px) {
	.inner {
		width: calc(100% - 80px);
		margin: 0 auto;
	}

	/* main */
	.main-banner .swiper-slide a {
		padding: 0 80px;
	}

	.prd__thumb--recommend {
		height: 350px;
	}

	.prd__thumb--recommend img {
		width: 260px;
	}

	.prd-info__item-price--month,
	.prd-info__item-price--event {
		font-size: 20px;
	}

	/* list */
	.main .flag_wrap .flag,
	.list .flag_wrap .flag {
		width: 55px;
		height: 55px;
		padding: 5px;
		font-size: 12px;
	}

	.main .flag_wrap--tag .flag,
	.list .flag_wrap--tag .flag {
		height: auto;
		width: min-content;
	}

	.list-filter-wrap {
		width: 280px;
		padding-top: 76px;
	}

	.list-filter-body {
		gap: 32px;
		padding-top: 32px;
	}

	.list-main-contents h2 {
		padding-bottom: 32px;
	}

	.list-filter-section {
		padding-bottom: 32px;
	}

	.list-filter-tag {
		font-size: 14px;
	}

	.list-prd-wrap {
		padding-left: 40px;
	}

	.list-top-contents__item:first-of-type,
	.list-top-contents__item:last-of-type {
		background-size: 120px;
	}

	/* view */
	.view-prd-img-box .swiper-btn-wrap,
	.view-prd-img-slide {
		width: 500px;
	}

	.view-prd-info-box {
		width: 500px;
	}

	.view-prd-img-box {
		gap: 120px;
	}

	.guide section.guide-third .inner {
		width: 100%;
	}

	.best-category .swiper-slide {
		width: 350px;
	}

	/* card */
	.breadcrumb {
		padding: 12px 0 0;
	}

	.absolute-breadcrumb {
		padding: 12px 0 0 12px;
	}

	.setup-guide__subject {
		margin-top: 20px;
		font-size: 18px;
		color: var(--grayScale-11);
	}

	.setup-guide section .inner {
		width: 1280px;
	}

	.guide-list__dsc h3 {
		font-size: 18px;
	}

	.guide-list__dsc p {
		font-size: 16px;
	}
}

@media screen and (max-width: 1300px) {
	/* common */
	section {
		margin-bottom: 120px;
	}

	/* header */
	header .inner {
		position: relative;
		display: block;
	}

	header .search-box {
		position: absolute;
		display: flex;
		gap: 12px;
		right: 0;
		top: 16px;
	}

	.search-box .search {
		min-width: auto;
		width: fit-content;
		padding: 0;
		display: block;
		background: var(--grayScale-01);
		border-radius: 20px;
	}

	.search-txt {
		display: none;
	}

	.main-category ul {
		gap: 8px;
	}

	/* main */
	.main-banner-txt {
		max-width: 400px;
	}

	.main-banner-txt__mid {
		font-size: 30px;
	}

	.main-banner-txt__bot {
		font-size: 20px;
		margin-top: 20px;
		line-height: 25px;
	}

	.main-banner__btn {
		margin-top: 60px;
	}

	.main-banner-img {
		width: 500px;
	}

	.main-banner .swiper-slide a {
		height: 480px;
	}

	.best-category .swiper-slide {
		width: 300px;
	}

	.prd__thumb--recommend {
		height: auto;
	}

	.best-category__script {
		font-size: 24px;
	}

	.best-category__script span {
		font-size: 13px;
	}

	.custom-service-item__thumb {
		width: 400px;
		height: 336px;
	}

	.card-banner__tit h2 {
		font-size: 28px;
		margin-top: 4px;
	}

	/* list */
	.list-top-contents {
		padding: 10px 0;
	}

	.list-prd-wrap {
		padding-top: 40px;
	}

	.list-filter-wrap {
		padding-top: 40px;
		top: 100px;
	}

	.prd-item {
		width: calc((100% - 40px) / 3);
	}

	/* view */
	.view-prd-img-box {
		gap: 60px;
	}

	.view-prd-thumb-wrap {
		width: 60px;
		height: 400px;
	}

	.view-prd-img-box .swiper-btn-wrap,
	.view-prd-img-slide {
		width: 400px;
	}

	.view-prd-info__model-number {
		font-size: 14px;
	}

	.view-prd-price--card p:first-of-type,
	.view-prd-price--event p:first-of-type,
	.view-prd-price--month p:first-of-type,
	.view-prd-summery h3,
	.view-prd-price h3 {
		font-size: 14px;
	}

	.view-prd-price--card p:last-of-type,
	.view-prd-price--event p:last-of-type,
	.view-prd-price--month p:last-of-type {
		font-size: 20px;
	}

	.view-prd-price--card,
	.view-prd-price--event {
		margin-top: 12px;
	}

	.view-prd__order-btn button {
		font-size: 20px;
		height: 48px;
		line-height: 48px;
	}

	.view-prd-option h3 {
		margin-top: 20px;
		font-size: 14px;
	}

	.view-prd-info__item-tit {
		font-size: 20px;
	}

	.view-prd-info-box {
		width: 400px;
		padding: 32px;
	}

	.view-prd-option-wrap {
		flex-wrap: wrap;
	}

	section.view_prd {
		margin-bottom: 80px;
	}

	.view_prd {
		gap: 12px;
	}

	.view-prd-option-box input[type="radio"] + label {
		font-size: 13px;
	}

	/* 금액 */
	.view-prd-price [class*="view-prd-price--"] {
		font-size: 20px;
	}

	.view-prd-price [class*="view-prd-price--"] span {
		font-size: 14px;
	}

	.view-prd-price .view-prd-price--discount:after {
		width: 90px;
	}

	.view-prd-promotion__dsc br {
		display: none;
	}

	/* guide */
	.setup-guide section .inner,
	.guide section .inner {
		width: calc(100% - 80px);
	}

	.guide-first__text-box h2,
	.setup-guide__tit {
		font-size: 44px;
	}

	.guide-qna__tit,
	.guide-fourth__text-box p,
	.third-slide__text-box h2,
	.guide-second__text-box p {
		font-size: 32px;
	}

	.guide-qna__cont-row div {
		font-size: 20px;
	}

	.guide-qna__cont-row .guide-qna__arrow svg {
		width: 14px;
	}

	.guide section.guide-first {
		padding: 60px 0;
		min-height: auto;
	}

	.guide-first__img-box {
		width: 400px;
	}

	.guide-second__cont-wrap {
		flex-wrap: wrap;
		margin-top: 80px;
	}

	.guide-fourth__cont-wrap {
		margin-top: 80px;
	}

	.guide-second__cont-box {
		width: calc(50% - 10px);
		flex: 0 0 auto;
		justify-content: center;
		align-items: center;
	}

	.guide-second__cont-box p {
		text-align: center;
	}

	.guide-fourth__cont-wrap {
		gap: 20px;
	}

	.guide-fourth__step-box p {
		font-size: 15px;
	}

	.guide-fourth__step-box img {
		width: 120px;
	}

	/* order-guide */
	.setup-guide-nav__item {
		font-size: 20px;
	}

	.setup-guide__tit span {
		font-size: 44px;
	}

	.setup-guide__subject {
		font-size: 18px;
		margin-top: 30px;
	}

	.setup-guide__contents .inner {
		width: calc(100% - 160px);
		margin: 0 auto;
		padding: 120px 0;
		gap: 60px;
	}

	.guide-list__dsc h3 {
		font-size: 20px;
	}

	.guide-list__dsc p {
		font-size: 16px;
	}
}

@media screen and (max-width: 1024px) {
	/* common */
	.wrap {
		padding-top: 85px;
	}

	section {
		margin-bottom: 100px;
	}

	.pc-only {
		display: none;
	}

	.mo-only {
		display: block;
	}

	/* header */
	header .inner {
		width: 100%;
		padding: 20px 40px 10px;
		margin: 0;
	}

	.header__logo img {
		height: 30px;
	}

	.main-category ul:first-child::-webkit-scrollbar-thumb {
		background: var(--grayScale-04);
	}

	.main-category ul:first-child:hover::-webkit-scrollbar-thumb {
		background: var(--grayScale-04);
	}

	.main-category ul:first-child::-webkit-scrollbar-thumb:hover {
		background: var(--grayScale-04);
		border: 1px solid var(--grayScale-01);
	}

	.main-category ul li a {
		font-size: 14px;
	}

	header .search-box {
		top: 8px;
		right: 40px;
	}

	/* main */
	main {
		margin-top: 40px;
	}

	.main .prd-wrap .prd-item:nth-child(n + 9) {
		display: flex;
	}

	.main .prd-wrap .prd-item:nth-child(n + 10) {
		display: none;
	}

	.card-banner__tit h2 {
		margin-top: 8px;
		font-size: 24px;
	}

	.card-banner__object {
		right: calc(50% - 380px);
		width: 300px;
		transform: translateY(50px);
	}

	.card-banner__object.active {
		transform: translateY(28px);
	}

	.prd__thumb--recommend img {
		width: 260px;
	}

	.custom-service-item__thumb {
		width: 360px;
		height: 302px;
	}

	.custom-service-item-info__model-number {
		font-size: 13px;
	}

	.custom-service-item-info__item-tit {
		font-size: 16px;
	}

	.custom-service-item-info__item-price {
		margin-top: 16px;
	}

	.custom-service-item-info__item-price--month {
		font-size: 24px;
		line-height: 30px;
	}

	.custom-service-item-info__item-price--card {
		font-size: 16px;
	}

	.absolute-breadcrumb {
		padding: 12px 0 0;
	}

	.prd-info__model-number {
		font-size: 12px;
	}

	.prd-info__item-price--month,
	.prd-info__item-price--event {
		font-size: 20px;
		line-height: 20px;
	}

	.prd-info__item-price--month span,
	.prd-info__item-price--event span,
	.prd-info__item-price--card,
	.prd-info__item-price--card span {
		font-size: 13px;
	}

	.prd-info__item-price {
		margin-top: 16px;
	}

	.prd-wrap {
		gap: 40px 20px;
	}

	.list-filter-wrap {
		width: 220px;
		margin-right: 20px;
		top: 80px;
	}

	.list-filter-head {
		padding-right: 12px;
	}

	.list-filter-body {
		padding-right: 0;
	}

	.sub_banner__item a {
		font-size: 16px;
	}

	.sub_banner__item:first-of-type {
		background: #def1ff url("../images/img_sub_banner1.png") no-repeat right
			0 bottom 0 / 200px;
	}

	.sub_banner__item:last-of-type {
		background: #def1ff url("../images/img_sub_banner2.png") no-repeat right
			0 bottom 0 / 200px;
	}

	/*list*/
	.list-top-contents__item {
		padding: 20px;
		border-radius: 10px;
	}

	.list-top-contents__item span {
		font-size: 18px;
	}

	.list-top-contents__item:first-of-type {
		background: var(--grayScale-03)
			url(../images/img_list_top_contents_02.webp) no-repeat right 20px
			center / 80px;
		background-size: 80px 80px;
	}

	.list-top-contents__item:last-of-type {
		background: var(--grayScale-03)
			url(../images/img_list_top_contents_03.webp) no-repeat right 20px
			center / 80px;
		background-size: 80px 80px;
	}

	/* view */
	.view-prd-detail {
		width: 100%;
	}

	.view-prd-img-box {
		gap: 12px;
	}

	.view-prd-img-box .swiper-btn-wrap,
	.view-prd-img-slide {
		width: 360px;
	}

	section.search-header {
		padding: 40px 0;
	}

	.search-header .search-box input {
		border-radius: 28px;
		width: 600px;
		height: 56px;
	}

	.search-header .search-box button {
		bottom: 8px;
	}

	.search-box-recommend-keyword-box h2 {
		font-size: 20px;
	}

	.view .card-banner__object {
		right: calc(50% - 420px);
	}

	.view .card-banner__object.active {
		transform: translateY(0px);
	}

	/* card */
	.card-tit {
		font-size: 48px;
	}

	.card-tit span {
		font-size: 20px;
	}

	/* guide */
	.guide section.guide-first .inner {
		flex-direction: column;
	}

	.guide-first__text-box {
		text-align: center;
	}

	.guide-fourth__cont-wrap {
		flex-wrap: wrap;
		margin-top: 60px;
	}

	.guide-fourth__step-box {
		width: calc(50% - 10px);
		flex: 0 0 auto;
	}

	.guide-fourth__step-box:nth-child(2n) {
		margin-top: 0;
	}

	/* order-guide */
	.setup-guide__cover {
		height: 600px;
	}

	.setup-guide-nav__item {
		font-size: 20px;
		height: 56px;
		line-height: 56px;
	}

	.setup-guide__tit {
		font-size: 42px;
	}

	.setup-guide__subject {
		font-size: 20px;
		margin-top: 40px;
	}

	.setup-guide-nav {
		top: 131px;
	}

	.setup-guide section {
		scroll-margin-top: 140px;
	}

	.setup-guide__contents .inner {
		gap: 40px;
	}

	.setup-guide__contents .setup-guide__text-box {
		font-size: 28px;
	}

	.guide-list__dsc h3 {
		font-size: 16px;
	}

	.guide-list__dsc p {
		font-size: 14px;
	}

	aside {
		height: calc(100vh - 85px);
		top: 85px;
	}

	/* foot */
	footer .inner {
		flex-direction: column;
		gap: 40px;
		padding: 80px 0;
	}

	.footer-info {
		width: 100%;
	}
}

@media screen and (max-width: 860px) {
	section {
		margin-bottom: 80px;
	}

	.wrap {
		padding-top: 128px;
	}

	.marquee {
		font-size: 14px;
	}

	header .inner {
		padding: 20px 20px 0;
	}

	.header-left-wrap {
		gap: 16px 0;
	}

	.header__logo img {
		height: 24px;
	}

	header .search-box {
		top: 12px;
		right: 20px;
		gap: 8px;
	}

	.main-category {
		overflow-x: scroll;
		padding-bottom: 4px;
		width: 100%;
	}

	.main-category::-webkit-scrollbar {
		height: 6px;
		border: 1px solid var(--grayScale-01);
		background: var(--grayScale-03);
	}

	.main-category::-webkit-scrollbar-thumb {
		background: var(--grayScale-05);
		border-radius: 100px;
		border: 1px solid var(--grayScale-01);
	}

	.main-category .nav__divider {
		margin-bottom: 0;
	}

	.main-category ul:first-child {
		overflow-x: visible;
		flex: 0 0 auto;
	}

	.main-category ul li:hover {
		background: transparent;
	}

	.main-category ul li.active:hover {
		background: var(--grayScale-15);
	}

	.main-category ul li:hover a {
		color: var(--grayScale-15);
	}

	.main-category ul li.active:hover a {
		color: var(--grayScale-01);
	}

	/* main */
	.main-banner-txt {
		padding-left: 20px;
		word-break: keep-all;
	}

	.main-banner-txt,
	.main-banner-img {
		max-width: 42%;
	}

	.main-banner .swiper-slide a {
		height: 300px;
		padding: 0;
		border-radius: 20px;
		gap: 0;
	}

	.main-banner .swiper-button-next:after,
	.main-banner .swiper-button-prev:after {
		width: 25px;
		height: 25px;
	}

	.main-banner-txt__mid {
		font-size: 24px;
	}

	.main-banner-txt__bot {
		font-size: 13px;
		margin-top: 8px;
		line-height: 16px;
	}

	.main-banner-txt__bot span {
		display: inline-block;
		font-size: 13px;
		padding-left: 10px;
	}

	.main-banner__btn {
		margin-top: 20px;
		font-size: 15px;
		padding: 8px 40px;
	}

	.prod_list .tab {
		overflow-x: auto;
		justify-content: flex-start;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.prod_list .tab::-webkit-scrollbar {
		display: none;
	}

	.main .prd-wrap .prd-item:nth-child(n + 9) {
		display: none;
	}

	.card-inner {
		width: 100%;
		margin: 0;
		padding: 0 40px;
	}

	.card-banner__object.active {
		transform: translateY(-21px);
	}

	.main .card-banner__object {
		width: 250px;
		height: 59px;
		right: calc(50% - 320px);
	}

	.best-category__thumb {
		border-radius: 16px;
	}

	.list-top-contents {
		margin-bottom: 0;
	}

	.list-main-contents h2 {
		font-size: 20px;
	}

	section.search-header {
		margin-bottom: 0;
	}

	.section__tit {
		gap: 8px;
	}

	.section__tit h2 {
		font-size: 24px;
	}

	.section__tit p {
		font-size: 13px;
	}

	.best-category {
		margin-top: 32px;
	}

	.best-category .swiper-slide {
		width: 250px;
	}

	.best-category__script {
		font-size: 20px;
	}

	.sub_banner .inner {
		flex-direction: column;
		gap: 8px 0;
	}

	.sub_banner__item {
		width: 100%;
	}

	.custom-service-item__thumb {
		width: 300px;
		height: 252px;
	}

	/* list */
	.list-filter-wrap {
		width: 200px;
	}
	.list-filter-body {
		-webkit-mask-position: left top;
	}
	.list-top-contents {
		margin-bottom: 0;
		padding: 0;
	}

	.list-top-contents__item span {
		font-size: 16px;
	}

	.contents__item {
		padding: 12px 20px;
		border-radius: 12px;
	}

	.list-top-contents .inner {
		margin: 0;
		width: 100%;
		overflow-x: scroll;
	}

	.list-top-contents .inner::-webkit-scrollbar {
		height: 6px;
		border: 1px solid var(--grayScale-01);
		background: var(--grayScale-01);
	}

	.list-top-contents .inner::-webkit-scrollbar-thumb {
		background: var(--grayScale-01);
		border-radius: 100px;
		border: 1px solid var(--grayScale-01);
	}

	.list-top-contents .inner:hover::-webkit-scrollbar-thumb {
		background: var(--grayScale-05);
	}

	.list-top-contents .inner::-webkit-scrollbar-thumb:hover {
		background: var(--grayScale-07);
		border: none;
		cursor: pointer;
	}

	.list-top-contents__item {
		flex-shrink: 0;
		min-width: 300px;
	}

	.flag_wrap {
		top: 20px;
		right: 20px;
	}

    .flag_water_wrap {
        top: 10px;
        left: 10px;
        width: 15px;
    }

	.main .flag_wrap:not(.flag_wrap--tag) .flag,
	.list .flag_wrap:not(.flag_wrap--tag) .flag {
		width: 44px;
		height: 44px;
		padding: 6px;
		font-size: 12px;
		box-sizing: content-box;
	}

	.flag_wrap--tag {
		flex-wrap: wrap;
	}

	.main .flag_wrap--tag .flag,
	.list .flag_wrap--tag .flag {
		height: auto;
		width: min-content;
	}

	/* view */
	.view .absolute-breadcrumb {
		padding: 24px 0 0;
	}

	.card-banner {
		height: 120px;
	}

	.view .card-banner__object {
		right: calc(50% - 400px);
		transform: translateY(60px);
	}

	.card-banner__tit h2 {
		font-size: 26px;
		margin-top: 8px;
	}

	.card-item--front,
	.card-item--back {
		margin-left: 12px;
	}

	.prd-info-wrap--recommend .prd-info__item-tit {
		font-size: 16px;
	}

	.prd-info__item-price {
		margin-top: 12px;
	}

	.prd-info__item-price--month,
	.prd-info__item-price--event {
		font-size: 20px;
		line-height: 25px;
	}

	.prd-info__item-price--month span,
	.prd-info__item-price--event span {
		font-size: 13px;
		padding-right: 4px;
	}

	dialog {
		border-radius: 12px;
		width: calc(100% - 80px);
		padding: 40px;
	}

	.prd-item {
		width: calc((100% - 20px) / 2);
	}

	.view-prd-thumb-wrap {
		display: none;
	}

	.view-prd-img-box .swiper-btn-wrap,
	.view-prd-img-slide {
		width: 320px;
	}

	.view-prd-info-box {
		padding: 32px 20px;
	}

	.view_prd .inner {
		width: 100%;
		margin: 0 auto;
		flex-direction: column;
		gap: 40px;
		align-items: center;
		justify-content: center;
	}

	.view-prd-info-box {
		width: 100%;
	}

	.view-prd-info-box {
		border-radius: 32px 32px 0 0;
		box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
	}

	.view-prd-detail-header .inner {
		gap: 60px;
	}

	.view-prd-detail__btn {
		flex: 0 0 auto;
	}

	.search-header .search-box,
	.search-header .search-box input {
		width: 100%;
	}

	.guide-second__text-box p,
	.third-slide__text-box h2,
	.guide-fourth__text-box p,
	.guide-card__text-box h2 {
		font-size: 40px;
	}

	section.setup-guide__cover {
		margin-bottom: 0 !important;
	}

	.scroll-ani {
		display: none;
	}

	/* footer */
	.floating-bar .box-cs {
		border: 0;
	}

	/* guide */
	.setup-guide-nav {
		top: 128px;
	}

	.guide-first__text-box h2,
	.setup-guide__tit {
		font-size: 38px;
	}

	.guide-second__text-box p,
	.third-slide__text-box h2,
	.guide-fourth__text-box p,
	.guide-card__text-box h2 {
		font-size: 30px;
	}

	.guide-second__cont-box {
		gap: 16px;
	}

	.guide-fourth__step-box p,
	.guide-second__cont-box p {
		font-size: 18px;
	}
}

@media screen and (max-width: 640px) {
	.main-category ul:last-child {
		padding-bottom: 0;
	}
	.main .card-banner__object {
		right: calc(50% - 279px);
	}
	.main .card-banner__object.active {
		transform: translateY(-21px);
	}

	.card-banner__object {
		right: calc(50% - 220px);
		width: 220px;
		height: auto;
		transform: translateY(50px);
	}

	.view .card-banner__object {
		right: calc(50% - 290px) !important;
		transform: translateY(60px) !important;
	}

	.card-item--front,
	.card-item--back {
		width: 80px;
	}

	.prod_list .tab {
		padding: 0;
	}

	.main-banner-txt {
		padding-left: 0;
	}

	.custom-service-item__thumb {
		width: 280px;
		height: 235px;
		position: relative;
	}

	.custom-service-item__thumb:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.03);
	}

	.view-prd-detail h2 {
		font-size: 20px;
	}

	section.card-banner {
		margin-bottom: 80px;
	}

	.view main {
		margin-top: 40px;
	}

	.absolute-breadcrumb {
		padding: 12px 0 0;
	}

	.breadcrumb a {
		font-size: 12px;
	}

	.inner {
		width: calc(100% - 40px);
	}

	.inquiry-btn,
	.inquiry-btn a,
	.inquiry-btn a svg,
	.search-box .search,
	.search-box .search svg {
		width: 32px;
		height: 32px;
	}

	.section__tit {
		gap: 4px;
	}

	.main-banner {
		padding-bottom: 32px;
	}

	.main-banner .swiper-slide a {
		height: fit-content;
		min-height: 480px;
		gap: 20px;
		padding: 32px 0 80px;
		flex-direction: column;
	}

	.main-banner-txt > div,
	.main-banner-txt > h2 {
		text-align: center;
	}

	.main-banner-txt {
		max-width: 100%;
		width: 100%;
	}

	.main-banner-img {
		max-width: 250px;
	}

	.main-banner__btn {
		position: absolute;
		bottom: 26px;
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
		height: 34px;
		line-height: 34px;
		width: 160px;
		margin-top: 0;
	}

	.main-banner .swiper-pagination {
		bottom: 0 !important;
	}


	section.search-header {
		margin-bottom: 0;
		padding: 20px 0;
	}

	.section__tit h2 {
		font-size: 20px;
	}

	.best-category .swiper-slide,
	.setup-contents-list .swiper-slide {
		width: 280px;
	}

	.recommend-prd-list,
	.best-category,
	.setup-contents-list,
	.setup-guide__recommend .recommend-prd-list {
		margin-top: 20px;
	}

	section.promotion .inner {
		width: 100%;
	}

	.promotion-wrap {
		height: fit-content;
		padding: 32px 20px 20px;
		flex-direction: column;
		align-items: start;
		gap: 16px;
		border-radius: 0;
	}

	.promotion__tit p {
		color: var(--grayScale-10);
	}

	.promotion__img {
		width: 100%;
		text-align: right;
	}

	.promotion__img img {
		width: 50%;
		min-width: 120px;
	}

	.custom-service-filter-wrap {
		gap: 12px;
	}

	.custom-service-filter__tag {
		font-size: 13px;
	}

	.custom-service-item .swiper-slide {
		opacity: 1;
	}

	.custom-service-item .swiper-slide a {
		flex-direction: column;
		align-items: start;
		justify-content: start;
		gap: 20px;
		padding: 20px;
	}

	.item-guide-wrap {
		height: 360px;
	}

	.item-guide-tit p {
		font-size: 16px;
	}

	.item-guide-tit h2 {
		font-size: 40px;
		margin-top: 8px;
	}

	.item-guide__btn a {
		font-size: 20px;
		padding: 8px 32px;
	}

	.card-inner {
		padding: 0 20px;
	}

	.card-banner__tit p {
		font-size: 16px;
	}

	.card-banner__tit h2 {
		font-size: 20px;
		width: calc(100% - 242px);
		word-break: keep-all;
	}

	.setup-contents {
		padding: 40px 0;
	}

	footer .inner {
		padding: 40px 0 100px;
	}

	footer h3 {
		font-size: 16px;
	}

	footer p {
		font-size: 13px;
	}

	.copyright {
		font-size: 13px;
	}

	.footer-call {
		font-size: 28px;
	}

	footer svg {
		width: 203px;
	}

	dialog,
	dialog.order-popup,
	dialog.card-popup,
	dialog.counsel-popup {
		border-radius: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		margin: 0;
		padding: 40px 20px;
	}

	dialog.counsel-popup,
	dialog.order-popup,
	dialog.card-popup {
		padding: 0;
	}

	dialog h2 {
		font-size: 16px;
	}

	.order-box-header,
	.card-box-header {
		padding: 0 20px;
		height: 58px;
		line-height: 58px;
	}

	.order-box {
		height: calc(100% - 170px);
		padding: 32px 20px 0;
		gap: 20px;
	}

	.card-box {
		height: calc(100% - 58px);
	}

	.card-box ul li {
		padding: 40px;
	}

	.card-box .img {
		position: relative;
		top: auto;
		right: auto;
		width: 320px;
		margin: 0 auto;
	}

	.card-box .info {
		margin-top: 32px;
	}

	.card-box .info .desc {
		padding-bottom: 20px;
		margin-bottom: 0;
		border-bottom: 2px solid var(--grayScale-13);
	}

	.card-box .info .txt {
		gap: 0;
	}

	.card-box .info .txt dl {
		gap: 0;
	}

	.card-box .info .txt dl dt {
		width: 68px;
		background: var(--grayScale-03);
		padding: 8px;
		border-bottom: 1px solid var(--grayScale-05);
		font-size: 13px;
	}

	.card-box .info .txt dl dd {
		font-size: 13px;
		padding: 8px 0 8px 20px;
		border-bottom: 1px solid var(--grayScale-05);
	}

	.counsel-box,
	.order-box {
		padding: 20px;
	}

	.counsel__submit-button button,
	.order__submit-button {
		width: calc(100% - 40px);
		bottom: 32px;
		position: absolute;
	}

	.order__model-number {
		font-size: 13px;
	}

	.order__item-tit {
		font-size: 20px;
	}

	.search-popup__close-btn {
		position: fixed;
	}

	.search-popup-recommend-keyword-box {
		gap: 20px;
	}

	.search-popup-recommend-prd-box,
	.search-popup-recommend-keyword-box {
		margin-top: 40px;
	}

	.search-popup input {
		margin-top: 20px;
		border-radius: 24px;
		height: 48px;
		line-height: 48px;
		padding: 0 80px 0 40px;
		font-size: 15px;
	}

	.search-box button {
		bottom: 8px;
		right: 20px;
	}

	.search-box button svg,
	.search-popup__close-btn svg,
	.order-popup__close-btn svg {
		width: 32px;
		height: 32px;
	}

	.search-popup-recommend-keyword-box h2 {
		line-height: 28px;
	}

	.search-popup-recommend-keyword li a {
		padding: 4px 12px;
		font-size: 15px;
	}

	section h1 {
		font-size: 42px;
	}

	.list__tit {
		height: 240px;
	}

	.list-main-contents .inner {
		display: block;
		width: 100%;
		margin: 0;
	}

	.list-prd-wrap {
		padding: 32px 20px;
		border-left: none;
		margin-left: 0;
	}

	.list-filter-wrap {
		position: relative;
		height: auto;
		background: var(--grayScale-01);
		border-radius: 12px 12px 0 0;
		padding: 32px 20px 12px 20px;
		border-bottom: 1px solid var(--grayScale-04);
		top: auto;
		width: 100%;
	}
	.swiper-wrapper {
		gap:4px;
	}
	.list-active-filter-wrap .swiper-wrapper .swiper-slide {
		margin-right: 0 !important;
	}

	.list-filter-head {
		display: none;
	}

	.list-filter-body {
		display: block;
		height: auto;
		overflow-y: visible;
		padding-top: 0;
		mask: none;
		padding-bottom: 20px;
	}

	.list-filter-section {
		display: flex;
		padding: 12px 0;
	}

	.list-filter-body .list-filter-section:first-of-type {
		padding-top: 0;
	}

	.list-filter-body .list-filter-section:last-of-type {
		padding-bottom: 0;
	}

	.list-filter-group_tit {
		width: 100px;
		flex: 0 0 auto;
		font-size: 15px;
		font-weight: 700;
	}

	.list-filter-tag-wrap {
		margin-top: 0;
		gap: 16px;
	}

	.list-filter-tag,
	.list-filter-tag.active {
		background: transparent;
		padding: 0;
	}

	.list-filter-tag.active {
		color: var(--ci-blue);
		font-weight: 700;
	}

	.list-active-filter-wrap {
		display: block;
		padding: 20px;
		overflow: hidden;
		border-bottom: 5px solid var(--grayScale-03);
	}

	.list-active-filter-wrap .swiper-slide.list-active-filter-tag {
		width: fit-content;
		height: 28px;
		line-height: 28px;
		padding: 0 20px 0 8px;
		font-size: 14px;
		background: var(--ci-blue);
		color: var(--grayScale-01);
		position: relative;
		border-radius: 4px;
	}

	.list-active-filter-wrap .swiper-slide.list-active-filter-tag svg {
		position: absolute;
		top: 4px;
		right: 0;
	}

	.list-active-filter-wrap .swiper-slide.list-active-filter-tag--default {
		background: var(--grayScale-04);
		color: var(--grayScale-08);
		padding: 0 8px;
	}

	.list-prd-wrap h2 {
		padding-bottom: 20px;
		font-size: 16px;
	}

	.search-header .inner {
		gap: 28px;
	}

	.search__no-item__script h2 {
		font-size: 20px;
	}

	.search__no-item img {
		width: 180px;
	}

	.view-prd-img-box,
	.view-prd-info-box,
	.view-prd-img-box .swiper-btn-wrap,
	.view-prd-img-slide {
		width: 100%;
	}

	.view-prd-img-box {
		max-width: 400px;
		top: 156px;
	}

	.view-prd-info-box {
		border-radius: 32px 32px 0 0;
		box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
	}

	section.view_prd {
		margin-bottom: 0;
	}

	.view-prd-detail-header .view-prd-info__model-number {
		font-size: 12px;
	}

	.view-prd-info__item-tit {
		font-size: 16px;
		word-break: keep-all;
	}

	.view-prd-detail__btn a {
		font-size: 15px;
		border-radius: 8px;
		padding: 8px 12px;
	}

	.search-box-recommend-keyword-box {
		gap: 20px;
	}

	.search-box-recommend-keyword-box h2 {
		font-size: 16px;
		line-height: 26px;
	}

	.search-box-recommend-keyword li a {
		padding: 4px 12px;
		font-size: 14px;
	}

	.card-img-slide {
		margin-top: 40px;
	}

	.card-img-slide .swiper-slide {
		width: 240px;
		height: 152px;
	}

	section .bg {
		height: 260px;
	}

	.card-txt-slide .swiper-slide .slide-inner {
		width: calc(100% - 40px) !important;
	}

	.guide section .inner {
		width: calc(100% - 40px);
		gap: 20px;
		padding: 80px 0;
	}

	.object-shadow {
		width: 100%;
	}

	.guide-first__text-box h2 {
		font-size: 32px;
	}

	.guide-first__text-box p {
		font-size: 15px;
	}

	.guide-second__text-box p,
	.third-slide__text-box h2,
	.guide-fourth__text-box p,
	.guide-card__text-box h2,
	.guide-qna__tit {
		font-size: 24px;
	}

	header.guide-qna__tit-box {
		padding-bottom: 20px;
	}

	.guide-fourth__step-box p, .guide-second__cont-box p {
		font-size: 16px;
	}

	.guide-second__cont-box {
		gap: 16px;
		padding: 12px 0;
		width: calc(50% - 6px);
		border-radius: 12px;
	}

	.guide-second__cont-box img {
		width: 40px;
	}

	.guide-second__cont-wrap {
		margin-top: 60px;
		gap: 12px;
	}

	.guide-slide-wrap .swiper-pagination-bullet {
		height: 6px !important;
		width: 6px !important;
		border-radius: 3px;
	}

	.guide-slide-wrap .swiper-pagination-bullet-active {
		width: 24px !important;
	}

	.guide-fourth__step-box {
		padding: 32px 16px 0;
	}

	.guide-fourth__step-box img {
		width: 75px;
	}

	.guide-qna__cont-row div {
		padding: 20px 0;
		font-size: 16px;
	}

	.guide-qna__cont-row .guide-qna__answer {
		font-size: 16px;
	}

	.guide-qna__cont-row .guide-qna__arrow svg {
		width: 15px;
		height: 10px;
	}

	.guide-qna__cont-row .guide-qna__mark,
	.guide-qna__cont-row .guide-qna__arrow {
		width: 80px;
	}

	.card__button-wrap {
		display: block;
	}

	.card__button-wrap a span {
		font-size: 16px;
	}


	.setup-guide__cover {
		height: 430px;
	}

	.setup-guide__tit span,
	.setup-guide__tit {
		font-size: 28px;
	}

	.setup-guide__subject {
		margin-top: 20px;
		font-size: 16px;
	}

	.setup-guide__tab-contents .inner,
	.setup-guide__dropdown-contents .inner {
		gap: 32px;
	}

	.setup-guide-section__tit {
		font-size: 24px;
	}

	.tap-contents__tap-wrap {
		gap: 4px;
		justify-content: space-between;
	}

	.tap-contents__tap-wrap li:first-child {
		display: none;
	}


	#all.tap-contents,
	#all.tap-contents.active {
		display: none;
	}

	.tap-contents__tap {
		flex: 0 1 100%;
		width: auto;
		height: 40px;
	}

	.tap-contents__tap a {
		line-height: 40px;
		font-size: 14px;
		border-width: 1px;
		border-radius: 4px;
	}

	.tap-contents--washing-appliances {
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}

	.tap-contents__script--washing-appliances h2 {
		width: 260px;
		text-align: center;
		font-size: 16px;
	}

	.tap-contents__script--washing-appliances h2 br {
		display: none;
	}

	.tap-contents__img--washing-appliances {
		width: 300px;
	}

	.tap-contents__script--washing-appliances p span {
		font-weight: 500;
		margin-right: 4px;
	}

	.tap-contents__script--washing-appliances p,
	.tap-contents__script--washing-appliances p span {
		font-size: 14px;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 12px;
	}

	.tap-contents__script--washing-appliances ul {
		align-items: center;
		gap: 8px;
	}

	.tap-contents__script--washing-appliances ul li {
		padding-left: 16px;
		text-align: center;
		width: fit-content;
		font-size: 11px;
		line-height: 15px;
	}

	.tap-contents__script--washing-appliances ul li:before {
		background: none;
		content: "*";
	}

	.setup-guide-section__tit {
		font-size: 20px;
	}

	.setup-guide__washing-appliances .setup-guide-section__tit span {
		display: block;
		margin: 0 auto 12px;
	}

	.check-contents__contents-text h3,
	.setup-guide__not-possible .check-contents__contents-text h3 {
		font-size: 16px;
	}

	.check-contents__contents-wrap {
		margin-top: 40px;
	}

	.check-contents__contents-text ul li,
	.setup-guide__not-possible .check-contents__contents-text ul li {
		font-size: 12px;
		list-style-position: outside;
		margin-left: 16px;
	}

	.setup-guide__tab-contents .inner,
	#setupChecklist,
	.setup-guide__not-possible .inner,
	.setup-guide__recommend {
		padding: 40px 0;
	}

	.check-contents__contents-img__box {
		margin-top: 32px;
		width: calc(100% - 60px);
		border-radius: 12px;
	}

	.check-contents__contents-wrap .swiper-button-prev:after,
	.check-contents__contents-wrap .swiper-button-next:after {
		width: 32px;
		height: 32px;
	}

	.check-contents__contents-wrap .swiper-button-prev {
		left: 0;
	}

	.check-contents__contents-wrap .swiper-button-next {
		right: 0;
	}

	.check-contents__contents-wrap .swiper-button-prev,
	.check-contents__contents-wrap .swiper-button-next {
		bottom: 20dvh;
	}

	.check-contents__contents__notice {
		font-size: 11px;
		padding: 20px 20px 0 20px;
		margin: 0;
	}

	.setup-guide__not-possible .check-contents__contents-img {
		padding: 32px 20px 20px;
	}

	.setup-guide__not-possible
		.check-contents__wrap:nth-of-type(2)
		.check-contents__contents-img {
		padding: 20px 0;
	}

	.setup-guide__not-possible .check-contents__contents__notice {
		margin: 0;
		text-align: center;
		font-size: 11px;
	}

	.check-contents__wrap {
		margin-bottom: 40px;
	}

	.dropdown-contents__script p {
		font-size: 16px;
	}

	#screenSize .setup-guide-section__tit small {
		font-size: 13px;
		line-height: 2.5;
	}

	.setup-guide__distance-equation {
		font-size: 13px;
		margin-top: 12px;
	}

	.distance__contents-wrap {
		flex-direction: column;
	}

	.distance__contents-img {
		width: 100%;
		max-width: 100%;
		min-width: auto;
	}

	.distance__contents-script {
		width: 100%;
		gap: 32px;
	}

	.distance__note h3 {
		font-size: 16px;
		padding-left: 20px;
	}

	.distance__note h3:after {
		width: 16px;
		height: 16px;
	}

	.setup-guide__distance table th,
	.setup-guide__distance table td {
		font-size: 12px;
		height: 32px;
	}

	.setup-guide__distance .source-text {
		font-size: 11px;
	}

	.setup-guide-nav {
		top: 116px;
		gap: 40px;
	}

	.setup-guide-nav__item {
		font-size: 16px;
	}

	.setup-guide-nav__item:not(:last-of-type):after {
		margin-left: 40px;
	}

	.setup-guide__cover .setup-guide__text-box {
		padding:0;
		width: auto;
	}


	#contentReward .guide-list.active,
	#contentDiscount .guide-list.active {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.guide-list__item:not(:last-of-type) .guide-list__img::after {
		display: none;
	}

	.setup-guide__sub-tit {
		font-size: 18px;
	}

	.setup-guide__contents .setup-guide__text-box {
		font-size: 20px;
	}

	/* footer */
	.floating-bar .box-cs {
		text-wrap: nowrap;
	}

	.floating-bar .box-cs {
		padding: 0;
	}

	.floating-bar .inner {
		margin: 0;
		width: 100%;
		gap: 20px;
	}

	.floating-bar .counsel-btn {
		width: 80px;
	}
}

@media screen and (max-width: 400px) {
	.guide-list__dsc h3,
	.guide-list__dsc p {
		font-size: 13px;
	}
	.setup-guide__contents .inner  {
		padding: 80px 0;
	}
	.setup-guide section .inner,
	.guide section .inner {
		width: calc(100% - 40px);
	}

	.setup-guide__tit,
	.guide-first__text-box h2 {
		font-size: 26px;
	}

	.setup-guide-nav__item:not(:last-of-type):after {
		margin-left: 20px;
	}
	.setup-guide-nav {
		gap: 20px;
	}
	.setup-guide-nav__item {
		font-size: 14px;
		height: 40px;
	}

	.setup-guide__cover {
		height: 300px;
	}
	.view .card-banner__object {
		right: calc(50% - 155px) !important;
		transform: translateY(0) !important;
	}

	.breadcrumb a,
	.breadcrumb p {
		font-size: 10px;
		line-height: 12px;
	}

	.breadcrumb a:after {
		width: 12px;
		height: 12px;
		right: -12px;
	}

	.flag_wrap {
		top: 14px;
		right: 14px;
		gap: 4px 0;
	}

    .flag_water_wrap {
        top: 10px;
        left: 10px;
        width: 15px;
    }

	.main .flag_wrap:not(.flag_wrap--tag) .flag,
	.list .flag_wrap:not(.flag_wrap--tag) .flag {
		width: 30px;
		height: 30px;
		padding: 6px;
		font-size: 10px;
		box-sizing: content-box;
	}

	.flag_wrap--tag {
		gap:4px;
	}

	.flag_wrap--tag .flag {
		height: auto;
		width: min-content;
	}

	.sub_banner__item a {
		padding: 40px 20px;
	}

	.sub_banner__item:first-of-type,
	.sub_banner__item:last-of-type {
		background-size: 150px;
		background-position: right -10px bottom 0;
	}

	.prd-info__item-price--discount,
	.prd-info__item-price--discount span {
		font-size: 14px;
	}

	.prd-info__item-price--discount::after {
		height: 1px;
	}

	.list__tit.cate_076002,
	.list__tit.cate_076003,
	.list__tit.cate_076010 {
		background-position-x: 66%;
	}

	.list__tit.cate_076006 {
		background-position-x: 40%;
	}

	.list__tit.cate_076009 {
		background-position-x: 35%;
	}

	.list__tit.cate_076011 {
		background-position-x: 18%;
	}

	.list__tit.cate_076012 {
		background-position-x: 80%;
	}

	.list__tit.cate_076014 {
		background-position-x: 88%;
	}

	.card-banner__tit p {
		font-size: 13px;
	}

	.card-banner__tit h2 {
		width: calc(100% - 140px);
		font-size: 16px;
	}

	.main .card-banner__object {
		width: 200px;
		right: calc(50% - 170px);
	}
	.main .card-banner__object.active {
		transform: translateY(5px);
	}

	.card-banner__object {
		width: 180px;
		right: calc(50% - 190px);
	}

	.card-banner__object.active {
		transform: translateY(33px);
	}

	.card-item--back {
		width: 50px;
	}

	.card-item--front {
		width: 70px;
	}

	.view .card-banner__object {
		width: 140px;
		height: 140px;
	}

	.view .card-banner__object.active {
		transform: translateY(20px);
	}

	/* footer */
	footer .inner {
		padding: 32px 0;
		gap: 32px;
	}

	footer p {
		font-size: 12px;
	}

	.footer-call {
		font-size: 28px;
	}

	.search-popup input {
		padding: 0 40px 0 20px;
	}

	.search-popup__close-btn {
		top: 12px;
		right: 12px;
	}

	.list-filter-wrap {
		padding-top: 20px;
	}

	.list-filter-group_tit {
		width: 80px;
		font-size: 14px;
	}

	.list-filter-tag-wrap {
		gap: 4px 16px;
	}

	.list-filter-tag {
		font-size: 13px;
	}

	.list-active-filter-wrap {
		padding: 12px 20px;
	}

	.list-prd-wrap {
		padding: 20px;
	}

	.list-prd-wrap h2 {
		padding-bottom: 12px;
	}

	section.search__no-item {
		padding: 20px 0 40px 0;
	}

	.search-header .search-box button {
		right: 8px;
	}

	.search-header .search-box input {
		border-radius: 23px;
		height: 46px;
		padding: 12px 40px 12px 20px;
		font-size: 14px;
	}

	.search-box-recommend-keyword-box {
		flex-direction: column;
		gap: 16px;
	}

	.search-box-recommend-keyword-box h2 {
		font-size: 15px;
	}

	.search__no-item__script h2 {
		line-height: 30px;
	}

	.search__no-item.search-header .inner {
		gap: 24px;
	}

	.search__no-item__script h2 span {
		display: block;
	}

	.search__no-item img {
		width: 120px;
	}

	.search__no-item p {
		font-size: 12px;
	}

	.prd-wrap {
		margin-top: 20px;
		gap: 28px 12px;
	}

	.prd-info__item-tit {
		font-size: 14px;
		margin-top: 4px;
	}

	.prd-info__item-price {
		margin-top: 8px;
	}

	.prd-info__item-price--month,
	.prd-info__item-price--event {
		font-size: 16px;
		line-height: 20px;
	}

	.prd-info__item-price--month span,
	.prd-info__item-price--event span {
		font-size: 12px;
	}

	.prd-info__item-price--card {
		margin-top: 0;
	}

	.prd-info__item-price--card span {
		padding-right: 4px;
	}

	.footer-call {
		margin-top: 12px;
	}

	.footer-cs p {
		line-height: 1.5;
		margin-top: 4px;
	}

	.m_block {
		display: block;
	}

	.cs_divider {
		display: none;
	}

	.prd-info__model-number {
		display: none;
	}

	.order-box {
		height: calc(100% - 150px);
		padding: 20px 20px 0;
	}
	.order__submit-button {
		bottom: 20px;
	}

	.order-option-tag-wrap {
		gap: 8px;
	}

	.order__option-tag {
		font-size: 13px;
		margin-top: 8px;
	}

	.order-group label {
		font-size: 14px;
	}

	.order-group input {
		padding: 12px 16px;
		font-size: 13px;
	}

	.order__private-box {
		font-size: 11px;
		line-height: 15px;
		height: 120px;
		padding: 0 12px;
	}

	#checkAgree + label {
		font-size: 14px;
		line-height: 16px;
		padding-left: 20px;
		margin-top: 8px;
	}

	#checkAgree + label span {
		width: 16px;
		height: 16px;
		border-radius: 1px;
	}

	.card section {
		padding: 60px 0 20px;
	}

	.card-tit {
		font-size: 40px;
	}

	.card-tit span {
		font-size: 16px;
	}

	.card-txt-slide {
		margin-top: 20px;
	}

	.card-txt-slide .swiper-slide h2 {
		font-size: 24px;
	}

	.card-txt-slide .swiper-slide h2 span {
		font-size: 15px;
	}

	.card-txt-slide .swiper-slide .slide-inner > p {
		font-size: 12px;
		margin-top: 20px;
	}

	.card-detail-box {
		border-radius: 8px;
	}

	.card-detail-box > p > span {
		font-size: 13px;
	}

	.card-txt-slide .swiper-slide .slide-inner button {
		border-radius: 8px;
		padding: 16px 0;
		font-size: 16px;
	}

	.setup-guide__contents .setup-guide__text-box,
	.guide-second__text-box p,
	.third-slide__text-box h2,
	.guide-fourth__text-box p,
	.guide-card__text-box h2,
	.guide-qna__tit {
		font-size: 18px;
	}

	.guide-list.active {
		gap: 20px 10px;
	}

	.setup-guide__contents .info_txt {
		font-size: 12px;
	}


	.guide-second__cont-box p,
	.guide-fourth__step-box p {
		font-size: 13px;
		letter-spacing: -1px;
	}

	.guide-fourth__step-box img {
		margin-top: 12px;
		width: 60px;
	}

	.guide-fifth a {
		font-size: 16px;
		height: 42px;
		line-height: 42px;
	}

	.guide-qna__cont-row div {
		padding: 16px 0;
		font-size: 13px;
	}

	.guide-qna__cont-row .guide-qna__answer {
		font-size: 13px;
	}

	.guide-qna__cont-row .guide-qna__mark,
	.guide-qna__cont-row .guide-qna__arrow {
		width: 40px;
	}

	.guide-qna__cont-row .guide-qna__arrow svg {
		width: 11px;
		height: 7px;
	}

	.card-box ul li {
		padding: 20px;
	}

	.card-box .img {
		width: 80%;
	}

	.card-box .info .txt dl dt {
		width: 76px;
		font-size: 11px;
	}

	.card-box .info .txt dl dd {
		font-size: 11px;
		padding-left: 12px;
	}
	.guide-first__img-box {
		width: 300px;
		height: auto;
	}


}