﻿.product_list_page_box{
	position: relative;
	background:var(--cn_color_1);
	padding:0px 0px 30px 0px;
}

.product_list_page_box .product_list_div_row{
	width:calc(100%-23px);
	height:200px;
}


.product_list_page_box .product_list_page_box_ul {
	overflow: hidden;
	position: relative;
	margin: 8px 10px 3px 9px;
	font-size:0px;
}

.product_list_page_box_ul .product_list_page_box_li {
	display: inline-block;
	width: 50%;
	padding: 10px 8px 3px 9px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	font-size:14px;
}
		

		
.product_list_page_box_ul .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;
}


.product_list_page_box_ul .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;
}

.product_list_page_box_ul .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;
}

.product_list_page_box_ul .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;
}

.product_list_page_box_ul .one_month_color {
	padding:0px 5px 0px 0px;
	color: var(--cn_color_18);
}

.product_list_page_box_ul .add_info_shipping {
	padding:0px;
	margin-top:5px;
	font-weight:200;
	letter-spacing:0rem;
	line-height:120%;
}

.product_list_page_box_ul .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;
}



.product_list_page_box_ul .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;
}

.product_list_page_box_ul .add_info_review{
	padding:0px;
	margin-top:5px;
	font-weight:400;
	font-size: var(--cn_fontsize_11);
	color: rgba(0, 0, 0, .4);
	letter-spacing:-0.02rem;
	line-height:150%;
}

.product_list_page_box_ul .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;
}



.product_list_page_box_ul .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;
}


.product_list_page_box_ul .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);
}

.product_list_page_box_ul .add_info_buyproduct .buyproduct_img_bg {
	display: inline-block;
	width:80px;
	height:80px;
	background: var(--cn_color_10);
	border-radius:2vw;
}
.product_list_page_box_ul .add_info_buyproduct .buyproduct_img {
	width:80px;
	height:80px;
	border-radius:2vw;
}

.product_list_page_box_ul .add_info_buyproduct .buyproduct_info {
	display: inline-block;
	height:80px;
	vertical-align:top;
	padding-left:10px;
	line-height:150%;
}
.product_list_page_box_ul_li_btn.product_list_page_box_ul_li_btn_spt {
    width: 100%;
    height: 32px;
    border: 1px solid #dce1e9;
    border-radius: 4px;
}

.product_list_page_box_ul_li_btn {
    position: relative;
    z-index: 21;
}

.category_title_box{
	width:100%;text-align:center;display:inline-block;
	border-top: 1px solid rgba(0,0,0,.05);
}

.category_title_box_div{
	display:inline-block;line-height:51px;font-size:18px;font-weight:bold;
}

.category_title_box_div_span {
    padding-top:9px;
    margin-left:5px;
    display:inline-block;
    background-image: url(/resources/mobile/images/test/spArrow_svg.svg);
    background-size: 228px 227px;
    background-position: -97px -198px;
    width: 9px;
    height: 6px;
    content: "";
}

.category_sublist_box_div1.category_sublist_box_div1_2 {
    background-color: rgba(0,0,0,.02);
	scrollbar-width: none;
}

.category_sublist_box_div1 {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid rgba(0,0,0,.05);
	border-top: 1px solid rgba(0,0,0,.05);
}

.category_sublist_box_div1.category_sublist_box_div1_2 .category_sublist_box_ul {
    height: 56px;
    padding: 0 7px;
    line-height: 56px;
}

.category_sublist_box_div1 .category_sublist_box_ul {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: top;
    white-space: nowrap;
}

.category_sublist_box_div1 .category_sublist_box_li {
    display: inline-block;
    vertical-align: top;
}

.category_sublist_box_div1.category_sublist_box_div1_2 .category_sublist_box_li_a {
    padding: 0 8px;
    font-size: 14px;
}

.category_sublist_box_div1 .category_sublist_box_li_a[aria-current=true] {
    font-weight: bold;
    color: #000;
}

.category_sublist_box_div1 .category_sublist_box_li_a {
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    color: rgba(0,0,0,.4);
    vertical-align: top;
}


.category_title_sub_box {
    padding: 15px 13px 3px 18px;
    background-color: #fff;
}

.category_title_sub_box .category_title_sub_box_strong {
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    vertical-align: top;
}

.category_title_sub_box .category_title_sub_box_div:last-child {
    margin-right: 5px;
}

.category_title_sub_box .category_title_sub_box_div {
    float: right;
}

.category_title_sub_box:after {
    clear: both;
}

.category_title_sub_box .category_title_sub_box_div .category_title_sub_box_div_div_btn {
    position: relative;
    margin-left: 17px;
    vertical-align: top;
}

.category_title_sub_box .category_title_sub_box_div .category_title_sub_box_div_div_btn .category_title_sub_box_div_div_btn_span {
    display: block;
    width: 25px;
    height: 25px;
}

.skin_black .category_title_sub_box .category_title_sub_box_div .category_title_sub_box_div_div_btn .category_title_sub_box_div_div_btn_span:before {
    background-color: #292b2c;
}

.category_title_sub_box .category_title_sub_box_div .category_title_sub_box_div_div_btn .category_title_sub_box_div_div_btn_span:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 17px;
    height: 17px;
    content: "";
    background-color: var(--cn_color_3);
}

.category_title_sub_box .category_title_sub_box_div .category_title_sub_box_div_div_btn .category_title_sub_box_div_div_btn_span:after {
    background-image: url(/resources/pc/images/public/cellonix_icon.svg);
    background-size: 700px 700px;
    background-position: -310px -20px;
    width: 19px;
    height: 19px;
}

.category_title_sub_box .category_title_sub_box_div .category_title_sub_box_div_div_btn .category_title_sub_box_div_div_btn_span.list_view_mode:after {
    background-image: url(/resources/pc/images/public/cellonix_icon.svg);
    background-size: 700px 700px;
    background-position: -330px -20px;
    width: 19px;
    height: 19px;
}

.category_title_sub_box .category_title_sub_box_div .category_title_sub_box_div_div_btn .category_title_sub_box_div_div_btn_span:after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: "";
}

.category_title_sub_box_strong_totalea{
	color:var(--cn_color_103);
	padding:0px 5px;
}
