@charset "utf-8";

/* -- z-index 설정 ▼ --

    .hC_store_mainBanner_swiper .hC_store_mainBanner_swiper-pagination { z-index: 2; }
    .hC_horizontal_type_swiper .hC_hT_swiper-button-prev { z-index: 2; }
    .hC_horizontal_type_swiper .hC_hT_swiper-button-next { z-index: 2; }

   -- z-index 설정 ▲ -- */

/* 전체 */
#healthCare_store_container {
    position: relative;
    overflow: hidden;
}
#healthCare_store_wrapper {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.w780 {
    width: 780px;
    margin: 0 auto;
}
.w1100 {
    width: 1100px;
    margin: 0 auto;
}
/* 스토어 : banner type : 공통 : 중간배너 1 / 중간배너 2 / 이벤트 : swiper */
.hC_banner_type_swiper .swiper-slide a {
    display: block;
    text-align: center;
}
.hC_banner_type_swiper .hC_banner_type_swiper-pagination {
    text-align: center;
}
.hC_middle1_banner_contents {
    position: relative;
    margin-top: 120px;
}
.hC_middle1_banner_contents .hC_middleBanner_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hC_middle1_banner_contents .sub_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 20px;
}
.hC_middle1_banner_contents .sub_title span {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
}
.hC_middle1_banner_contents .btn_allShow {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.8px;
    text-align: right;
    color: #5e5e5e;
    opacity: 0.9;
    cursor: pointer;
}
/* 스토어 : horizontal type : 드시모네 유산균 : 온가족, 키즈, 베이비 / 신상품 : swiper*/
.hC_horizontal_type_swiper {
    position: relative;
}
.hC_horizontal_type_swiper .swiper-slide a .product_img {
    height: auto;
    background: #eee;
}
.hC_horizontal_type_swiper .hC_hT_swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
}
.hC_horizontal_type_swiper .hC_hT_swiper-button-next {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    transform: translateY(-50%);
}


