/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Cardo|Rozha+One|Lora:400,700|Black+Han+Sans|Do+Hyeon|Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Noto+Serif+KR:200,300,400,500,600,700,900|Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
#container {}
.shopbrand h2 {text-align:center; font-size: 1.25em; padding:30px 0 20px;}
.shopbrand .MK_product_list {}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .MK_product_list .best-thum {position:relative; }
.shopbrand .MK_product_list .best-thum .pd-best {position:absolute; left:0; top:0;}
.shopbrand .MK_product_list .best-thum .pd-best img{width:40%;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}


.main .list_category {overflow:hidden; border-top:1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; }
.main .list_category li {font-size:1.1em; float:left; width:25%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; }
.main .list_category .category_best {color:#DC143C; font-weight:500;}
.main .list_category .category_hot {color:#800000; font-weight:500;}
.main .list_category .category_sale {color:#000; font-weight:500;}
.main .list_category .category_month {color:#eb8d06; font-weight:700;}
.main .list_category li:nth-child(4) {border-right:0px none;}
.main .list_category li:nth-child(8) {border-right:0px none;}
.main .list_category li a {display:block; height:32px; line-height:32px; color:#555; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden; padding:3px 0;}

.best-t {font-family: 'Noto Sans KR', sans-serif; display:block; width:100%; font-size:18px; color:#191919; text-align:center; padding:16px 0; font-weight:500; line-height:30px;}
.best-item {font-family: 'Noto Sans KR', sans-serif; display:block; width:100%; font-size:16px; color:#191919; text-align:center; padding:16px 0; font-weight:300; line-height:30px;}
.best-t span {font-family: 'Noto Sans KR', sans-serif; font-size:14px;}
.top_best {display:block; padding-left:2px; margin-bottom:20px;padding-bottom:30px;position:relative;}
.slider3 { width:100% ; }
.slider3 a .icon_best {position:absolute; top:6px;width:44px; left:0px;}
.slider3 a {width:190px !important; padding:0 2px;display:inline-block; font-family: 'Noto Sans KR', sans-serif; }
.slider3 a img{width:100%;}
.slider3 a .re-name {width:95%; font-size:14px; line-height:18px; padding-top:10px; margin:0 auto;word-break:keep-all;font-family: 'Noto Sans KR', sans-serif;}
.slider3 a .re-price {width:95%;  font-size:17px; font-weight:600; padding:10px 0; margin-left:4px;font-family:'Montserrat', sans-serif;}
.bx-wrapper { margin-bottom:20px;}
.bx-controls-direction { font-size:25px;}
.bx-controls-direction a {position:absolute; top:50%; display:block; width:0px; height:0px; overflow:hidden; color:#fff; transform:translateY(-50%);}
.bx-controls-direction .bx-prev {left:10px;}
.bx-controls-direction .bx-next {right:10px;}
.bx-controls-direction .bx-prev:before { content:"\e93d"; font-family:'xeicon';}
.bx-controls-direction .bx-next:before { content:"\e940"; font-family:'xeicon';}
.bx-pager {position:absolute; left:0; bottom:6px; width:100%; text-align:center;}
.bx-pager div{display:inline-block; padding:0 2px;}
.bx-pager div a { display:block; font-size:0; color:transparent; width:16px; height:2px; background:#ccc;transition:all 1s;}
.bx-pager div a.active{background:#555; width:26px;}


.img-wrap {margin: 0px;display: flex;justify-content: center;overflow: hidden;}
.img-wrap .image {object-fit: contain;}

.list .up-on-scroll {margin-top: 0px;transition: transform 0.7s, opacity 1s;}
.list {display: flex;flex-wrap: wrap;flex-direction: column;}

.cate-wrap { overflow:hidden; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:4px; padding:8px 0;}
.cate-wrap .class-list ul {*zoom:1}
.cate-wrap .class-list ul li { padding:0px 10px; float:left; margin:2px; }

.cate-wrap .class-list ul li a { display:block; font-size:13px; color:#666;font-family: 'Noto Sans KR', sans-serif; width:100%; padding:6px 0px 6px 8px;}
.cate-wrap .class-list ul li .sel {background:#ffe6e6; font-weight:500; color:#333;}


.item-wrap .item-cont { width:100%; *zoom:1 }
.item-wrap .item-cont:after { content: ""; display: block; clear: both }
.item-wrap .item-cont .item-list {float:left; width:50%; text-align:center; position:relative;}
.item-wrap .item-cont .item-list .thumb { overflow:hidden }
.item-wrap .item-cont .item-list .thumb a { display: block; padding:0 2px; }
.item-wrap .item-cont .item-list .thumb span {width:46px; height:19px; background:#e56464; color:#fff; font-size:12px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; text-align:center; top:0; left:0;position:absolute; padding-top:1px;}
.item-wrap .item-cont .item-list .thumb img { width:100%;  height:100%; }
.item-wrap .item-cont .item-list .prd-info { padding:5px 5px 30px 5px; overflow:hidden;font-family: 'Noto Sans KR', sans-serif; }
.item-wrap .item-cont .item-list .prd-info .quick_ico {text-align:left; padding:5px 0 10px; border-bottom:1px solid #e1e1e1;}
.item-wrap .item-cont .item-list .prd-ico {text-align:left; }
.item-wrap .item-cont .item-list .prd-ico img { margin:12px 2px 2px 0; width:100%;}
.item-wrap .item-cont .item-list .prd-name { padding-top:2px }
.item-wrap .item-cont .item-list .prd-name a { font-size:13px; display:block; color:#1c1c1c; line-height:18px; text-overflow:ellipsis; word-wrap:normal; text-align:left;word-break:keep-all;}
.item-wrap .item-cont .item-list .prd-subname { font-size:12px; padding-top:10px; color:#777; text-align:left; line-height:18px; font-weight:300;word-break:keep-all;}
.item-wrap .item-cont .item-list .prd-subname .size {background:#e7f0f9; padding:3px 10px; display:inline-block; color:#191919; font-family:'Montserrat', sans-serif; font-size:12px; font-weight:400; border-radius:15px; margin:5px 0;}
.item-wrap .item-cont .item-list .prd-price { padding-top:7px; text-align:left; font-size:16px; font-weight:600;}
.item-wrap .item-cont .item-list .prd-price .sale{color:#cc0000;}
.item-wrap .item-cont .item-list .prd-price p{ padding-left:2px; font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:300; display:inline-block; }
.item-wrap .item-cont .item-list .prd-price strike { color:#aaa; font-size:13px; font-weight:300;font-family:'Montserrat', sans-serif; }
.item-wrap .item-cont .item-list .prd-price .price { color:#191919;font-family:'Montserrat', sans-serif; }
.item-wrap .item-cont .item-list .prd-review { font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; padding-top:5px; text-align:left;}
.item-wrap .item-cont .item-list .prd-review span{display:inline-block; padding-right:7px;}
.item-wrap .item-cont .item-list .prd-color { margin:5px 0 10px; /*border-top:1px dashed #c6c6c6;*/ text-align:left; }
.item-wrap .item-cont .item-list .prd-color .color-tit{ font-family: 'Noto Sans KR', sans-serif; font-size:13px; letter-spacing:0px; font-weight:300; margin-bottom:3px;}
.item-wrap .item-cont .item-list .prd-color .color-sq{ position: relative; font-size:16px; letter-spacing:-2px; cursor:pointer;}
/*.item-wrap .item-cont .item-list .prd-color .color-sq .color-name { position: absolute; font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:300; width: 56px; color: #333; background: #fff; letter-spacing:0px; text-align: center;display:none; border:1px solid #333; }
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:after { content: ''; position: absolute; top: 100%; left: 50%; margin-top:-1px; margin-left:-4px; width:0; height:0; border-top: 4px solid #ccc; border-right: 4px solid transparent; border-left: 4px solid transparent;}*/
.item-wrap .item-cont .item-list .prd-color .color-sq:hover .color-name { display: inline-block; bottom: 22px; right: -22px; margin-left:0px; z-index: 999;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name {position: absolute; font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:300; width: 58px; color: #333;padding:2px 0;/*height: 21px;line-height: 21px;*/ letter-spacing:0px; text-align: center;display:none; background: #fff;border: 1px solid #666; border-radius:10px;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:after, .item-wrap .item-cont .item-list .prd-color .color-sq .color-name:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 4px;margin-left: -4px;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:before {border-color: rgba(102, 102, 102, 0);border-top-color: #666;border-width:5px;margin-left: -5px;}
.item-wrap .item-cont .item-list .prd-preview { padding:5px 10px 0 0; float:right; vertical-align:top; }
.item-wrap .item-cont .item-list .prd-preview .btn-preview { width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }
.item-wrap .item-cont .item-list .MK-product-icons img { vertical-align:middle; left:0;}
.item-wrap .item-cont .nomg { padding-right: 0px }
.item-wrap .item-page { margin-top: 50px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; }

.paging a {margin:0 !important;}
/* BASIC css end */

