/* BASIC css start */
.tool-wrap {padding:5px 10px;}
.tool-wrap select {width:100%;}
.list_array {border-top:0px none;}
.plan .list_array .list_arrayRight img {width: 23px; height: auto;}


.product_list_wrap {
    padding: 0 15px;
    font-size: 0
}

.product_list_wrap .product_item {
    vertical-align: top;
    overflow: hidden;
    display: inline-block
}

.product_list_wrap.list_st1 .product_item {
    width: 100%
}

.product_list_wrap.list_st2 .product_item {
    width: calc(50% - 5px);
    margin-left: 10px
}

.product_list_wrap.list_st2 .product_item:nth-of-type(2n+1) {
    margin-left: 0
}

.list_st2.list_st2_3 .product_item {
    width: calc((100% - 20px)/ 3)
}

.list_st2.list_st2_3 .product_item:nth-of-type(2n+1) {
    margin-left: 10px
}

.list_st2.list_st2_3 .product_item:nth-of-type(3n+1) {
    margin-left: 0
}

.product_list_wrap.list_st3 .product_item {
    width: 100%
}

.product_list_wrap .product_item .desc_container .info p {
    color: #565656;
    font-size: .792rem;
    line-height: 1rem;
    padding: 2px 0
}

.product_list_wrap .product_item .desc_container .info .pname {
    font-size: .871rem;
    line-height: 1rem;
    font-weight: 300;
    margin-top: -3px;
    margin-bottom: 8px;
    color: #222;
    font-weight: 700
}

.product_list_wrap.list_st1 .product_item {
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 0
}

.product_list_wrap.list_st1 .product_item:nth-of-type(1) {
    border-top: 1px solid #dcdcdc
}

.product_list_wrap.list_st1 .product_item figure {
    display: table;
    width: 100%;
    table-layout: fixed
}

.product_list_wrap.list_st1 .product_item .thumb {
    display: table-cell;
    width: 115px;
    vertical-align: top
}

.product_list_wrap.list_st1 .product_item .thumb img {
    display: block;
    width: 100px
}

.product_list_wrap.list_st1 .product_item .desc_container {
    display: table-cell;
    vertical-align: middle
}

.product_list_wrap.list_st1 .product_item .desc_container .info {
    display: inline-block
}

.product_list_wrap.list_st2 .product_item,
.product_list_wrap.list_st3 .product_item {
    padding: 15px 0;
}

.product_list_wrap.list_st2 .product_item figure,
.product_list_wrap.list_st3 .product_item figure {
    display: block;
    width: 100%
}

.product_list_wrap.list_st2 .product_item .thumb,
.product_list_wrap.list_st3 .product_item .thumb {
    display: block;
    width: 100%;
    overflow: hidden
}

.product_list_wrap.list_st2 .product_item .thumb img,
.product_list_wrap.list_st3 .product_item .thumb img {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

.product_list_wrap.list_st2 .product_item .desc_container,
.product_list_wrap.list_st3 .product_item .desc_container {
    display: block;
    width: 100%)
}

.product_list_wrap.list_st2 .product_item .desc_container .info,
.product_list_wrap.list_st3 .product_item .desc_container .info {
    display: block
}

.list_type_wrap {
    padding: 10px 15px;
    font-size: 0;
    text-align: center
}

.list_type_wrap a.list_type_icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    background-size: 16px auto;
    background-position: 9px 9px;
    background-repeat: no-repeat
}

.list_type_wrap a.ic_full {
    background-image: url(https://skin.makeshop.co.kr/skin/ms_basic_mobile/images/ic_list_1x.png)
}

.list_type_wrap a.ic_gallery {
    background-image: url(../images/ic_list_2x.png)
}

.list_type_wrap a.ic_list {
    background-image: url(../images/ic_list_list.png)
}

.list_type_wrap a.ic_full.on,
.list_type_wrap a.ic_gallery.on,
.list_type_wrap a.ic_list.on {
    background-position: 9px -19px
}





.list_type_wrap {
    padding: 10px 15px;
    font-size: 0;
    text-align: center
}

.list_type_wrap a.list_type_icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    background-size: 16px auto;
    background-position: 9px 9px;
    background-repeat: no-repeat
}

.list_type_wrap a.ic_full {
    background-image: url(https://skin.makeshop.co.kr/skin/ms_basic_mobile/images/ic_list_1x.png)
}

.list_type_wrap a.ic_gallery {
    background-image: url(https://skin.makeshop.co.kr/skin/ms_basic_mobile/images/ic_list_2x.png)
}

.list_type_wrap a.ic_list {
    background-image: url(https://skin.makeshop.co.kr/skin/ms_basic_mobile/images/ic_list_list.png)
}

.list_type_wrap a.ic_full.on,
.list_type_wrap a.ic_gallery.on,
.list_type_wrap a.ic_list.on {
    background-position: 9px -19px
}


.product_item .thumb {aspect-ratio: 4 / 5; _height: 60vw;}

.list_st1 .thumb{padding-right:15px}

.product_item .thumb img {height:100%;object-fit: cover;}

.product_item .info {
    width: 100%;
    position: relative;
    padding: 4px 0 30px;
}
.list_st1 .thumb .prd_icon{right:13px}

.product_item .info .add_info_list {height:20px;}

#MS_product .prdprice .price {margin-top: 10px;font-size: 13px;font-weight: 800;font-family: 'Red Hat Display', sans-serif;}
#MS_product .prdprice .price .dc_per {margin-right: 2px;}
#MS_product .prdprice .price .normal {color: #222;}
#MS_product .prdprice .price .consumer {display:none;}

body .product_list_wrap .product_item .desc_container .info p {padding:0;margin:1px 0 0;font-weight: 500;color: #222; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
body .product_list_wrap .product_item .desc_container .info p.prdname{min-height:32px;}
body .product_list_wrap .product_item .desc_container .info p.add_2 img{height:17px}

body .product_list_wrap.list_st2 .product_item .thumb >a >img, .product_list_wrap.list_st3 .product_item .thumb >a >img {margin-bottom:0;}

body .product_item .info .prd_review {font-size:12px;font-weight: 400;font-family: 'Red Hat Display', sans-serif;position: absolute;right: 0; top:0;}
body .product_item .info .add_info_list .add_1 {display:none !important;}
body .product_item .info .add_info_list .add_2 {margin-bottom:3px;padding: 0 !important;}


.product_list_wrap.list_st1 .product_item .thumb {height:auto;}
.product_list_wrap.list_st1 .product_item .thumb > a > img {
    aspect-ratio: 4 / 5; height: auto;}


.product_list_wrap.list_st1 .product_item .desc_container {
    width: 100% !important;
}


.btn-wrap > div a {
    display: block;
    padding: 12px;
    box-sizing: border-box;
    font-size: .951rem;
    line-height: 1rem;
    text-align: center
}

.btn_bottom_box,
.btn_bottom_box.more {
    margin-top: 20px;
    padding: 0 15px;
    box-sizing: border-box
}

.btn_bottom_box .btn_basic {
    padding: 10px 0;
    font-size: .871rem
}

.sm_btns .btn_basic {
    padding: 5px 0;
    font-size: .792rem
}


.btn_basic_1 {
    border: 1px solid #222;
    background-color: #222;
    color: #fff
}


.btn_full100 {
    display: block;
    width: 100%
}
/* BASIC css end */