/*!

__/\\\\\\\\\\\\\\\_______/\\\\\_________/\\\\\\\\\______/\\\________/\\\______/\\\\\\\\\____
 _\/\\\///////////______/\\\///\\\_____/\\\///////\\\___\/\\\_____/\\\//_____/\\\///////\\\__
  _\/\\\_______________/\\\/__\///\\\__\/\\\_____\/\\\___\/\\\__/\\\//_______/\\\______\//\\\_
   _\/\\\\\\\\\\\______/\\\______\//\\\_\/\\\\\\\\\\\/____\/\\\\\\//\\\______\//\\\_____/\\\\\_
    _\/\\\///////______\/\\\_______\/\\\_\/\\\//////\\\____\/\\\//_\//\\\______\///\\\\\\\\/\\\_
     _\/\\\_____________\//\\\______/\\\__\/\\\____\//\\\___\/\\\____\//\\\_______\////////\/\\\_
      _\/\\\______________\///\\\__/\\\____\/\\\_____\//\\\__\/\\\_____\//\\\____/\\________/\\\__
       _\/\\\________________\///\\\\\/_____\/\\\______\//\\\_\/\\\______\//\\\__\//\\\\\\\\\\\/___
        _\///___________________\/////_______\///________\///__\///________\///____\///////////_____

This file contains custom modifications by FORK9
https://fork9.com
*/

