/*!

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

*/

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

    #mainIndex section {
        padding: 40px ;
    }

    /* 메인 슬라이더 */
    #mainIndex .main-slider .slide-captions .title {
        font-size: 1.625rem /* 26/16 */ !important;
    }

    /* 제목 */
    #mainIndex .heading-text .title {
        font-size: 1.25rem  /* 20/16 */;
    }
    #mainIndex .more-text {
        font-size: 1.25rem  /* 20/16 */
    }

    /* 카테고리 바로가기 */
    #mainIndex .main-cate .cate-list-wrap .item a {
        padding: 0.625rem /* 10/16 */ 0.625rem /* 10/16 */;
    }
    #mainIndex .main-cate .cate-list-wrap {
        margin: -0.25rem /* -4/16 */;
    }
    #mainIndex .main-cate .cate-list-wrap .item {
        width: calc(25% - 0.5rem /* 8/16 */);
        margin: 0.25rem /* 4/16 */;
    }

    /* 브랜드 바로가기 */
    #mainIndex .main-brand-client .brand-list {
        margin: -0.25rem /* -4/16 */;
    }
    #mainIndex .main-brand-client .item {
        width: calc(50% - 0.5rem /* 8/16 */);
        margin: 0.25rem /* 4/16 */;
    }

    /* 회사소개 */
    #mainIndex .com-about .icon-box {
        margin-bottom: 10px;
    }
    #mainIndex .com-about .row {
        justify-content: center;
    }

    /* 최신 상품: main.10.skin */
    #mainPrdList .main-prd-tp-1 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: -5px;
    }
    #mainPrdList .main-prd-tp-1 .item {
        width: calc(25% - 10px);
        flex: 0 0 auto;
        margin: 5px;
    }
    #mainPrdList .main-prd-tp-1 .item:not(.item-sold-out):hover .product-image {
        border: 1px solid #888;
    }
}

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

    #mainIndex .main-board .main-board-wrap {
        flex-direction: column;
    }
    #mainIndex .main-board .aside {
        margin-top: 50px;
        width: 100%;
        min-width: auto;
        flex-direction: row;
        gap: 0 15px;
    }
    #mainIndex .main-board .aside .top-writers {
        flex: 1;
    }
    #mainIndex .main-board .aside .poll {
        flex: 1;
    }
    #mainIndex .main-board .aside #poll {
        margin-top: 0;
    }

    /* 메인 슬라이더 */
    .main-slider .slide-captions .title {
        font-size: 1.625rem /* 26/16 */ !important;
    }

    /* 제목 */
    .heading-text.heading-section .title:before {
        content: none;
    }

    /* 카테고리 바로가기 */
    #mainIndex .main-cate .cate-list-wrap .item a {
        padding: 0.625rem /* 10/16 */ 0.625rem /* 10/16 */;
    }
    #mainIndex .main-cate .cate-list-wrap {
        margin: -0.25rem /* -4/16 */;
    }
    #mainIndex .main-cate .cate-list-wrap .item {
        width: calc(33.333% - 0.5rem /* 8/16 */);
        margin: 0.25rem /* 4/16 */;
    }

    /* 회사소개 */
    #mainIndex .com-about .icon-xbox {
        border-radius: 0;
        margin-bottom: 10px;
        width: 100%;
        line-height: 1;
        padding: 20px 20px;
    }
    #mainIndex .com-about .icon-xbox .icon {
        top: 0;
    }
    #mainIndex .com-about .icon-xbox .icon-box-title {
        line-height: 1;
        margin: 0 12px 0 84px
    }
    #mainIndex .com-about .icon-xbox-description {
        /*min-height: auto;*/
        margin: 0;
        min-height: auto;
    }
    .main-cost-guide .svr-list ul {
        gap: 20px 20px;
    }
    .main-cost-guide .svr-list .item {
        flex: 0 0 48%;
    }

    /* CTA */
    .main-regist-call .call-to-action .btn {
        margin-top: 10px;
    }

    /* 서비스 안내 */
    .svr-list .svr-desc {
        line-height: 1.5;
    }
    .main-cost-guide .svr-list .item figure img {
        max-width: 30%;
    }
}

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

    #mainIndex section {
        padding: 30px 0;
    }
    #mainIndex .main-board .aside {
        gap: 0 15px;
        flex-wrap: wrap;
    }
    #mainIndex .main-board .aside .top-writers {
        width: 50%;
    }
    #mainIndex .main-board .aside .poll {
        width: 50%;
    }
    #mainIndex .main-board .aside .ad {
        display: none;
    }


    /* 메인 슬라이더 */
    .main-slider .slide-captions .title {
        font-size: 1.1875rem /* 19/16 */ !important;
        line-height: 1.4 !important;
        text-shadow: 1px 1px 2px #000;
    }
    .main-slider .lb {
        display: inline;
    }

    #mainIndex .main-board .board-list {
        flex-direction: column;
        margin: 0;
    }
    #mainIndex .main-board .board-list .board-item {
        width: 100%;
        margin: 0 0 20px;
    }
    #mainIndex .main-board .aside {
        gap: 0;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 0;
    }
    #mainIndex .main-board .aside .top-writers {
        width: 100%;
    }
    #mainIndex .main-board .aside .poll {
        margin-top: 30px;
        width: 100%;
    }
    #mainIndex .main-board .aside .ad {
    }

    /* 카테고리 바로가기 */
    #mainIndex .main-cate .cate-list-wrap {
        width: 100%;
        flex-wrap: nowrap;
    }
    #mainIndex .main-cate .cate-list-wrap .item {
        width: auto;
        margin-right: 10px;
    }
    #mainIndex .main-cate .cate-list-wrap .item:last-child {
        margin-right: 0;
    }
    #mainIndex .main-cate .cate-list-wrap .item a {
        white-space: nowrap; /* 텍스트 한 줄로 표시 */
    }
    #mainIndex .main-cate .cate-list-wrap .item a i {
        display: inline-block;
        margin-left: 5px;
    }

    /* 브랜드 바로가기 */
    #mainIndex .main-brand-client {
        padding-top: 1.25rem /* 20/16 */;
    }

    /* 제목 */
    .heading-text.heading-section .title {
        margin-bottom: 10px;
    }

    /* 최신상품 */
    #mainPrdList .main-prd-tp-1 {
        margin: -5px;
    }
    #mainPrdList .main-prd-tp-1 .item {
        width: calc(33.333% - 10px);
        margin: 5px;
    }

    /* 회사소개 */
    #mainIndex .com-about .icon-xbox-wrap {
        display: flex;
        flex-direction: column;
        margin: 0;
        gap: 10px 0;
    }
    #mainIndex .com-about .icon-xbox {
        flex: 0 0 calc(100%);
        margin: 0;
        background-color: #fff;
        padding: 20px 20px;
        border-radius: 0;
        border: 1px solid #eee;
    }
    #mainIndex .com-about .icon-xbox .icon {
        margin-bottom: 10px;
    }
    #mainIndex .com-about .icon-xbox .icon-xbox-title {
        font-size: 1rem;
    }

    /* 서비스 안내 */
    .main-cost-guide .svr-list .item {
        flex: 0 0 100%;
    }
    .main-cost-guide .svr-list .item figure img {
        max-width: 20%;
    }
}

