@media screen and (max-width: 1920px) {
    .bespoke-item {
        height: 400px;
    }
}

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

    .guide section .inner {
        gap: 120px;
        justify-content: center;
    }
    .main-banner .swiper-slide a {
        padding: 0 80px;
    }
    .promotion-wrap {
        gap: 80px;
        padding: 0 80px;
    }
    .custom-service-item {
        margin-left: 0;
    }
    .custom-service-filter-wrap {
        left: 560px;
    }
    .custom-service-item .swiper-slide a{
        gap: 60px;
    }
    .bespoke-slide--pc {
        gap: 20px;
    }
    .breadcrumb {
        padding: 12px 0 0;
    }
    .absolute-breadcrumb {
        padding: 12px 0 0 12px;
    }
    .list-prd-wrap {
        padding-left: 40px;
    }
    .view-prd-img-box {
        gap: 120px;
    }
    .view-prd-info-box {
        width: 560px;
    }
}
@media screen and (max-width: 1540px) {
    .guide section .inner {
        width: calc(100% - 80px);
    }
    .guide section.guide-third .inner {
        width: 100%;
    }
    .custom-service-filter-wrap {
        width: calc(100% - 560px);
    }
    .custom-service-filter__tag {
        font-size: 14px;
        padding: 6px 16px;
    }
    .bespoke-item__tit {
        font-size: 28px;
    }
    .best-category .swiper-slide,
    .recommend-prd-list .swiper-slide,
    .setup-contents-list .swiper-slide {
        width: 350px;
    }
    .prd__thumb--recommend,
    .setup-guide__recommend .prd__thumb--recommend {
        height: 350px;
    }
    .bespoke-item.active {
        width: 360px;
    }
    .list-top-content__object {
        width: 125px;
    }
    .list-top-content__script p {
        font-size: 20px;
    }
    .list-top-content__script p span {
        font-size: 13px;
    }
    .list-filter-wrap {
        width: 280px;
    }
    .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;
    }
    .view-prd-img-box .swiper-btn-wrap,
    .view-prd-img-slide {
        width: 500px;
    }
    .view-prd-info-box {
        width: 500px;
    }
}
@media screen and (max-width: 1300px) {
    section {
        margin-bottom: 120px;
    }
    .setup-contents {
        padding: 80px 0;
    }
    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;
    }
    .inquiry-btn {
        font-size: 0;
        margin-top: 0;
    }
    .inquiry-btn a {
        height: 40px;
        line-height: 40px;
    }
    .inquiry-btn a svg {
        transform: translateY(0);
    }
    .header-left-wrap {
        gap: 15px;
    }
    .main-category ul {
        gap: 8px;
    }
    .main-banner-txt {
        max-width: 400px;
    }
    .main-banner-txt__top {
        font-size: 20px;
    }
    .main-banner-txt__mid {
        font-size: 40px;
        margin-top: 28px;
    }
    .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,
    .recommend-prd-list .swiper-slide,
    .setup-contents-list .swiper-slide {
        width: 300px;
    }
    .prd__thumb--recommend,
    .setup-guide__recommend .prd__thumb--recommend{
        height: auto;
    }
    .best-category__script,
    .setup-contents__script {
        font-size: 24px;
    }
    .best-category__script span,
    .setup-contents__script span {
        font-size: 13px;
    }
    .bespoke-item {
        height: 300px;
    }
    .bespoke-item.active {
        width: 260px;
        padding: 20px;
    }
    .bespoke-item__tit {
        top: 20px;
        left: 20px;
        font-size: 24px;
    }
    .custom-service-item {
        width: 100%;
    }
    .custom-service-item .swiper-slide a{
        gap: 40px;
    }
    .custom-service-item__thumb {
        width: 400px;
        height: 336px;
    }
    .custom-service-filter-wrap {
        width: calc(100% - 440px);
        left: 440px;
        gap: 20px;
        top: -80px;
    }
    .custom-service-filter-group {
        gap: 8px;
    }
    .list__tit {
        height: 400px;
    }
    .list-top-contents-wrap {
        padding: 32px 0;
    }
    .list-top-contents-wrap .list-top-content{
        padding: 12px 20px;
        border-radius: 12px;
    }
    .list-top-content__object {
        width: 100px;
    }
    .list-top-content__script p {
        font-size: 16px;
    }
    .list-top-content__script p span {
        font-size: 12px;
    }
    .list-prd-wrap {
        padding-top: 40px;
    }
    .list-filter-wrap {
        padding-top: 40px;
        top: 100px;
    }
    .prd-item{
        width: calc((100% - 40px)/3);
    }
    .list-prd-wrap h2{
        font-size: 20px;
    }
    .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--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--month p:last-of-type {
        font-size: 20px;
    }
    .view-prd-price--card {
        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: 380px;
        padding: 32px;
    }
    section.view_prd {
        margin-bottom: 80px;
    }
    .view-prd-option-wrap {
        gap: 12px;
    }
    .view-prd-option-box input[type="radio"] + label {
        font-size: 13px;
    }
    .guide section .inner {
        gap: 40px;
    }
    .guide section.guide-first {
        padding: 60px 0;
        min-height: auto;
    }
    .guide-first__img-box {
        width: 400px;
    }
    .guide-second__cont-wrap {
        flex-wrap: wrap;
    }
    .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;
    }
    @keyframes fadeInSlide {
        0% {
            opacity: 0;
            left: 40px;
        }
        100% {
            opacity: 1;
            left: 20px;
        }
    }
    .setup-guide__cover__wrap {
        gap: 60px;
    }
    .setup-guide__cover__img-box {
        height: 100%;
    }
    .setup-guide__cover__img-box img {
        max-width: none;
        max-height: 100%;
    }
    .setup-guide__signature {
        font-size: 16px;
    }
    .setup-guide__tit {
        font-size: 52px;
    }
    .setup-guide__subject {
        font-size: 28px;
    }
    .setup-guide__header--sticky nav a {
        width: calc(50% - 50px);
    }
    .setup-guide__tab-contents .inner {
        width: calc(100% - 160px);
        margin: 0 auto;
        padding: 120px 0;
        gap: 60px;
    }
    .tap-contents--tv {
        gap: 40px;
    }
    .setup-guide-section__tit {
        font-size: 42px;
    }
    .tap-contents__tap {
        width: 120px;
        height: 52px;
    }
    .tap-contents__tap a {
        line-height: 52px;
        font-size: 20px;
    }
    .tap-contents__script--washing-appliances h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .setup-guide__tap-contents__contents-text {
        margin-top: 20px;
    }
    .setup-guide__tap-contents__contents-text h3 {
        font-size: 20px;
    }
    .setup-guide__tap-contents__contents-text p {
        font-size: 14px;
    }
    .tap-contents--washing-appliances {
        gap: 60px;
    }
    .tap-contents__script--washing-appliances p {
        font-size: 16px;
    }
    .tap-contents__script--washing-appliances p span {
        font-size: 30px;
    }
    .tap-contents__script--washing-appliances ul li {
        font-size: 16px;
        line-height: 20px;
        padding-left: 36px;
    }
    .tap-contents__script--washing-appliances ul li:before {
        width: 20px;
        height: 20px;
    }
    .tap-contents__img--washing-appliances {
        width: 360px;
    }
    #all .tap-contents__img--washing-appliances {
        width: auto;
    }
    .setup-guide__washing-appliances .setup-guide-section__tit span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-right: 8px;
        border-radius: 25px;
    }
    #setupChecklist {
        padding: 120px 0;
    }
    .check-contents__contents-wrap {
        margin-top: 80px;
    }
    .check-contents__contents-text,
    .check-contents__contents-img__box {
        width: calc(100% - 160px);
    }
    .check-contents__contents-text h3{
        font-size: 32px;
    }
    .setup-guide__not-possible .check-contents__contents-text h3 {
        font-size: 28px;
    }
    .check-contents__contents-text ul li{
        font-size: 24px;
    }
    .setup-guide__not-possible .check-contents__contents-text ul li {
        font-size: 16px;
        line-height: 2;
    }
    .check-contents__contents-wrap .swiper-button-prev {
        left: 12px;
    }
    .check-contents__contents-wrap .swiper-button-next {
        right: 12px;
    }
    .setup-guide__not-possible .inner,
    .setup-guide__dropdown-contents .inner,
    #screenSize .inner{
        width: calc(100% - 160px);
        padding: 120px 0;
    }
    .setup-guide__dropdown-contents .inner {
        padding-top: 60px;
    }
    .setup-guide__not-possible .check-contents__contents-img {
        padding: 60px 32px 32px;
        justify-content: space-between;
        gap: normal;
    }
    .setup-guide__not-possible .check-contents__contents__notice {
        font-size: 16px;
    }
    .setup-guide__recommend {
        padding: 120px 0;
    }
    .setup-guide__recommend .inner {
        width:calc(100% - 160px);
    }
    .tap-contents__script--tv p,
    .dropdown-contents__script p{
        font-size: 26px;
        letter-spacing: -1px;
    }
    .dropdown-contents__script p br {
        display: none;
    }
    .tap-contents__img--tv img {
        width: calc(50% - 10px);
        flex: 0 0 auto;
    }
    .dropdown-contents__script h3{
        font-size: 38px;
    }
    .setup-guide__dropdown-contents .setup-guide-section__tit:before {
        font-size: 16px;
        padding: 6px 20px;
    }
    .setup-guide__dropdown-contents .setup-guide-section__tit:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 26px solid #0072FF
    }
    .dropdown-contents__q-box {
        margin-top: 60px;
        height: 60px;
        border-radius: 30px;
        padding: 0 60px;
    }
    .dropdown-contents__q-box h3,
    .dropdown-contents__a-box h3 {
        font-size: 20px;
    }
    .dropdown-contents__q-box h3 {
        line-height: 60px;
    }
    .dropdown-contents__a-box p {
        font-size: 16px;
    }
    .dropdown-contents__drop-icon {
        width: 60px;
        height: 60px;
    }
    .dropdown-contents__drop-icon:before,
    .dropdown-contents__drop-icon:after {
        top: 29px;
        left: 20px;
    }
    .dropdown-contents__dropbox {
        padding: 0 80px;
        gap: 20px;
        border-radius: 0 0 12px 12px;
        transform: translateY(-30px);
    }
    .dropdown-contents__dropbox.active {
        padding: 70px 80px 40px;
    }
    .dropdown-contents__script {
        margin-top: 120px;
    }
    .dropdown-contents__img-box {
        gap: 20px;
    }
    .distance__contents-wrap {
        gap: 40px;
    }
    .distance__contents-script {
        width: 450px;
    }
    .distance__note h3 {
        font-size: 24px;
    }
    .distance__note p {
        font-size: 16px;
    }
}
@media screen and (max-width: 1024px) {
    .wrap {
        padding-top: 85px;
    }
    section {
        margin-bottom: 80px;
    }
    header .inner {
        width: 100%;
        height: 85px;
        padding: 20px 40px 0;
        margin: 0;
    }
    .guide-slide {
        padding-top: 85px;
    }
    .header-left-wrap {
        gap: 0;
        justify-content: space-between;
        height: 65px;
    }
    .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;
    }
    .promotion-wrap {
        height: 280px;
        padding: 0 40px;
    }
    .promotion__tit h2 {
        font-size: 32px;
    }
    .promotion__tit p {
        font-size: 16px;
    }
    .custom-service-wrap {
        margin-top: 60px;
    }
    .custom-service-item__thumb {
        width: 360px;
        height: 302px;
    }
    .custom-service-filter-wrap {
        width: calc(100% - 400px);
        left: 400px;
    }
    .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;
    }
    .custom-service-filter__tag {
        font-size: 12px;
        padding: 4px 12px;
    }
    section.bespoke .inner {
        width: 100%;
    }
    .bespoke .section__tit {
        margin-left: 40px;
    }
    .bespoke-slide--pc {
        display: none;
    }
    .bespoke-img-slide--mo{
        display: block;
        margin: 60px 0;
        position: relative;
    }
    .bespoke-txt-slide--mo {
        display: block;
    }
    .bespoke-img-slide--mo .bespoke-item {
        width: 140px;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        overflow: visible;
        transition: all 0.3s linear;
    }
    .bespoke-img-slide--mo .bespoke-item:first-of-type {
        margin-left: 0;
    }
    .bespoke-img-slide--mo .bespoke-item:last-of-type {
        margin-right: 0;
    }
    .bespoke-img-slide--mo .bespoke-item.swiper-slide-active {
        transform: scale(1.5);
    }
    .bespoke-txt-slide--mo .swiper-slide {
        opacity: 0!important;
    }
    .bespoke-txt-slide--mo .swiper-slide .slide-inner {
        width: 520px!important;
        text-align: center;
        margin: 0 auto;
    }
    .bespoke-txt-slide--mo .swiper-slide-thumb-active {
        opacity: 1!important;
    }
    .bespoke-item__tit {
        position: relative;
        width: 100%;
        text-align: center;
        top: auto;
        left: auto;
        font-size: 40px;
    }
    .bespoke-img-slide--mo .swiper-button-next {
        right:0;
    }
    .bespoke-img-slide--mo .swiper-button-prev{
        left: 0;
    }
    .bespoke-img-slide--mo .swiper-button-next,
    .bespoke-img-slide--mo .swiper-button-prev {
        height: 100%;
        width: 200px;
        top: 0;
        margin: 0;
    }
    .bespoke-img-slide--mo .swiper-button-next:after,
    .bespoke-img-slide--mo .swiper-button-prev:after {
        content: '';
        font-size: 0;
    }
    .bespoke-txt-slide--mo .swiper-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .bespoke-item__button {
        font-size: 18px;
        background: var(--ci-blue);
        color: var(--grayScale-01);
        padding: 12px 60px;
        border-radius: 4px;
        width: fit-content;
    }
    footer .inner {
        flex-direction: column;
        gap: 40px;
        padding: 80px 0;

    }
    .footer-info {
        width: 100%;
    }
    .absolute-breadcrumb {
        padding: 12px 0 0;
    }
    .list__tit {
        height: 320px;
    }
    .prd-info__model-number {
        font-size: 12px;
    }
    .prd-info__item-price--month {
        font-size: 20px;
        line-height: 20px;
    }
    .prd-info__item-price--month 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: 200px;
        top: 80px;
    }
    .list-filter-head {
        padding-right: 12px;
    }
    .list-filter-body {
        padding-right: 0;
    }
    .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;
    }
    .card-tit {
        font-size: 48px;
    }
    .card-tit span {
        font-size: 20px;
    }
    .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;
    }

    .setup-guide__cover__wrap {
        height: calc(100dvh - 85px);
        flex-direction: column-reverse;
        justify-content: flex-end;
        gap: 20px;

    }
    .setup-guide__cover__text-box {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 0;
        text-align: center;
        padding-top: 60px;
    }
    .setup-guide__cover__img-box{
        height: 60%;
    }
    .setup-guide__cover__img-box img {
        max-height: none;
        transform: translate(-20px, -10%);
    }
    .setup-guide__signature {
        margin: 0 auto;
    }
    .setup-guide__tit {
        font-size: 42px;
        margin-top: 20px;
    }
    .setup-guide__subject {
        font-size: 20px;
        margin-top: 40px;
    }
    .setup-guide__header--sticky nav {
        height: 85px;
        gap: normal;
    }
    .setup-guide__header--sticky nav a {
        width: 50%;
        font-size: 24px;
        height: 85px;
        line-height: 85px;
    }
    .setup-guide__tab-contents .inner,
    .setup-guide__dropdown-contents .inner {
        gap: 40px;
    }
    .setup-guide-section__tit {
        font-size: 32px;
    }
    .tap-contents__img--washing-appliances {
        width: 300px;
    }
    .tap-contents--washing-appliances {
        gap: 40px;
    }
    .tap-contents__script--washing-appliances h2 {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .tap-contents__script--washing-appliances ul {
        gap: 20px;
    }
    .setup-guide__washing-appliances .setup-guide-section__tit span {
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        margin-top: 8px;
        font-size: 28px;
    }
    .setup-guide__not-possible .check-contents__contents-text h3 span {
        font-size: 16px;
        margin-top: 8px;
    }
    .check-contents__contents-text h3,
    .setup-guide__not-possible .check-contents__contents-text h3{
        font-size: 24px;
    }
    .check-contents__contents-text ul li {
        font-size: 16px;
        line-height: 2;
    }
    .check-contents__contents-img__box h3 {
        font-size: 16px;
    }
    .check-contents__contents__notice {
        font-size: 16px;
    }
    .check-contents__contents-wrap .swiper-button-prev,
    .check-contents__contents-wrap .swiper-button-next {
        bottom: 30dvh;
    }
    .check-contents__contents-img__box {
        margin-top: 40px;
    }
    .check-contents__not-possible-box p {
        font-size: 16px;
    }
    .check-contents__wrap {
        margin-bottom: 60px;
    }
    .setup-guide__direct-btn {
        width: 360px;
        height: 52px;
        line-height: 52px;
        font-size: 20px;
        border-radius: 26px;
    }
    aside {
        height: calc(100vh - 85px);
        top:85px;
    }
    .setup-guide__list {
        mask-image: none;
        border-top: 1px solid var(--grayScale-05);
    }
    .tap-contents__script--tv p,
    .dropdown-contents__script p{
       font-size: 20px;
       line-height: 1.5;
       letter-spacing: 0;
    }
    .dropdown-contents__img-box {
        margin-top: 40px;
    }
    .setup-guide__distance-equation {
        font-size: 20px;
        margin-top: 20px;
    }
    .distance__contents-script {
        width: 320px;
    }
    .distance__note h3:after {
        width: 20px;
        height: 20px;
    }
    .distance__note h3 {
        font-size: 20px;
        line-height: 1;
        padding-left: 28px;
    }
    .distance__note p {
        margin-top: 12px;
        font-size: 13px;
    }
    .setup-guide__distance table {
        margin-top: 60px;
    }
    .setup-guide__distance table th {
        font-size: 16px;
        height: 45px;
    }
    .setup-guide__distance table td {
        font-size: 13px;
        height: 45px;
    }
    .setup-guide__distance .source-text {
        font-size: 13px;
    }
    .setup-guide__tv .setup-guide__direct-btn {
        margin-bottom: 60px;
    }
    #screenSize .setup-guide-section__tit small {
        font-size: 18px;
    }
}
@media screen and (max-width: 860px) {
    section {
        margin-bottom: 60px;
    }
    .main-banner-txt {
        padding-left: 40px;
    }
    .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;
    }
    .card-inner {
        width: 100%;
        margin: 0;
        padding: 0 40px;
    }
    .best-category__thumb {
        border-radius: 16px;
    }
    .main-banner-txt__top {
        font-size: 16px;
    }
    .main-banner-txt__mid {
        font-size: 24px;
        margin-top: 16px;
    }
    .main-banner-txt__bot {
        font-size: 13px;
        margin-top: 8px;
        line-height: 16px;
    }
    .main-banner-txt__bot span {
        display: block;
        font-size: 13px;
        padding-left: 0;
    }
    .main-banner__btn {
        margin-top: 20px;
        font-size: 15px;
        padding: 8px 40px;
    }
    .bespoke-item__button {
        font-size: 15px;
        padding: 8px 40px;
    }
    section:first-of-type {
        margin-bottom: 48px;
    }
    section.search-header {
        margin-bottom: 0;
    }
    .section__tit {
        gap: 8px;
    }
    .section__tit h2 {
        font-size: 24px;
    }
    .section__tit p {
        font-size: 13px;
    }
    .recommend-prd-list,
    .best-category,
    .setup-contents-list,
    .setup-guide__recommend .recommend-prd-list{
        margin-top: 32px;
    }
    .best-category .swiper-slide,
    .recommend-prd-list .swiper-slide,
    .setup-contents-list .swiper-slide {
        width: 250px;
    }
    .best-category__script,
    .setup-contents__script {
        font-size: 20px;
    }
    .promotion-wrap {
        height: 200px;
        padding: 0 32px;
        gap: 32px;
        border-radius: 16px;
    }
    .promotion__tit h2 {
        font-size: 24px;
    }
    .promotion__tit p {
        font-size: 13px;
    }
    .promotion__img {
        width: 200px;
    }
    .custom-service-item {
        padding-top: 40px;
    }
    .custom-service-item__thumb {
        width: 300px;
        height: 252px;
    }
    .custom-service-filter-wrap {
        width: calc(100% - 340px);
        left: 340px;
    }
    .item-guide-wrap {
        height: 400px;
        gap: 20px;
    }
    .item-guide-wrap .bg {
        background: url('../images/bg_item_guide_m.jpg') no-repeat center 0 / 100% auto;
    }
    .item-guide-tit p {
        font-size: 20px;
    }
    .item-guide-tit h2 {
        font-size: 48px;
        margin-top: 12px;
    }

    .item-guide__btn a {
        font-size: 28px;
        padding: 8px 36px;
    }
    .bespoke-item__tit {
        font-size: 32px;
    }
    .card-banner {
        height: 120px;
    }
    .card-banner__tit h2 {
        font-size: 26px;
        margin-top: 8px;
    }
    .card-banner__object {
        left: auto;
        right: 0;
        width: 160px;
        height: 160px;
    }
    .card-item--front {
        width: 80px;
    }
    .card-item--back {
        width: 60px;
    }
    .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 {
        font-size: 20px;
        line-height: 25px;
    }
    .prd-info__item-price--month span {
        font-size: 13px;
        padding-right: 4px;
    }
    dialog {
        border-radius: 12px;
        width: calc(100% - 80px);
        padding: 40px;
    }
    .list__tit {
        height: 280px;
    }
    .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: calc(100% - 40px);
        margin: 0 0 0 40px;
        justify-content: space-between;
    }
    .view-prd-info-box {
        border-radius: 12px 0 0 12px;
    }
    .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;
    }
    .check-contents__not-possible-box {
        flex: 0 1 auto;
        width: calc(25% - 15px);
    }
    .setup-guide__tab-contents .inner,
    .setup-guide__dropdown-contents .inner,
    #setupChecklist,
    .setup-guide__not-possible .inner,
    .setup-guide__recommend,
    #screenSize .inner {
        padding: 60px 0;
    }
    .setup-guide__tab-contents .inner,
    .setup-guide__dropdown-contents .inner,
    .check-contents__contents-text,
    .check-contents__contents-img__box,
    .setup-guide__not-possible .inner,
    .setup-guide__recommend .inner,
    #screenSize .inner {
        width: calc(100% - 40px);
    }
    .check-contents__contents-wrap .swiper-button-prev {
        left: 32px;
    }
    .check-contents__contents-wrap .swiper-button-next {
        right: 32px;
    }

}
@media screen and (max-width: 720px) {
    .main-banner-txt {
        padding-left: 0;
    }
    .promotion-wrap {
        padding: 0 24px;
        gap: 24px;
    }
    .custom-service-wrap {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
        margin-top: 40px;
    }
    .bespoke-img-slide--mo {
        margin: 32px 0;
    }
    .custom-service-item {
        padding-top: 0;
    }
    .custom-service-item .swiper-slide {
        transition: all .3s ease-in;
    }
    .custom-service-item .swiper-slide a {
        align-items: center;
        background: var(--grayScale-03);
        border-radius: 16px;
        padding: 32px;
        transition: all .3s ease-in;
    }
    .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);
    }
    .custom-service-filter-wrap {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }
    .custom-service-filter-group .custom-service-filter__tag {
        flex: 0 0 auto;
        width: fit-content;
    }
    .custom-service-filter-group {
        display: block;
    }
    .custom-service-item .swiper-btn-wrap {
        width: 100%;
        margin-top: 12px;
    }
    .view_prd .inner {
        width: calc(100% - 20px);
        margin-left: 20px;
    }
    .view-prd-detail h2 {
        font-size: 20px;
    }
    section.card-banner {
        margin-bottom: 80px;
    }
    .view main {
        margin-top: 40px;
    }
    .tap-contents__img--washing-appliances {
        width: 260px;
    }
    .tap-contents__script--tv p,
    .dropdown-contents__script p {
        word-break: keep-all;
    }
    .tap-contents__script--tv p br {
        display: none;
    }
    .distance__contents-wrap {
        gap: 20px;
    }
    .distance__contents-img {
        min-width: 300px;
    }
    .distance__contents-script {
        width: 280px;
    }
}