@media (max-width: 1200px) {
    body {
        /*border: 1px solid red;*/
    }

    /* 1. 코웨이 스토리 */
    #coway-story .coway-story-wrap {
        height: 25rem  /* 400/16 */;
    }
    #coway-story .item-text .title {
        font-size: 2rem  /* 32/16 */;
    }
    #coway-story .item-text .sub-title {
        font-size: 1rem;
    }
    #coway-story .item-text .desc {
        font-size: 0.9375rem  /* 15/16 */;
        line-height: var(--line-height);
    }
    #content .text p,
    #content .about-item .item-text p {
        font-size: 0.9375rem  /* 15/16 */;
    }

    /* 2. 코웨이 B2B */
    #coway-b2b .coway-b2b-wrap.sec-1 {
        height: 25rem  /* 400/16 */;
    }
    #coway-b2b .item-text h1.title {
        font-size: 2rem  /* 32/16 */
    }
    #coway-b2b .item-text h2.title {
        font-size: 26px;
    }
    #coway-b2b .item-text .sub-title {
        font-size: 1rem;
    }
    #coway-b2b .item-text .desc {
        font-size: 0.9375rem  /* 15/16 */;
        line-height: var(--line-height);
    }
    #coway-b2b .coway-b2b-wrap.sec-4 {
        height: 24.375rem  /* 390/16 */;
    }

    /* 3. 하트 서비스 */
    #hero-unit .page-hero-01-03 .hero-text .title {
        font-size: 2rem  /* 32/16 */;
    }
    #hero-unit .page-hero-01-03 .hero-text .desc {
        /*font-size: 0.9375rem  !* 15/16 *!;*/
        /*line-height: var(--line-height);*/
    }
    #hero-unit .page-hero-01-03 {
        /*height: 25rem  !* 400/16 *!;*/
        height: 21.875rem  /* 350/16 */;
    }
    #hero-unit .page-hero-01-03 .hero-product .product-image img {
        max-width: 74%;
        width: 74%;
    }

    /* 4. 자기관리 렌탈 서비스 */
    #hero-rental .page-hero-01-04 {
        /*height: 25rem  !* 400/16 *!;*/
        height: 21.875rem  /* 350/16 */;
    }
    #hero-rental .page-hero-01-04 .hero-text {
        flex: 0 0 64%;
    }
    #hero-rental .page-hero-01-04 .hero-text .title {
        font-size: 2rem  /* 32/16 */;
    }
    #hero-rental .page-hero-01-04 .hero-text {
        flex: 0 0 67%;
    }
    #hero-rental .page-hero-01-04 .hero-text .sub-title {
        font-size: 0.9375rem  /* 15/16 */;
        color: #0099dc;
    }
    #hero-rental .selfcare-container .title {
        font-size: 1.625rem  /* 26/16 */;
    }
}
@media (max-width: 1024px) {
    body {
        /*border: 1px solid yellow;*/
    }

    /* 1. 코웨이 스토리 */
    #coway-story .item-text .title {
        /*font-size: 1.625rem  !* 26/16 *!;*/
    }
    #coway-story .item-text .sub-title {
        font-size: 1rem  /* 16/16 */;
    }
    #coway-story .item-text .desc {
        margin-top: 0.625rem  /* 10/16 */;
        font-size: 0.875rem  /* 14/16 */;
    }
    #content .about-item .item-img {
    }
    #content .about02-item .text {
        padding: 0.3125rem  /* 5/16 */;
    }
    #content .about02-container .about02-item .heading28, #content .about-item .heading28 {
        font-size: 1.25rem  /* 20/16 */;
    }
    #content .text p, #content .about-item .item-text p {
        font-size: 0.875rem  /* 14/16 */;
    }
    #content .about-item .flex {
        height: 430px;
    }

    /* 2. 코웨이 B2B */
    #coway-b2b .br {
        display: inline;
    }
    #coway-b2b .coway-b2b-wrap {
        height: 16.75rem  /* 268/16 */;
    }
    #coway-b2b .coway-b2b-wrap.sec-1 {

    }
    #coway-b2b .coway-b2b-wrap .item-text {
        padding-left: 0;
    }
    #coway-b2b .coway-b2b-wrap.sec-4 {
        height: 15.625rem  /* 250/16 */;
    }
    #coway-b2b .item-text h1.title {
        /*font-size: 1.625rem  !* 26/16 *!;*/
    }
    #coway-b2b .item-text h2.title {
        font-size: 1.25rem  /* 20/16 */;
    }
    #coway-b2b .item-text .sub-title {
        font-size: 0.875rem  /* 14/16 */;
    }
    #coway-b2b .item-text .desc {
        font-size: 0.875rem  /* 14/16 */;
        line-height: var(--line-height);
    }
    #coway-b2b .item-img.item-left img {
        max-height: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-1 .item-img img {
        max-height: 61%;
    }
    #coway-b2b .item-img {
        flex: 0 0 50%;
    }
    #coway-b2b .coway-b2b-wrap .item-text {
    /*#coway-b2b .item-text {*/
        flex: 0 0 50%;
        padding-left: 0;
    }
    #coway-b2b .item-text.item-right {
        padding-left: 1.875rem  /* 30/16 */;
    }
    #coway-b2b .coway-b2b-wrap.sec-4 .item-text.item-right {
        padding-left: 3.625rem  /* 58/16 */;
    }

    /* 3. 하트 서비스 */
    #hero-unit .br {
        /*display: inline;*/
    }
    #hero-unit .page-hero-01-03 {
        height: 21.875rem /* 350/16 */;
    }
    #hero-unit .page-hero-01-03 .hero-product .product-image {
        width: 65%;
    }
    #hero-unit .page-hero-01-03 .hero-text .title {
        /*font-size: 1.625rem  !* 26/16 *!;*/
    }
    #hero-unit .page-hero-01-03 .hero-text .desc {
    }
    #hero-unit .page-hero-01-03 .hero-product .product-image img {
        max-width: 90%;
        width: 90%;
    }
    #hero-unit .heart-service-container .mh {
        font-size: 1.25rem  /* 20/16 */;
        margin-bottom: 0;
    }
    #hero-unit .heart-service-container .heart-box {
        margin-top: 1.25rem  /* 20/16 */;
        padding: 1.25rem  /* 20/16 */;
        min-height: 13.125rem  /* 210/16 */;
    }
    #hero-unit .heart-service-container .heart-box p {
        font-size: 0.8125rem  /* 13/16 */;
        line-height: var(--line-height);
        /*text-align: left;*/
    }

    #content .heart-service-container .sh {
        font-size: 0.875rem  /* 14/16 */;
    }
    #content .heart-service-container .heart-02 .heart-box .sub-title {
        font-size: 1rem;
    }
    #content .heart-service-container .heart-05 .heart-service-info h3 {
        font-size: 0.9375rem  /* 15/16 */;
    }
    #content .heart-service-container .heart-05 .heart-service-info p {
        font-size: 0.8125rem  /* 13/16 */;
        line-height: var(--line-height);
    }

    /* 4. 자기관리 렌탈 서비스 */
    #hero-rental .page-hero-01-04 .hero-text .title {
        /*font-size: 1.625rem  !* 26/16 *!;*/
    }
    #hero-rental .page-hero-01-04 .hero-text {
        flex: 0 0 64%;
    }
    #hero-rental .selfcare-container .title {
        font-size: 1.25rem  /* 20/16 */;
    }
    #hero-rental .selfcare-container .sub-title {
        font-size: 0.875rem  /* 14/16 */;
    }
    #hero-rental .selfcare-container .selfcare-01 .content .list .list-item .title {
        font-size: 1rem;
    }
    #hero-rental .selfcare-container .selfcare-03 .list-item .title {
        font-size: 0.875rem  /* 14/16 */;
    }
    #hero-rental .selfcare-container .selfcare-03 .list-item .desc {
        font-size: 0.8125rem  /* 13/16 */;
        word-break: keep-all;
        /*text-align: left;*/
    }
    #hero-rental .selfcare-container .selfcare-03 .list-item img {
        width: auto;
        height: 6.25rem  /* 100/16 */;
        max-width: 100%;
    }
    #hero-rental .page-hero-01-04 .hero-text {
        flex: 0 0 70%;
    }
    #hero-rental .selfcare-container .selfcare-04 .list-item-info .model {
        font-size: 0.875rem  /* 14/16 */;
        line-height: 1.2;
    }
    #hero-rental .selfcare-container .selfcare-04 .list-item-info .view-link {
        margin-top: 10px;
        font-size: 0.8125rem  /* 13/16 */;
        line-height: 1;
    }

    .home-sales-number .col1 h3,
    .home-sales-number .sn-heading,
    .home-sales-number .item h3 {
        font-size: 0.875rem  /* 14/16 */;
    }
    .home-sales-number .item p {
        font-size: 0.8125rem  /* 13/16 */;
        line-height: 1.2;
    }
}
@media (max-width: 768px) {
    body {
        /*border: 1px solid blue;*/
    }

    /* 1. 코웨이 스토리 */
    #content .text p, #content .about-item .item-text p {
        color: var(--color-dark);
    }
    #content .about-item {
        background-image: none !important;
    }
    #content .about-03 .flex {
        flex-direction: column;
    }
    #content .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }
    #content .about02-container .about02-item {
        min-height: 25.533rem  /* 383/15 */;
    }
    #content .about02-container .about02-item .text {
        padding: 0 10px 30px 10px;
    }
    #content .about-item .flex {
        height: auto;
    }
    #content .about-item .item-text {
        padding: 50px 0;
        text-align: left;
    }
    #content .about-item .item-text p {
        word-break: keep-all;
    }
    #content .about-item .item-img {
        display: none;
    }
    #content .about-item .heading28 {
        margin-top: 0;
    }

    /* 2. 코웨이 B2B */
    #coway-b2b .coway-b2b-wrap.sec-1 .item-img img {
        max-height: 50%;
    }
    #coway-b2b .coway-b2b-wrap .item-text {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #coway-b2b .item-text h2.title {
        font-size: 1.2rem  /* 18/15 */;
    }

    /* 3. 하트 서비스 */
    #hero-unit .heart-service-container .heart-box {
        margin-top: 1.333rem /* 20/15 */;
        padding: 1.333rem /* 20/15 */;
        min-height: auto;
    }
    #hero-unit .page-hero-01-03 .hero-text {
        padding-left: 1.733rem  /* 26/15 */;
    }
    #hero-unit .page-hero-01-03 .hero-text .title {
        font-size: 1.6rem  /* 24/15 */;
    }
    #hero-rental .page-hero-01-04 .hero-text .sub-title {
        font-size: 1rem  /* 15/15 */;
    }
    #hero-unit .page-hero-01-03 .hero-text .desc {
        font-size: 0.867rem  /* 13/15 */;
        word-break: keep-all;
    }
    #hero-unit .page-hero-01-03 .hero-product {
        flex: 0 0 40%;
    }
    #hero-unit .page-hero-01-03 .hero-product .product-image {
        width: 100%;
    }
    #hero-unit .page-hero-01-03 .hero-product .product-image img {
        max-width: 90%;
        width: 90%;
    }
    #hero-unit .heart-service-container .heart-02 .heart-box .sub-title {
        margin-top: 0.667rem  /* 10/15 */;
        margin-bottom: 0;
    }

    #content .heart-service-container .heart-05 .heart-service-info img {
        width: 85%;
    }

    /* 4. 자가관리 렌탈 서비스 */
    #hero-rental .selfcare-container .selfcare-01 .content .list .list-item .title {
        line-height: 1.2;
        min-height: 2.4rem  /* 36/15 */;
        font-size: 1rem;
    }
    #hero-rental .selfcare-container .title {
        font-size: 1.333rem  /* 20/15 */;
    }
    #hero-rental .selfcare-container .sub-title {
        /*font-size: 0.933rem  !* 14/15 *!;*/
    }
    #hero-rental .selfcare-container .selfcare-03 .list-item .title {
        font-size: 1rem;
        /*text-align: left;*/
    }
    #hero-rental .page-hero-01-04 .hero-text {
        flex: 0 0 100%;
    }
    #hero-rental .page-hero-01-04 .hero-text .title {
        font-size: 1.6rem  /* 24/15 */;
    }
    #hero-rental .page-hero-01-04 .hero-text .list .list-item {
        font-size: 0.867rem  /* 13/15 */;
    }
    #hero-rental .selfcare-container .selfcare-01 .content {
        padding-right: 0 !important;
        padding-left: 0;
    }
    #hero-rental .selfcare-container .selfcare-04 .list-item {
        flex: 0 0 calc(50% - 10px);
    }
    #hero-rental .selfcare-container .selfcare-04 .list-item-info .model {
        margin-top: 0.667rem  /* 10/15 */;
        min-height: auto;
        font-size: 0.933rem  /* 14/15 */;
    }
    #hero-rental .selfcare-container .selfcare-04 .list-item-info img {
        width: auto;
        max-width: 100%;
        height: 200px;
    }
}