/* mobile */
@media (max-width: 576px) {
    body {
        /*border: 1px solid black;*/
    }
    p, th, td, li {
        font-size: 1rem;
    }

    #mainIndex section {
        padding: 10px 0;
    }
    #mainIndex .heading-text {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    /* 메인 슬라이더 */
    .main-slider .slide-captions .title {
        font-size: 1.125rem /* 18/16 */ !important;
    }
    .main-slider .flickity-button {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
    }
    .main-slider .flickity-button::before {
        line-height: 50px !important;
    }

    /* 브랜드 바로가기 */
    #mainIndex .main-brand-client .item {
        width: 100%;
        margin: 5px 0 0 0;
    }

    /* 최신상품 */
    /* 제목 */
    .heading-text.heading-section .title {
        font-size: 1.5rem /* 24/16 */ !important;
        line-height: 1.5;
    }
    .heading-text.heading-section > .desc {
        text-align: left;
    }

    /* 회사소개 */
    #mainIndex .com-about .icon-box.medium .icon {
        width: 40px;
        height: 40px;
    }
    #mainIndex .com-about .icon-box.medium .icon i {
        font-size: 1.4375rem /* 23/16 */;
        line-height: 1.5;
    }
    #mainIndex .com-about .icon-box .icon-box-title {
        font-size: 1.125rem /* 18/16 */;
        margin: 0 12px 10px 58px;
    }
    #mainIndex .com-about .icon-box.medium p {
        margin: 0 12px 10px 58px;
        font-size: 1rem;
    }

    /* CTA */
    #mainIndex .main-regist-call .call-to-action .title {
        font-size: 1.25rem !important;
    }
    #mainIndex .main-regist-call .call-to-action p {
        font-size: 0.875rem /* 14/16 */ !important;
    }

    /* 서비스 안내 */
    #mainIndex .main-cost-guide .svr-list .svr-title {
        font-size: 1.125rem /* 18/16 */;
    }
    #mainIndex .main-cost-guide .btn {
        width: 100%;
    }
    #mainIndex .main-cost-guide .svr-list .item {
        flex: 0 0 100%;
    }

    /* 갤러리 */
    #main_index .item .li_thumb img {
        width: 100%;
        height: auto;
    }
    #main_index .main-board-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0 20px;
        border: 1px solid red;
    }
    #main_index .main-board-wrap .desc {
        line-height: 1.4;
    }
    #main_index .main-board-wrap .text-more {
        white-space: nowrap;
        color: var(--color-dark);
    }
}

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

    /* 공통 */
    #header[data-transparent=true] + main {
        top: 0 !important;
    }
    #mainIndex .heading-text .title {
        font-size: 1.25rem  /* 18.75/15 */;
    }

    /* 회사소개  */
    #mainIndex .com-about .icon-box {
        width: 100%;
        border-radius: 0;
    }
    #mainIndex .com-about .icon-box .icon {
        position: relative;
        display: inline-block;
        max-width: 40px;
        width: 40px;
        height: auto;
    }
    #mainIndex .com-about .icon-box .icon i {
        font-size: 1.733rem  /* 26/15 */;
        line-height: 1;
    }
    #mainIndex .com-about .icon-box .icon-box-title {
        font-size: 1rem  /* 15/15 */;
        display: inline-block;
        margin: 0;
    }
    #mainIndex .com-about .icon-box-description {
        display: block;
        width: 100%;
        margin: 0;
    }
    #mainIndex .com-about .icon-box.medium p {
        margin: 0;
    }

    /* 최신상품 */
    #mainPrdList .main-prd-tp-1 {
        margin: -5px;
    }
    #mainPrdList .main-prd-tp-1 .item {
        width: calc(50% - 10px);
        margin: 5px;
    }

    /* 추천 상품 */
    #mainPrdList .main-prd-tp-2 .swiper-button-next, #mainPrdList .main-prd-tp-2 .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    /* CTA */
    #mainIndex .main-regist-call .call-to-action .btn-cta {
        display: block;
        text-align: center;
    }

}