@media screen and (max-width: 640px) {
    .absolute-breadcrumb {
        padding: 12px 0 0;
    }
    .breadcrumb a {
        font-size: 12px;
    }
    section {
        margin-bottom: 40px;
    }
    .inner {
        width: calc(100% - 40px);
    }
    header .inner {
        padding: 20px 20px 0;
    }
    .main-category {
        overflow-x: scroll;
        position: absolute;
        padding-bottom: 4px;
        bottom: 4px;
        left: 0;
        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:last-child {
        padding: 0 12px 0 0;
    }
    .main-category ul:first-child {
        overflow-x: visible;
        padding-left: 12px;
        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);
    }
    .header__logo img {
         height: 24px;
    }
    header .search-box {
        top: 12px;
        right: 20px;
        gap: 8px;
    }
    .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-txt__bot span {
        font-weight: 600;
        font-size: 12px;
        margin-top: 4px;
    }
    .main-banner .swiper-pagination {
        bottom: 0 !important;
    }
    section:first-of-type {
        margin-bottom: 28px;
    }
    section.search-header {
        margin-bottom: 0;
        padding: 20px 0;
    }
    .section__tit h2 {
        font-size: 20px;
    }
    .best-category .swiper-slide,
    .recommend-prd-list .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;
    }
    .bespoke .section__tit {
        margin-left: 20px;
    }
    .bespoke-img-slide--mo .swiper-button-next,
    .bespoke-img-slide--mo .swiper-button-prev {
        width: 120px;
    }
    .card-inner {
        padding: 0 20px;
    }
    .card-banner__tit p {
        font-size: 16px;
    }
    .card-banner__tit h2 {
        font-size: 20px;
        width: calc(100% - 160px);
    }
    .setup-contents {
        padding: 40px 0;
    }
    footer .inner {
        padding: 40px 0;
    }
    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{
        border-radius: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        margin: 0;
        padding: 40px 20px;
    }
    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);
    }
    .order__submit-button {
        width: calc(100% - 40px);
        bottom: 32px;
    }
    .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;
        width: 100%;
        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;
    }
    .list-filter-head {
        display: none;
    }
    .list-filter-body {
        display: block;
        height: auto;
        overflow-y: visible;
        padding-top: 0;
        mask: none;
    }
    .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 .inner {
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        justify-content: center;
    }
    .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;
    }
    .guide-first__img-box {
        width: 100%;
    }
    .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-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-second__cont-box p {
        font-size: 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__parallax {
        height: calc(100dvh - 85px);
    }
    .setup-guide__parallax .bg {
        top: 85px;
    }
    .setup-guide__parallax .bg.bg--076005 {
        background-image: url('../images/bg_m_setup_guide_parallax_076005.png');
    }
    .setup-guide__parallax .bg.bg--076001001 {
        background-image: url("../images/bg_m_setup_guide_parallax_076001001.png");
    }
    .setup-guide__tit {
        margin-top: 12px;
    }
    .setup-guide__subject {
        margin-top: 20px;
    }
    .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;
    }
    .setup-guide__tv .tap-contents__tap-wrap li:first-child {
        display: block;
    }
    #all.tap-contents,
    #all.tap-contents.active {
        display: none;
    }
    .setup-guide__header--sticky {
        top: 85px;
    }
    .setup-guide__header--sticky nav {
        height: 52px;
    }
    .setup-guide__header--sticky nav a {
        font-size: 16px;
        height: 52px;
        line-height: 52px;

    }
    .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;
    }
    .check-contents__not-possible-box {
        justify-content: start;
        gap: 20px;
    }
    .check-contents__not-possible-box p {
        font-size: 12px;
        font-weight: normal;
    }
    .setup-guide__not-possible .check-contents__contents__notice {
        margin: 0;
        text-align: center;
        font-size: 11px;
    }
    .check-contents__wrap {
        margin-bottom: 40px;
    }
    .tap-contents__script--tv p,
    .dropdown-contents__script p {
        font-size: 16px;
    }
    .tap-contents__img--tv {
        display: block;
    }
    .tap-contents__img--tv img {
        width: 100%;
    }
    .tap-contents__img--tv img:last-child {
        display: none;
    }
    .setup-guide__dropdown-contents .setup-guide-section__tit:before {
        font-size: 11px;
        padding: 4px 12px;
    }
    .setup-guide__dropdown-contents .setup-guide-section__tit:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 15px solid #0072FF;
    }
    .dropdown-contents__q-box {
        margin-top: 20px;
        height: 40px;
        border-radius: 20px;
        padding: 0 8px 0 20px;
    }
    .dropdown-contents__q-box h3,
    .dropdown-contents__a-box h3 {
        font-size: 16px;
    }
    .dropdown-contents__q-box h3 {
        line-height: 40px;
    }
    .dropdown-contents__a-box p {
        font-size: 13px;
    }
    .tap-contents__script--tv p,
    .dropdown-contents__script p {
        font-size: 13px;
    }
    .dropdown-contents__script p {
        margin-top: 20px;
    }
    .dropdown-contents__drop-icon {
        width: 40px;
        height: 40px;
    }
    .dropdown-contents__drop-icon:before,
    .dropdown-contents__drop-icon:after {
        width: 12px;
    }
    .dropdown-contents__drop-icon:before,
    .dropdown-contents__drop-icon:after {
        top: 19px;
        left: 14px;
    }
    .dropdown-contents__dropbox {
        padding: 0 20px;
    }
    .dropdown-contents__dropbox.active {
        padding: 40px 20px 20px;
    }
    .dropdown-contents__a-box h3 {
        font-size: 16px;
    }
    .dropdown-contents__script {
        margin-top: 60px;
    }
    .dropdown-contents__script h3 {
        font-size: 20px;
    }
    .dropdown-contents__img-box {
        gap: 8px;
    }
    #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__distance table {
        border-radius: 8px 8px 0 0;
    }
}
@media screen and (max-width: 400px) {
    .breadcrumb a,
    .breadcrumb p {
        font-size: 10px;
        line-height: 12px;
    }
    .breadcrumb a:after {
        width: 12px;
        height: 12px;
        right: -12px;
    }
    .guide section .inner {
        padding: 60px 0;
    }
    section {
        margin-bottom: 32px;
    }
    .bespoke-img-slide--mo {
        margin: 0;
    }
    .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%;
    }
    .promotion__tit h2 {
        width: 55%;
        font-weight: 700;
        font-size: 20px;
    }
    .promotion__tit p {
        width: 80%;
    }
    .custom-service-item .swiper-slide {
        opacity: 0;
    }
    .custom-service-item .swiper-slide-active {
        opacity: 1;
    }
    .item-guide-wrap {
        height: 240px;
    }
    .item-guide-tit p {
        font-size: 12px;
    }
    .item-guide-tit h2 {
        font-size: 24px;
    }
    .item-guide__btn a {
        font-size: 16px;
        padding: 4px 24px;
    }
    .bespoke-img-slide--mo .swiper-button-next,
    .bespoke-img-slide--mo .swiper-button-prev {
        width: 40px;
    }
    .bespoke-item__tit {
        font-size: 28px;
    }
    .card-banner__tit p {
        font-size: 13px;
    }
    .card-banner__tit h2 {
        width: calc(100% - 140px);
    }
    .card-banner__object.active {
        transform: translateY(20px);
    }
    .card-item--back {
        width: 50px;
    }
    .card-item--front {
        width: 70px;
    }
    .card-item--front,
    .card-item--back {
        margin-left: 6px;
    }
    .card-banner__object {
        width: 140px;
        height: 140px;
    }
    .setup-contents {
        padding: 32px 0;
    }
    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__tit {
        height: 220px;
    }
    .list-top-contents-wrap {
        padding: 20px 0;
    }
    .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-item {
        width: calc((100% - 12px) / 2);
        gap: 12px;
    }
    .prd-info__item-tit {
        font-size: 14px;
        margin-top: 4px;
    }
    .prd-info__item-price {
        margin-top: 8px;
    }
    .prd-info__item-price--month {
        font-size: 16px;
        line-height: 20px;
    }
    .prd-info__item-price--month 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;
    }
    .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-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;
    }
    .setup-guide__cover__wrap {
        height: calc(100vh - 85px);
    }
    .setup-guide__parallax {
        height: calc(100vh - 85px);
    }
    .setup-guide__direct-btn {
        width: 100%;
    }
    .setup-guide__cover__text-box {
        padding-top: 40px;
    }
    .setup-guide__tit {
        font-size: 36px;
    }
    .setup-guide__cover__img-box img {
        max-width: 400px;
        transform: translate(-5px, -10%);
    }
    #setupChecklist .setup-guide-section__tit {
        width: 230px;
        margin: 0 auto;
    }
    .check-contents__contents-img__box h3 {
        padding:12px 0;
        font-size:13px;
    }
    .setup-guide__distance table th,
    .setup-guide__distance table td {
        font-size: 11px;
    }
    .setup-guide__distance .source-text {
        font-size: 10px;
    }
}