/* mobile */
@media (max-width: 576px) {
    body {
        /*border: 1px solid black;*/
    }

    /* 1. 코웨이 스토리 */
    #coway-story {
        height: auto;
    }
    #coway-story .coway-story-wrap {
        display: block;
        height: 100%;
    }
    #coway-story .item-text {
        padding: 30px 10px;
    }
    #coway-story .item-img img {
        width: 80%;
        height: auto;
    }
    #coway-story .item-text .title {
        font-size: 1.533rem  /* 23/15 */;
    }
    #coway-story .item-text .sub-title {
        font-size: 1rem;
    }
    #coway-story .item-text .desc {
        font-size: 1rem  /* 15/15 */;
    }

    #content .about02-container .about02-item .heading28, #content .about-item .heading28 {
        font-size: 1.333rem  /* 20/15 */;
    }
    #content .text p, #content .about-item .item-text p {
        font-size: 0.933rem  /* 14/15 */;
    }
    #content .about-item.about-03 .item-text img {
        /*max-width: 100%;*/
    }
    #content .home-sales-number .col1 {
        min-height: auto;
        margin: 10px 0;
    }
    #content .home-sales-number .col1 img {
        width: 40%;
    }
    #content .home-sales-number .item {
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        min-height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #content .home-sales-number .item > * {
    }
    #content .home-sales-number .col2-1 .icon {
    }

    /* 2. 코웨이 B2B */
    #coway-b2b .item-text h1.title {
        font-size: 1.533rem  /* 23/15 */;
    }
    #coway-b2b .item-text h2.title {
        font-size: 1.333rem  /* 20/15 */;
    }
    #coway-b2b .item-text .desc {
        font-size: 0.933rem  /* 14/15 */;
    }
    #coway-b2b .coway-b2b-wrap .container {
        display: block;
    }
    #coway-b2b .coway-b2b-wrap .item-text {
        padding: 2rem  /* 30/15 */ 0.667rem  /* 10/15 */;
    }
    #coway-b2b .coway-b2b-wrap .container {
        display: block;
    }
    #coway-b2b .coway-b2b-wrap .item-text {
        padding: 2rem  /* 30/15 */ 0.667rem  /* 10/15 */;
    }
    #coway-b2b .coway-b2b-wrap.sec-1 {
        height: auto;
    }
    #coway-b2b .coway-b2b-wrap.sec-1 .item-img {
        width: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-1 .item-img img {
        position: static;
        max-width: 60%;
    }
    #coway-b2b .coway-b2b-wrap.sec-2 {
        height: auto;
    }
    #coway-b2b .coway-b2b-wrap.sec-2 .item-img {
        width: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-2 .item-img img {
        position: static;
        max-width: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-3 {
        height: auto;
    }
    #coway-b2b .coway-b2b-wrap.sec-3 .item-img {
        width: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-3 .item-img img {
        position: static;
        max-width: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-4 {
        height: auto;
    }
    #coway-b2b .coway-b2b-wrap.sec-4 {
        height: auto;
    }
    #coway-b2b .coway-b2b-wrap.sec-4 .item-img {
        width: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-4 .item-img img {
        position: static;
        max-width: 100%;
    }
    #coway-b2b .coway-b2b-wrap.sec-4 .item-text.item-right {
        padding: 2rem /* 30/15 */ 0.667rem /* 10/15 */;
    }

    /* 3. 하트 서비스 */
    #hero-unit .page-hero-01-03 {
        background-size: 80%;
        height: auto;
    }
    #hero-unit .page-hero-01-03 .container {
        display: block;
        height: auto;
    }
    #hero-unit .page-hero-01-03 .hero-product .product-image {
        position: static;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        text-align: center;
    }
    #hero-unit .page-hero-01-03 .hero-product .product-image img {
        width: 42%;
        height: auto;
    }
    #hero-unit .page-hero-01-03 .hero-text {
        padding: 30px 10px;
    }
    #hero-unit .page-hero-01-03 .hero-text .title {
        font-size: 1.533rem  /* 23/15 */;
    }
    #hero-unit .page-hero-01-03 .hero-text .desc {
        font-size: 0.933rem  /* 14/15 */;
    }
    #hero-unit .heart-service-container .mh {
        font-size: 1.333rem  /* 20/15 */;
    }
    #content .heart-service-container .sh {
        font-size: 0.933rem  /* 14/15 */;
    }

    /* 4. 자가관리 렌탈 서비스 */
    #hero-rental .page-hero-01-04 {
    }
    #hero-rental .page-hero-01-04 .container {
        display: block;
        padding: 2rem  /* 30/15 */ 0.667rem  /* 10/15 */;
    }
    #hero-rental .page-hero-01-04 .hero-text .title {
        font-size: 1.533rem /* 23/15 */;
    }
    #hero-rental .page-hero-01-04 .hero-text .sub-title {
        font-size: 1rem;
    }
    #hero-rental .page-hero-01-04 .hero-text {
        width: 100%;
    }
    #hero-rental .selfcare-container .selfcare {
        padding: 1.333rem  /* 20/15 */ 0 0 0;
    }
    #hero-rental .page-hero-01-04 .hero-text .list .list-item {
        background-color: rgba(0, 153, 220, 1);
    }
    #hero-rental .selfcare-container .selfcare-01 .content .list .list-item .title {
        font-size: 0.933rem  /* 14/15 */;
    }
    #hero-rental .selfcare-container .selfcare-02 .link-item a {
        font-size: 0.867rem  /* 13/15 */;
    }
    #hero-rental .selfcare-container .selfcare-03 .list-item .title {
        font-size: 0.933rem  /* 14/15 */;
    }
    #hero-rental .selfcare-container .selfcare-04 .list-item-info img {
        height: 8rem  /* 120/15 */;
    }
}
@media (max-width: 480px) {
    body {
        /*border: 1px solid green;*/
    }

    /* 1. 코웨이 스토리 */
    #coway-story .item-text .title {
        font-size: 1.333rem  /* 20/15 */;
    }
    #coway-story .item-text .sub-title {
        font-size: 1rem;
    }
    #content .about02-container .about02-item .heading28, #content .about-item .heading28 {
        font-size: 1.2rem  /* 18/15 */;
    }

    /* 2. 코웨이 B2B */
    #coway-b2b .item-text h1.title {
        font-size: 20px;
    }
    #coway-b2b .item-text h2.title {
        font-size: 1.2rem  /* 18/15 */;
    }

    /* 3. 하트 서비스 */
    #hero-unit .page-hero-01-03 .hero-text .title {
        font-size: 1.333rem  /* 20/15 */;
    }
    #hero-unit .page-hero-01-03 .hero-text .sub-title {
        font-size: 0.933rem  /* 14/15 */;
    }
    #hero-unit .heart-service-container .mh {
        font-size: 1.2rem  /* 18/15 */;
    }
    #hero-unit .heart-service-container .heart-02 .heart-box .sub-title {
        font-size: 1.067rem  /* 16/15 */;
    }

    /* 4. 자가관리 렌탈 서비스 */
    #hero-rental .page-hero-01-04 {
        height: auto;
        background-image: none;
        background-color: #f3f3f3;
    }
    #hero-rental .page-hero-01-04 .hero-text .title {
        font-size: 1.333rem  /* 20/15 */;
    }
    #hero-rental .page-hero-01-04 .hero-text .sub-title {
        font-size: 0.933rem  /* 14/15 */;
    }

    #hero-rental .page-hero-01-04 .hero-text .list {
        padding-top: 0;
        width: 100%;
        flex-direction: column;
    }
    #hero-rental .page-hero-01-04 .hero-text .list .list-item {
        flex: 1;
        width: 100%;
        line-height: var(--line-height);
    }
    #hero-rental .selfcare-container .selfcare-03 .list-item {
        flex: 0 0 calc(50% - 20px);
        margin: 0.625rem /* 10/16 */;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.625rem /* 10/16 */ 0;
    }
    #hero-rental .selfcare-container .selfcare-04 .list-item-info .model {
        height: 2rem  /* 30/15 */;
    }
    #hero-rental .selfcare-container .title {
        font-size: 1.2rem  /* 18/15 */
    }
    #hero-rental .selfcare-container .selfcare-02 .link-item a {
        font-size: 0.8rem  /* 12/15 */;
    }
}
@media (max-width: 360px) {
    #mainSideMenu .prd-category .item a {
        font-size: 0.75rem  /* 12/16 */
    }
}