body{
        padding: 0;
        margin: 0;
        overflow-x: scroll;
    }
    @media only screen and (min-width: 1132px){
        body{
            overflow-x: hidden;
        }
    }
    a{
        text-decoration: none;
    }
    .mkbottom{
        display: none;
    }
    .bx-wrapper{
        position: absolute !important;
        margin: 0 auto;
        top: 0;
        left: 0;
    }
    @media only screen and (max-width: 1732px){
        .bx-wrapper .slider div.content a div ul{
            left: 90px;
        }
    }
    #mainContent{
        width: 100%;
        letter-spacing: -0.03rem;
        position: absolute;
        background-color: white;
        /*top: 800px;*/
        top: 48.438vw; /*상단 띠배너 있을 경우*/
    }
    #mainContent .content01{
        max-width: 1600px;
        min-width: 1100px;
        height: 18.382vw;
        max-height: 300px;
        min-height: 210px;
        padding: 0 32px;
        margin: 0 auto;
        margin-top: 170px;
        margin-bottom: 200px;
    }
    #mainContent .content01 .product_swiper{
        position: relative;
    }
    #mainContent .content01 .product_swiper .swiper_content .swiper-slide a span{
        transition-duration: 0.2s;
    }
    #mainContent .content01 .product_swiper .swiper_content .swiper-slide a:hover > span{
        color: #cde100;
    }
    #mainContent .content01 .swiper-button-prev{
        left: 0;
        background: url('https://hameeimage01.speedgabia.com/image/makeshop/2021/hamee/main/mainBanner/prevbtn.png') no-repeat;
        background-size: contain;
        width: 20px;
        height: 34px;
    }
    #mainContent .content01 .swiper-button-next{
        right: 0;
        background: url('https://hameeimage01.speedgabia.com/image/makeshop/2021/hamee/main/mainBanner/nextbtn.png') no-repeat;
        background-size: contain;
        width: 20px;
        height: 34px;
    }
    #mainContent .content01 .swiper-button-prev:focus,
    #mainContent .content01 .swiper-button-next:focus{
        outline: 0;
    }
    #mainContent .content01 .swiper-button-next.swiper-button-disabled,
    #mainContent .content01 .swiper-button-prev.swiper-button-disabled{
        opacity: 0;
    }
    #mainContent .content01 .swiper-slide a{
        display: block;
        text-align: center;
        text-decoration: none;
    }
    #mainContent .content01 .swiper-slide a span{
        display: block;
        color: #222;
        font-size: 20px;
        font-weight: 400;
        margin-top: 20px;
    }
    #mainContent .content01 .swiper-slide a img{
        width: 100%;
    }
    #mainContent .content02,
    #mainContent .content04,
    #mainContent .content06,
    #mainContent .content07{
        max-width: 1600px;
        min-width: 1100px;
        margin: 0 auto;
        padding: 0 32px;
        margin-bottom: 200px;
    }
    #mainContent .content02 .headcopy_text,
    #mainContent .content04 .headcopy_text,
    #mainContent .content05 .headcopy_text,
    #mainContent .content06 .headcopy_text{
        text-align: center;
        color: #222;
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 50px;
    }
    #mainContent .content02 .headcopy_text strong,
    #mainContent .content04 .headcopy_text strong,
    #mainContent .content05 .headcopy_text strong,
    #mainContent .content06 .headcopy_text strong{
        font-size: 42px;
    }
    #mainContent .content02 ul{
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    #mainContent .content02 ul li{
        margin-right: 32px;
        text-align: left;
    }
    #mainContent .content02 ul li:last-child{
        margin-right: 0;
    }
    #mainContent .content02 ul li a{
        display: block;
        text-decoration: none;
    }
    #mainContent .content02 ul li a img{
        width: 100%;
        border-radius: 15px;
    }
    #mainContent .content02 ul li a p{
        padding: 0;
        margin: 0;
        margin-left: 10px;
        color: #222;
        font-size: 20px;
        margin-top: 16px;
        font-weight: 500;
        text-align: left;
    }
    #mainContent .content02 ul li a p:nth-of-type(2),
    #mainContent .content03 ul li a p:nth-of-type(3){
        color: #ccc;
        font-size: 14px;
        font-weight: 500;
        width: max-content !important;
        position: relative;
        overflow: hidden;
        transition-duration: 0.2s;
        width: 90px;
    }
    #mainContent .content02 ul li a p:nth-of-type(2) span,
    #mainContent .content03 ul li a p:nth-of-type(3) span{
        width: 100%;
        height: 1px;
        background-color: #cde100;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: -100px;
        transition-duration: 0.3s;
    }
    #mainContent .content02 ul li a:hover p:nth-of-type(2),
    #mainContent .content03 .content_box ul li a:hover p:nth-of-type(3){
        color: #cde100;
    }
    #mainContent .content02 ul li a:hover p:nth-of-type(2) > span,
    #mainContent .content03 ul li a:hover p:nth-of-type(3) > span{
        left: 0;
    }
    #mainContent .content03{
        max-width: 1920px;
        min-width: 1100px;
        margin: 0 auto;
        background-color: #f5f5f5;
        margin-bottom: 200px;
        padding-bottom: 130px;
    }
    #mainContent .content03 .content_box{
        max-width: 1600px;
        min-width: 1100px;
        margin: 0 auto;
        padding: 0 32px;
        overflow: hidden;
    }
    #mainContent .content03 .headcopy_text{
        text-align: center;
        color: #222;
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 40px;
        margin-top: 120px;
    }
    #mainContent .content03 .headcopy_text strong{
        font-size: 42px;
    }
    #mainContent .content03 .new_product{
        width: 800px;
        height: 500px;
        margin: 0 auto;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    #mainContent .content03 .new_product img{
        width: 100% !important;
    }
    
    #mainContent .content03 .content_box ul{
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    #mainContent .content03 .content_box ul li{
        margin-right: 32px;
        position: relative;
        text-align: left;
    }
    #mainContent .content03 .content_box ul li .discount-circle,
    #mainContent .content04 ul li .discount-circle{
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: white;
        background-color: #ff5000;
        border-radius: 50%;
        position: absolute;
        right: 16px;
        top: -35px;
        box-shadow: 0 2px 10px rgba(0,0,0,.2);
    }

    #mainContent .content03 .content_box ul li .discount-circle img {
        margin-top: 8px;
        width: 80%;
    }

    #mainContent .content03 .content_box ul li .discount-circle p {
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        line-height: 20px;
        margin-top: 20px;
        text-align: center;
        margin: 20px auto;
    }

    @media only screen and (max-width: 1400px){
        #mainContent .content03 .content_box ul li .discount-circle{
            width: 60px;
            height: 60px;
            line-height: 60px;
            font-size: 16px;
            top: -30px;
        }
    }
    #mainContent .content03 .content_box ul li:last-child{
        margin-right: 0;
    }
    #mainContent .content03 .content_box ul li a{
        text-decoration: none;
        display: block;
    }
    #mainContent .content03 .content_box ul li a img{
        border-radius: 15px;
        width: 100%;
    }
    #mainContent .content03 .content_box ul li a p{
        margin: 0;
        padding: 0;
        text-align: left;
        margin-left: 10px;
        margin-top: 16px;
        color: #222;
        font-weight: 400;
        font-size: 16px;
    }
    #mainContent .content03 .content_box ul li a p:nth-of-type(2){
        margin-top: 4px;
        color: #999;
    }
    #mainContent .content03 .content_box ul li a p:nth-of-type(3){
        color: #ccc;
        font-size: 14px;
        font-weight: 500;
    }
    #mainContent .content03 .content_box ul li a p b{
        font-size: 20px;
    }
    #mainContent .content04 ul{
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    #mainContent .content04 ul:nth-of-type(1){
        margin-bottom: 40px;
    }
    #mainContent .content04 ul li{
        margin-right: 32px;
        position: relative;
    }
    #mainContent .content04 ul li:last-child{
        margin-right: 0;
    }
    #mainContent .content04 ul li a{
        display: block;
        text-decoration: none;
    }
    #mainContent .content04 ul li a img{
        width: 100%;
        border-radius: 15px;
    }
    #mainContent .content04 ul li a p{
        margin: 0;
        padding: 0;
        text-align: left;
        margin-left: 10px;
        margin-top: 4px;
        font-size: 16px;
        color: #222;
        font-weight: 400;
    }
    #mainContent .content04 ul li a p:nth-of-type(1){
        margin-top: 16px;
        font-size: 20px;
        font-weight: bold;
    }
    #mainContent .content04 ul li a p:nth-of-type(3){
        color: #999;
    }
    #mainContent .content05{
        max-width: 1920px;
        min-width: 1100px;
        margin: 0 auto;
        margin-bottom: 200px;
    }
    #mainContent .content05 .content_box{
        max-width: 1600px;
        min-width: 1100px;
        margin: 0 auto;
        padding: 0 32px;
    }
    #mainContent .content05 ul{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #mainContent .content05 ul li{
        position: relative;
    }
    #mainContent .content05 ul li a{
        display: block;
    }
    #mainContent .content05 ul li img{
        width: 100%;
    }
    #mainContent .content05 ul li img:nth-of-type(1){
        position: absolute;
        left: 60px;
        bottom: 130px;
    }
    #mainContent .content05 ul li a .brand_btn{
        font-size: 14px;
        font-weight: 600;
        color: white;
        position: absolute;
        left: 60px;
        bottom: 60px;
        padding: 16px 50px;
        border-radius: 15px;
        border: 2px solid #fff;
        transition-duration: 0.2s;
    }
    #mainContent .content05 ul li:nth-of-type(1) a:hover .brand_btn{
        border: 2px solid #fab600;
        background-color: #fab600;
    }
    #mainContent .content05 ul li:nth-of-type(2) a:hover .brand_btn{
        border: 2px solid #cb333b;
        background-color: #cb333b;
    }
    #mainContent .content06{
        padding: 0;
    }
    #mainContent .content06 ul{
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    #mainContent .content06 ul li{
        margin-right: 32px;
    }
    #mainContent .content06 ul li:last-child{
        margin-right: 0;
    }
    #mainContent .content06 ul li a{
        display: block;
        text-decoration: none;
    }
    #mainContent .content06 ul li a img{
        width: 100%;
        border-radius: 15px;
        background-color: #fafafa;
    }
    #mainContent .content06 ul li a p{
        margin: 0;
        padding: 0;
        text-align: left;
        margin-left: 10px;
        font-size: 16px;
        color: #222;
        font-weight: 400;
        margin-top: 16px;
    }
    #mainContent .content06 ul li a p:nth-of-type(1){
        font-size: 20px;
        font-weight: bold;
    }
    #mainContent .content06 ul li a p:nth-of-type(2){
        color: #666;
        margin-top: 4px;
    }
    #mainContent .content06 ul li a p:nth-of-type(3) span{
        color: #999;
        font-size: 14px;
        text-decoration: line-through;
    }
    #mainContent .content07 ul{
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 140px;
    }
    #mainContent .content07 ul li{
        width: 100%;
        margin-right: 32px;
        border-radius: 15px;
    }
    #mainContent .content07 ul li:nth-of-type(1){
        background-color: #1ec8d7;
    }
    #mainContent .content07 ul li:nth-of-type(2){
        background-color: #FF5000;
    }
    #mainContent .content07 ul li:nth-of-type(3){
        background-color: #cde100;
        margin-right: 0;
    }
    #mainContent .content07 ul li a{
        display: block;
        height: 140px;
        position: relative;
        color: white;
    }
    #mainContent .content07 ul li a div{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #mainContent .content07 ul li a div:nth-of-type(1){
        left: 100px;
    }
    #mainContent .content07 ul li a div:nth-of-type(2){
        right: 100px;
        width: 40px;
        height: 40px;
        border: 2px solid white;
        border-radius: 50%;
    }
    #mainContent .content07 ul li a div p{
        margin: 0;
        padding: 0;
        text-align: left;
    }
    #mainContent .content07 ul li a div:nth-of-type(1) p:nth-of-type(1){
        font-weight: bold;
        font-size: 28px;
        margin-bottom: 10px;
    }
    #mainContent .content07 ul li a div:nth-of-type(1) p:nth-of-type(2){
        font-size: 16px;
        font-weight: 400;
    }
    #mainContent .content07 ul li a div:nth-of-type(2) p{
        text-indent: -9999px;
        overflow: hidden;
        background-color: white;
        width: 12px;
        height: 2px;
        position: absolute;
        left: 14px;
    }
    #mainContent .content07 ul li a div:nth-of-type(2) p:nth-of-type(1){
        transform: rotate(45deg);
        top: 15px;
    }
    #mainContent .content07 ul li a div:nth-of-type(2) p:nth-of-type(2){
        transform: rotate(-45deg);
        top: 22px;
    }
    @media only screen and (max-width: 1600px){
            #mainContent .content07 ul li a div:nth-of-type(1){
            left: 80px;
        }
        #mainContent .content07 ul li a div:nth-of-type(2){
            right: 80px;
        }
    }
    @media only screen and (max-width: 1400px){
            #mainContent .content07 ul li a div:nth-of-type(1){
            left: 60px;
        }
        #mainContent .content07 ul li a div:nth-of-type(2){
            right: 60px;
        }
    }
    @media only screen and (max-width: 1200px){
            #mainContent .content07 ul li a div:nth-of-type(1){
            left: 40px;
        }
        #mainContent .content07 ul li a div:nth-of-type(2){
            right: 40px;
        }
    }