/* 스토어 : */
/*.hC_grid_type_swiper .swiper-slide ul { display: flex; flex: 0 0 1; flex-wrap: wrap; }*/
/*.hC_grid_type_swiper .swiper-slide ul li { width: calc((100% - 60px)/4); margin-right: 20px; }*/
/*.hC_grid_type_swiper .swiper-slide ul li:nth-child(4n) { margin-right: 0; }*/
.hC_grid_type_swiper .hC_grid_type_swiper-pagination {
    text-align: center;
}
.hC_grid_type_swiper .hC_grid_type_swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    /*background-color: #dbdbdb;*/
    opacity: 0.2;
    background-color: #000;
    margin: 0 7px !important;
}
.hC_grid_type_swiper .hC_grid_type_swiper-pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    opacity: 1;
    background-color: #989797;
    border: 1px solid #989797;
}
.hc_swiper_next_family.swiper-button-disabled, .hc_swiper_prev_family.swiper-button-disabled,
.hc_swiper_next_kiz.swiper-button-disabled, .hc_swiper_prev_kiz.swiper-button-disabled,
.hc_swiper_next_baby.swiper-button-disabled, .hc_swiper_prev_baby.swiper-button-disabled,
.hc_swiper_next_adult.swiper-button-disabled, .hc_swiper_prev_adult.swiper-button-disabled,
.hc_swiper_next_multi.swiper-button-disabled, .hc_swiper_prev_multi.swiper-button-disabled,
.hc_swiper_next_kiz.swiper-button-disabled, .hc_swiper_prev_kiz.swiper-button-disabled,
.hc_swiper_next_kiz2.swiper-button-disabled, .hc_swiper_prev_kiz2.swiper-button-disabled,
.hc_swiper_next_best.swiper-button-disabled, .hc_swiper_prev_best.swiper-button-disabled,
.hc_swiper_next_new.swiper-button-disabled, .hc_swiper_prev_new.swiper-button-disabled,
.hc_swiper_next_insta.swiper-button-disabled, .hc_swiper_prev_insta.swiper-button-disabled,
.hc_swiper_next_tag.swiper-button-disabled, .hc_swiper_prev_tag.swiper-button-disabled,
.hc_swiper_next_review.swiper-button-disabled, .hc_swiper_prev_review.swiper-button-disabled
{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
/* 메인배너 - 이전, 다음 */
.hc_swiper_next_main {
    background: url('/static/images/p_images/health/main/health_mainbanner_next.png');
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
    position: absolute;
    top: -49px;
    right: 0;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_prev_main {
    background: url('/static/images/p_images/health/main/health_mainbanner_prev.png');
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
    position: absolute;
    top: -49px;
    right: 77px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
/* 온가족 - 이전, 다음 */
.hc_swiper_prev_family, .hc_swiper_prev_adult {
    background: url('/static/images/p_images/health/main/health_main_prev.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 11.5%;
    left: -37px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_next_family, .hc_swiper_next_adult {
    background: url('/static/images/p_images/health/main/health_main_next.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 11.5%;
    right: -37px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
/* 키즈 - 이전, 다음 */
.hc_swiper_prev_kiz, .hc_swiper_prev_multi {
    background: url('/static/images/p_images/health/main/health_main_prev.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 46%;
    left: -36px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_next_kiz, .hc_swiper_next_multi {
    background: url('/static/images/p_images/health/main/health_main_next.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 46%;
    right: -36px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
/* 베이비 - 이전, 다음 */
.hc_swiper_prev_baby, .hc_swiper_prev_kiz2 {
    background: url('/static/images/p_images/health/main/health_main_prev.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 82.7%;
    left: -37px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_next_baby, .hc_swiper_next_kiz2 {
    background: url('/static/images/p_images/health/main/health_main_next.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 82.7%;
    right: -37px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
/* 인기상품, 신상품 - 이전, 다음 */
.hc_swiper_prev_best, .hc_swiper_prev_new {
    background: url('/static/images/p_images/health/main/health_main_prev.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 39%;
    left: -36px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_next_best, .hc_swiper_next_new {
    background: url('/static/images/p_images/health/main/health_main_next.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 39%;
    right: -38px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
/* 인스타 - 이전, 다음 */
.hc_swiper_prev_insta {
    background: url('/static/images/p_images/health/main/health_main_prev.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 42%;
    left: -37px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_next_insta {
    background: url('/static/images/p_images/health/main/health_main_next.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 42%;
    right: -38px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_prev_tag {
    background: url('/static/images/p_images/health/main/health_main2_prev.png');
    width: 46px;
    height: 46px;
    background-size: 46px 46px;
    position: absolute;
    top: 21px;
    left: 30px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_next_tag {
    background: url('/static/images/p_images/health/main/health_main2_next.png');
    width: 46px;
    height: 46px;
    background-size: 46px 46px;
    position: absolute;
    top: 21px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
/* 구매후기 - 이전, 다음 */
.hc_swiper_prev_review {
    background: url('/static/images/p_images/health/main/health_main_prev.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top: 44%;
    left: 317px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}
.hc_swiper_next_review {
    background: url('/static/images/p_images/health/main/health_main_next.png');
    width: 73px;
    height: 73px;
    background-size: 73px 73px;
    position: absolute;
    top :44%;
    right: 317px;
    z-index: 99;
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-indent: -999px;
}

/* 메인배너 */
.hC_store_mainBanner_swiper {
    position: relative;
    margin: 0 auto;
    height: 360px;
}
.hC_store_mainBanner_swiper .swiper-slide img {
    /*max-width: 100%;*/
    margin: 0 auto;
    height: 360px;
}
.hC_store_mainBanner_swiper .swiper-slide a {
    display: block;
    height: 360px;
    text-align: center;
    background: #fff;
}
.hC_store_mainBanner_swiper .hC_store_mainBanner_swiper-pagination {
    margin-top: -50px;
    text-align: center;
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 15px;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    width: 110px;
    height: 34px;
    line-height: 34px;
}
.swiper-pagination-current {
    font-size: 15px;
    padding-right: 5px;
}
.swiper-pagination-total {
    font-size: 15px;
    padding-left: 5px;
}
/* 스토어 : 해시태그*/
.hC_hashtag_contents {
    position: relative;
    background: #eef3f8;
    padding: 22px 0;
}
.hC_hashtag_contents ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hC_hashtag_contents ul li {
    border-radius: 100px;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    width: 120px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: center;
    color: #999;
    margin-right: 15px;
}
.hC_hashtag_contents ul li:last-child {
    margin-right: 0;
}
.hC_hashtag_contents ul li a {
    font-size: 18px;
    color: #999;
    display: block;
}

/*
.hC_hashtag_contents_type_swiper {
    position:relative;
}
.hC_hashtag_contents_type_swiper ul {
    display: flex;
    width: 100%;
    white-space: nowrap;
}
.hC_hashtag_contents_type_swiper ul li {
    border-radius: 100px;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    width: 120px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: center;
    color: #999;
}
.hC_hashtag_contents_type_swiper ul li a {
    display: block;
    text-align: center;
    color: #999;
    font-size: 18px;
}
*/
.w860 {
    width: 860px;
    margin: 0 auto;
    text-align: center;
    padding: 21px 0;
}
/* 타임특가 */
.hC_time_specialPrice_contents {
    position: relative;
    margin: 60px 0 120px 0;
}
.hC_time_specialPrice_contents .main_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: inline-block;
    margin-bottom: 17px;
}
.hC_time_specialPrice_contents .sub_title {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    display: inline-block;
    padding-left: 15px;
}
.hC_time_specialPrice_contents .specialPrice_section {
    position: relative;
}
.hC_time_specialPrice_contents .specialPrice_section .count_area {
    position: absolute;
    left: 0;
    top: 0;
    height: 300px;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area {
    padding-left: 52.7%;
    width: 485px;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_time {
    padding: 12px;
    width: 294px;
    background-color: #e3e9f6;
    position: relative;
    box-sizing: border-box;
    border-radius: 6px;
}
.product_time img {
    display: inline-block;
    vertical-align: middle;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_time .time_tit {
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    line-height: 2.5;
    letter-spacing: -1px;
    text-align: left;
    color: #000;
    opacity: 0.6;
    vertical-align: middle;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_time .time_hour {
    z-index: 9;
    display: inline-block;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.63px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}
.time_hour .hour_bg {
    background-color: #343637;
    width: 38px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    vertical-align: middle;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_super {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    padding-top: 12px;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #111;
    padding-top: 7px
}
.product_time2 img {
    display: inline-block;
    vertical-align: middle;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_time2 {
    padding: 12px;
    width: 435px;
    background-color: #e3e9f6;
    position: relative;
    box-sizing: border-box;
    border-radius: 6px;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_time2 .time_tit2 {
    display: inline-block;
    opacity: 0.6;
    font-size: 20px;
    font-weight: normal;
    line-height: 2.5;
    letter-spacing: -1px;
    text-align: left;
    color: #000;
    vertical-align: middle;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .product_time2 .time_hour2 {
    z-index: 9;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -0.63px;
    text-align: center;
    color: #fff;
    margin-left: 9px;
}
.time_hour2 .hour_bg {
    background-color: #343637;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    vertical-align: middle;
    padding: 0 10px;
}
.hour_wave {
    font-size: 20px;
    font-weight: bold;
        line-height: 2.5;
    letter-spacing: -1px;
    text-align: left;
    color: #000;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .price_area {

}
.hC_time_specialPrice_contents .specialPrice_section .information_area .price_area .normal_price {
    text-decoration: line-through;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    padding-top: 28px;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .price_area .discount_price {
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #111;
    padding-top: 2px;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .price_area .discount_price span {
    font-size: 32px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #111;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .button_area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 13px
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .button_area .btn_cart {
    width: 240px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    border: solid 1px #3b82f6;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.9px;
    text-align: center;
    color: #3b82f6;
    margin-right: 5px;
}
.hC_time_specialPrice_contents .specialPrice_section .information_area .button_area .btn_buy {
    width: 240px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    border: solid 1px #3b82f6;
    background-color: #3b82f6;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.9px;
    text-align: center;
    color: #fff;
}

/* 드시모네 유산균 */
.hC_desimone_product_contents {
    position: relative;
    margin: 106px 0 124px 0;
}
.hC_desimone_product_contents .main_title {
    font-size: 32px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 30px;
}
.hC_desimone_product_contents .sub_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 20px;
}
.hC_desimone_product_contents .sub_title span {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
}
.hC_desimone_product_contents .btn_allShow {
    position: absolute;
    right: 0;
    top: 0;
    color: orange !important;
}
.hC_desimone_product_contents .product_img {
    height: 252px;
    overflow: hidden;
    border-radius: 20px;
}
.hC_desimone_product_contents .product_img img {
    border-radius: 20px;
}
.hC_desimone_product_contents .product_name {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding-top: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 47px;
}
.hC_desimone_product_contents .price_area {
    padding-top: 10px
}
.hC_desimone_product_contents .price_area .normal_price {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    text-decoration: line-through;
}
.hC_desimone_product_contents .price_area .discount_price {
    display: inline-block;
    font-size: 24px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #111;
}
.hC_desimone_product_contents .price_area .discount_price.add-left{
    padding-left: 10px;
}

/* 이벤트 */
.hC_event_contents {
    position: relative;
    margin-bottom: 108px;
}
.hC_event_contents .hC_event_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hC_event_contents .main_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
    display: inline-block;
}
.hC_event_contents .btn_allShow {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.8px;
    text-align: right;
    color: #5e5e5e;
    opacity: 0.9;
    cursor: pointer;
}
/* 신상품 */
.hC_new_product_contents {
    position: relative;
    margin: 104px 0;
}
.hC_new_product_contents .main_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
    display: inline-block;
}
.hC_new_product_contents .sub_title {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    display: inline-block;
    padding-left: 15px;
}
.hC_new_product_contents .product_img img {
    border-radius: 20px;
}
.hC_new_product_contents .product_name {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding-top: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 47px;
}
.hC_new_product_contents .price_area {
    padding-top: 10px
}
.hC_new_product_contents .price_area .normal_price {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    text-decoration: line-through;
    padding-right: 10px;
}
.hC_new_product_contents .price_area .discount_price {
    display: inline-block;
    font-size: 24px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #111;
}
/* Best 인기상품 */
.hC_best_popular_contents {
    position: relative;
    margin: 87px 0 108px 0;
}
.hC_best_popular_contents .main_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
    display: inline-block;
}
.hC_best_popular_contents .sub_title {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    display: inline-block;
    padding-left: 15px;
}
.hC_best_popular_contents .product_img img {
    border-radius: 20px;
}
.hC_best_popular_contents .product_name {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding-top: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 47px;
}
.hC_best_popular_contents .price_area {
    padding-top: 10px
}
.hC_best_popular_contents .price_area .normal_price {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    text-decoration: line-through;
    padding-right: 10px;
}
.hC_best_popular_contents .price_area .discount_price {
    display: inline-block;
    font-size: 24px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #111;
}

/* 구매 후기 */
.hC_review_w100 {
    width: 100%;
    position: relative;
    background-color: rgba(59, 130, 246, 0.1);
}
.hC_review_contents {
    width: 1100px;
    margin: 80px auto 0;
    padding: 65px 0 52px 0;
}
.hC_review_contents .hC_review_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hC_review_contents .main_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
    display: inline-block;
}
.hC_review_contents .btn_allShow {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.8px;
    text-align: right;
    color: #5e5e5e;
    opacity: 0.9;
    cursor: pointer;
}
.hC_review_contents ul {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size: 0;
}
.hC_review_contents ul li {
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    width: calc((100% - 110px)/2);
    border-radius: 20px;
    float: left;
    margin-bottom: 30px;
    padding: 20px;
}
.hC_review_contents .swiper-slide a .review_img {
    width: 200px;
    height: 150px;
    display: inline-block;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}
.hC_review_contents .swiper-slide a .review_img img {
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    /*transform: translate(50%, 50%);*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.hC_review_contents .swiper-slide a .review_cont {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    width: 260px;
    vertical-align: top;
}
.hC_review_contents .swiper-slide a .review_cont .review_subject {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.hC_review_contents .swiper-slide a .review_cont .review_contents  {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-top: 10px;
}
.hC_review_contents .swiper-slide a .review_cont .review_name  {
    font-size: 14px;
    font-weight: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    position: absolute;
    top: 117px;
}

/* 인스타그램 */
.hC_instagram_contents {
    position: relative;
    margin: 90px 0;
}
.hC_instagram_contents .main_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
    display: inline-block;
}
.hC_instagram_contents .hc_insta_cont {
    position: relative;
    border-radius: 20px;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    width: 260px;

    /*height: 316px;*/
}
.hC_instagram_contents .hc_insta_img img {
    border-radius: 20px 20px 0 0;
}
.hC_instagram_contents .hc_insta_img {
    width: 260px;
    height: 260px;
}
.hC_instagram_contents .hc_insta_icon {
    padding: 12px 16px;
    position: relative;
    border:1px solid #fff;
    border-radius: 20px;
}
.hC_instagram_contents .hc_insta_icon ul:after {
    clear: both;
    display: block;
    content: '';
}
.hC_instagram_contents .hc_insta_icon ul li {
    float: left;
    margin-right: 5px;
}
.hC_instagram_contents .hc_insta_icon ul li:last-child {
    float: right;
    margin-right: 0;
}


/* 광고 영상 */
.hC_video_contents  {
    position: relative;
    cursor: pointer;
    margin: 60px 0;
}
.hC_video_contents .hC_video_bg {
    width: 1100px;
    margin: 0 auto;
}
.hC_video_contents .hc_video_close {
    cursor: pointer;
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 20px;
}
.pt84 {
    padding-top: 84px;
}
/* 브랜드리스트 */
.hC_main_brandRounge {
    position: relative;
}
.hC_main_brandRounge_pd160 {
    padding: 0 160px;
}
.hC_main_brandRounge ul {
    display: flex;
    width: 100%;
    padding: 40px 0 20px;
    white-space: nowrap;
    /*overflow-x: auto;*/
}
.hC_main_brandRounge ul li {
    border-radius: 24px;
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(228, 234, 241, 0.3);
    background-color: #fbfbfc;
    margin-right: 30px;
    width: 136px;
    height: 110px;
    line-height: 110px;
}
.hC_main_brandRounge ul li a {
    display: block;
    width: 136px;
    text-align: center;
}
.hC_main_brandRounge ul li a .bR_icon {
    display: inline-block;
    position: relative;
    width: 136px;
    height: 110px;
    line-height: 110px;
}
.hC_main_brandRounge ul li a .bR_icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 24px;
}
.hC_main_brandRounge ul li a .bR_tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 3.75;
    letter-spacing: -0.4px;
    text-align: center;
    color: #9e9e9e;
}
.w634 {
    margin: 0 auto;
    width: 634px;
    position: relative;
}
.w780 {
    margin: 0 auto;
    width: 780px;
    position: relative;
}
/* 드시모네 / 김석진 LAB tab */
.hC_desimone_tab {
    position: relative;
    border-bottom:1px solid #e1e1e1;
    text-align: center;
    display: block;
    margin-top: 89px;
}
.hC_desimone_tab ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hC_desimone_tab ul li {
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #707070;
    margin-right: 25px;
    cursor: pointer;
}
.hC_desimone_tab ul li:last-child {
    margin-right: 0;
}
.hC_desimone_tab ul li.health_tabActive {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
    color: #305ae4;
    border-bottom: 3px solid #305ae4;
}
.health_tabContent.health_tabActive {
    display: inherit;
}
.health_tabContent {
    display:none;
}
/* 기능별 제품보기 */
.hc_function_goods {
    position: relative;
    width: 1100px;
    margin: 48px auto 0;
}
.hc_function_goods .hc_functionTit {
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #989898;
}
.hc_function_tab {
    position: relative;
    /*margin-top: 6px;*/
    width: 1100px;
    border-bottom: none;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
}
.hc_function_tab ul {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.hc_function_tab ul:after {
    clear: both;
    display: block;
    content: "";
}
.hc_function_tab ul li {
    float: left;
    width: 275px;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    cursor: pointer;
}
.hc_function_tab ul li:last-child {
    margin-right: 0;
}
.hc_function_active {
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #305ae4 !important;
    float: left;
    width: 275px;
    height: 60px;
    border-bottom: 4px solid #305ae4;
}
.hc_function_tabFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.function_goodsCont {
    position: relative;
    margin-top: 60px
}
.function_goodsCont .hc_goodsTit {
    font-size: 28px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.function_goodsCont .hc_goodsList {
    position: relative;
}
.function_goodsCont .hc_goodsList .hc_subTit {
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: #666;
}
.hc_goodsList .hc_goodsDetail {
    position: relative;
    margin-top: 10px;
}
.hc_goodsList .hc_goodsDetail ul {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*flex-direction: row;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}
.hc_goodsList .hc_goodsDetail ul li {
    width: 260px;
    position: relative;
    margin-right: 20px;
}
.hc_goodsList .hc_goodsDetail ul li:last-child {
    margin-right: 0;
}
.hc_goodsList .hc_goodsDetail ul li .hc_detail_Tit {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -2px;
    text-align: center;
    color: #333;
    padding-top: 14px;
}
.hc_goodsList .hc_goodsDetail ul li .hc_detail_sub {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: -0.9px;
    text-align: center;
    color: #666;
    padding-top: 8px;
}
.hc_goodsList .hc_goodsDetail ul li .hc_detail_btn {
    width: 260px;
    height: 55px;
    line-height: 55px;
    border-radius: 4px;
    border: solid 1px #bcbcbc;
    background-color: #fff;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
    margin-top: 20px;
}
.mt80 {
    margin-top: 80px;
}
.function_flex {
    position: relative;
    display: flex;
    margin-top: 60px;
}
.function_flex > .function_goodsCont {
    margin-top: 0;
}
.mb300 {
    margin-bottom: 300px;
}
.ml17 {
    margin-left: 17px;
}
/* 유전자 분석 소개페이지 */
#health_melthy {
    position: relative;
}
#health_melthy .melthy01 {
    position: relative;
    height: 1948px;
    background: url('/static/images/p_images/health/melthy/p_melthy_01.jpg') no-repeat center top, #ffffff;
}
#health_melthy .melthy02 {
    position: relative;
    background: #ffffff;
}
.w1100 {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
#health_melthy .melthy03 {
    position: relative;
    height: 611px;
    background: url('/static/images/p_images/health/melthy/p_melthy_03.jpg') no-repeat center top, #ffffff;
}
#health_melthy .melthy04 {
    position: relative;
    background: #ffffff;
}
.melthy_btn01 {
    box-sizing: border-box;
    width: 300px;
    height: 60px;
    line-height: 60px;
    background: #766258;
    border-radius: 10px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 9;
    top: 703px;
    left: 179px;
    cursor: pointer;
}
.melthy_btn02 {
    box-sizing: border-box;
    width: 300px;
    height: 60px;
    line-height: 60px;
    background: #766258;
    border-radius: 10px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 9;
    top: 703px;
    left: 619px;
    cursor: pointer;
}
.hC_middle2_banner_contents {
    margin-top: 106px;
}
.hC_middle2_banner_contents .hC_middleBanner_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hC_middle2_banner_contents .sub_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 20px;
}
.hC_middle2_banner_contents .sub_title span {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #999;
}
.hC_middle2_banner_contents .btn_allShow {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.8px;
    text-align: right;
    color: #5e5e5e;
    opacity: 0.9;
    cursor: pointer;
}
.w265 {
    width : 265px !important;
}
.w300 {
    width: 300px !important;
}
.main_hide {
    display: none !important;
}
.f20 {
    font-size: 20px;
}