﻿/* ------------------------------------------------------------------------------------------------------------------------ product_slide 슬라이드 제품목록이 삽입되는 페이지만 필요*/

.slide_box{
	background:var(--cn_color_1);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	/*border-bottom: 1px solid rgba(0,0,0,.05);*/
}

.slide_box::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.slide_box_inbox{
	display: inline-block;
	width: fit-content;
	white-space: nowrap;
	letter-spacing:3px;
	padding:1em 18px;
}

.slide_title {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 32px;
	word-break: break-all;
	white-space: nowrap;
	word-wrap: normal;
	padding: 0 30px;
	font-size: var(--cn_fontsize_28);
	text-align: center;
	font-weight:800;
	padding:20px 0px 20px 0px;
	background:var(--cn_color_1);
}


.slide_title_small {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 22px;
	word-break: break-all;
	white-space: nowrap;
	word-wrap: normal;
	font-size: var(--cn_fontsize_18);
	text-align: left;
	font-weight:700;
	padding:30px 18px 0px 18px;
	background:var(--cn_color_1);

}

.slide_box .w_vw42 {
	width:218px;
	cursor:pointer;
}

.slide_box .h_vw42 {
	height:300px;
}

.slide_box .mh_vw42 {
	min-height:300px;
}

.slide_box .w_vw29 {
	width:143px;
	cursor:pointer;
}

.slide_box .h_vw29 {
	height:200px;
}

.slide_box .mh_vw29 {
	min-height:200px;
}

.slide_box .h_vw29_2 {
	height:143px;
}

.slide_box .mh_vw29_2 {
	min-height:143px;
}

.slide_box .w_vw88 {
	width:443px;
	cursor:pointer;
}

.slide_box .h_vw88 {
	height:443px;
}

.slide_box .mh_vw88 {
	min-height:443px;
}

.slide_box .mh_vw20 {
	min-height:110px;
}

.slide_box .h_vw20 {
	height:130px;
}

.slide_box .w_vw15 {
	width:15vw;
	cursor:pointer;
}

.slide_box .mh_vw15 {
	min-height:15vw;
	cursor:pointer;
}


.padding_line{
	padding:20px 18px;
	background:var(--cn_color_1);
}

.padding_line .padding_line_in{
	padding:0px 0px 0px 0px;
	border-top:1px solid #e8ecef;
}

.small_title {
    position: relative;
    font-size: 15px;
    color: #121212;
    line-height: 18px;
    letter-spacing: -0.5px;
	background:var(--cn_color_1);
	padding-left:18px;
    
}

.small_title .review_per{
    color: #d40022;
    font-weight: bold;
}


.slide_box .review_sample {
    position: relative;
    display: inline-block;
    width: 284px;
    height: 84px;
    padding: 12px 14px;
    border: 1px solid #e8ecef;
    border-radius: 2px;
    background-color: rgba(var(--cn_rgb_106),0.07);
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.slide_box .review_sample .review_sample_div_1{
    display: inline-block;
    width: 184px;
    height: 56px;
}

.slide_box .review_sample .review_sample_div_2{
    display: inline-block;
    width: 56px;
    height: 56px;
	vertical-align:top;
	margin-left:10px;
	border-radius:4px;
}


.slide_box .review_sample .review_sample_title {
    font-size:var(--cn_fontsize_14);
	line-height:17px;
	height:17px;
}


.slide_box .review_sample .review_sample_title:before {
    background-image: url(/resources/pc/images/public/cellonix_icon.svg);
    background-size: 700px 700px;
    background-position: -150px -115px;
    width: 12px;
    height: 11px;
    display: inline-block;
    margin: 3px 2px;
    vertical-align: top;
    content: "";
}



.slide_box .review_sample .review_sample_title .starnum {
    display: inline-block;
    margin-right: 6px;
    font-size: var(--cn_fontsize_14);
    color: var(--cn_color_0);
    font-weight: 800;
    letter-spacing: -0.5px;
    vertical-align: top;
	line-height:18px;
}


.slide_box .review_sample .review_sample_title .buycount:before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 4px 4px 4px 0px;
    background-color: #d3dadf;
    vertical-align: top;
    content: "";
}

.slide_box .review_sample .review_sample_title .buycount{
    display: inline-block;
    margin-right: 6px;
    font-size: var(--cn_fontsize_12);
    color: var(--cn_color_23);
    font-weight: 400;
    letter-spacing: -0.5px;
    vertical-align: top;
	line-height:18px;
}


.slide_box .review_sample .review_sample_text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-all;
    display: -webkit-box;
    max-height: 36px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--cn_fontsize_13);
    padding: 0px;
    margin: 0px;
    margin-top: 3px;
    font-weight: 400;
    font-family: Pretendard Variable, sans-serif;
	width:184px;
	height:36px;
}

.slide_box .img_bg{
	
	border-radius:10px;
}

.slide_box .product_name {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 18px;
	word-break: break-all;
	display: -webkit-box;
	max-height: 36px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: var(--cn_fontsize_13);
	padding:0px;
	margin:0px;
	margin-top:3px;
	font-weight:400;
	font-family: Pretendard Variable, sans-serif;
}

.slide_box .review_title {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	word-break: break-all;
	display: -webkit-box;
	max-height: 20px;
	font-size: var(--cn_fontsize_15);
	padding:0px;
	margin:0px;
	color: var(--cn_color_4);
	margin-top:10px;
	font-weight:700;
	font-family: Pretendard Variable, sans-serif;
}

.slide_box .review_text {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 18px;
	word-break: break-all;
	display: -webkit-box;
	max-height: 72px;
	min-height: 72px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	font-size: var(--cn_fontsize_13);
	padding:0px;
	margin:0px;
	margin-top:3px;
	font-weight:400;
	font-family: Pretendard Variable, sans-serif;
}

.reviewer_info{
	height:19px;
	line-height:19px;
	margin-top:9px;
	font-size: var(--cn_fontsize_12);
	letter-spacing:-0.02rem;
	font-weight:400;
	font-family: Pretendard Variable, sans-serif;
	color: rgba(0, 0, 0, .4);
}


.slide_box .product_brand {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 12px;
	word-break: break-all;
	display: -webkit-box;
	max-height: 12px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: var(--cn_fontsize_10);
	padding:0px;
	margin:0px;
	color: var(--cn_color_6);
	margin-top:10px;
	font-weight:400;
	font-family: Pretendard Variable, sans-serif;
}

.slide_box .product_price {
	height:19px;
	line-height:19px;
	margin-top:9px;
	font-size: var(--cn_fontsize_15);
	letter-spacing:-0.02rem;
	font-weight:600;
	font-family: Pretendard Variable, sans-serif;
}

.slide_box .product_price_month {
	height:17px;
	line-height:17px;
	margin-top:0px;
	font-size: var(--cn_fontsize_13);
	letter-spacing:0rem;
	font-weight:700;
	font-family: Pretendard Variable, sans-serif;
}

.slide_box .one_month_color {
	padding:0px 5px 0px 0px;
	color: var(--cn_color_18);
}

.slide_box .add_info_shipping {
	padding:0px;
	margin-top:15px;
	font-weight:200;
	letter-spacing:0rem;
	line-height:150%;
}

.slide_box .add_info_shipping .when_text{
	display: inline-block;
	/*background: linear-gradient(15deg, var(--cn_color_105), var(--cn_color_103)); /* Gradient background */
	background-color: rgb(246, 246, 246);
	padding: 1px 5px;
	border-radius: 3px;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); */
	font-size: var(--cn_fontsize_10);
	font-weight: 500;
	color: rgb(149, 149, 149);
	letter-spacing:0rem;
}


.slide_box .add_info_shipping .what_box{
	display: inline-block;
	padding: 1px 5px;
	border-radius: 4px;
	font-size: var(--cn_fontsize_10);
	font-weight: 500;
	letter-spacing:0rem;
	background-color: rgb(246, 246, 246);
	color: rgb(149, 149, 149);
	margin-left:2px;
}

.slide_box .add_info_review{
	padding:0px;
	margin-top:15px;
	font-weight:400;
	font-size: var(--cn_fontsize_11);
	color: rgba(0, 0, 0, .4);
	letter-spacing:-0.02rem;
	line-height:150%;
}

.slide_box .add_info_exp{
	padding:0px;
	margin-top:0px;
	font-weight:400;
	font-size: var(--cn_fontsize_11);
	color: rgba(0, 0, 0, .4);
	letter-spacing:-0.02rem;
}



.slide_box .fresh_exp {
	display: inline-block;
	height:10px;
	font-weight:400;
	font-size: var(--cn_fontsize_11);
	color: rgba(0, 0, 0, .8);
	letter-spacing:-0.02rem;
}

.fresh_num{
    font-weight: bold !important;
    color: #7DC060;
    font-size: var(--cn_fontsize_11);
}


.slide_box .add_info_buyproduct{
	padding:5px 0px;
	margin-top:10px;
	font-weight:400;
	font-size: var(--cn_fontsize_11);
	color: rgba(0, 0, 0, .4);
	letter-spacing:-0.02rem;
	border-top:1px solid var(--cn_color_9);
}

.slide_box .add_info_buyproduct .buyproduct_img_bg {
	display: inline-block;
	width:80px;
	height:80px;
	background: var(--cn_color_10);
	border-radius:10px;
}

.slide_box .add_info_buyproduct .buyproduct_img {
	max-width: 100%;
	max-height: 100%;
	border-radius:10px;
	margin: 0 auto;
	line-height: 0;
}

.slide_box .add_info_buyproduct .buyproduct_info {
	display: inline-block;
	height:80px;
	vertical-align:top;
	padding-left:10px;
	line-height:150%;
	width:calc(100% - 80px);
}

.slide_box .add_info_buyproduct .buyproduct_info .buyproduct_info_tag {
    line-break: initial;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    white-space: normal;
    max-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 0px;
    overflow: hidden;
    margin: 0px;
    height: 20px;
 
}

.slide_box .add_info_buyproduct .buyproduct_info .buyproduct_info_name {
	font-size: var(--cn_fontsize_14);
	font-weight:700px;
	color: var(--cn_color_4);
}

.slide_box .add_info_buyproduct .buyproduct_info .buyproduct_info_review {
	
}


/* ------------------------------------------------------------------------------------------------------------------------ product_slide 슬라이드 제품목록이 삽입되는 페이지만 필요 */



/* ------------------------------------------------------------------------------------------------------------------------ category_kwd_box 키워드 분류옵션이 포함된 슬라이드 제품목록이 삽입되는 페이지만 필요*/

.category_kwd_box{
	padding:0px 0px 0px 0px;
	background:var(--cn_color_1);
}

.category_kwd_box .category_kwd_box_inbox{
	width:100%;
	letter-spacing:0.2em; 
	padding:3%;
	text-align:center;
	line-height:150%;
}

.category_kwd_box .kwd_block{
	border:1px solid var(--cn_color_8);
	padding:5px 10px;
	border-radius:15px;
	display: inline-block;
	margin-top:5px;
	letter-spacing:0.02em;
	color: var(--cn_color_4);
	cursor:pointer;
}

.category_kwd_box .kwd_block2{
	padding:3px 8px;
	border-radius:15px;
	display: inline-block;
	margin-top:5px;
	letter-spacing:0.02em;
	color: var(--cn_color_1);
	font-size:var(--cn_fontsize_13);
	background:var(--cn_color_103);
}

.category_kwd_box .kwd_on{
	background: var(--cn_color_4) !important;
	color: var(--cn_color_1) !important;
}

/* ------------------------------------------------------------------------------------------------------------------------ category_kwd_box 키워드 분류옵션이 포함된 슬라이드 제품목록이 삽입되는 페이지만 필요*/



/* ------------------------------------------------------------------------------------------------------------------------ two_object_box 메인 페이지만 필요*/

.two_object_box{
	padding:0px 18px 30px 18px;
	text-align:center;
	background:var(--cn_color_1);
	/*border-bottom: 1px solid rgba(0,0,0,.05);*/
}

.two_object_box .two_object_box_inbox{
	width:100%; 
	letter-spacing:0.2em;
	
	text-align:center; 
}

.two_object_box .object_box{
	width:216px;
	min-height:216px;
	display: inline-block;
}

.two_object_box .img_bg{
	width:216px;
	height:216px;
	background: var(--cn_color_13);
	border-radius:10px;
}

.two_object_box .img_box{
	width:216px;
	height:216px;
	border-radius:10px;
}

.two_object_box .object_name {
	
	text-align:center;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 18px;
	word-break: break-all;
	display: -webkit-box;
	max-height: 36px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: var(--cn_fontsize_13);
	padding:0px;
	margin:0px;
	margin-top:3px;
	font-weight:400;
	font-family: Pretendard Variable, sans-serif;
}

.new_product{
	font-size: inherit;
	font-style: inherit;
	color: var(--cn_color_18);
}

/* ------------------------------------------------------------------------------------------------------------------------ two_object_box 메인 페이지만 필요 */