/* 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 {}


.list_category {overflow:hidden; border-top:1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; }
.list_category li {font-size:1.15em; float:left; width:25%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; }
.list_category .category_best {color:#DC143C; font-weight:500;}
.list_category .category_hot {color:#191919; font-weight:500;}
.list_category .category_sale {color:#000; font-weight:700;}
.list_category .category_sale img{vertical-align:middle; margin-top:-3px;}
.list_category .category_month {color:#eb8d06; font-weight:700;}
.list_category .limit a{color:navy; font-weight:500;}
.list_category li:nth-child(4) {border-right:0px none;}
.list_category li:nth-child(8) {border-right:0px none;}
.list_category li:nth-child(12) {border-right:0px none;}
.list_category li:nth-child(16) {border-right:0px none;}
.list_category li:nth-child(13) a{font-weight:bold; background:#f9f9f9; color:#191919;}
.list_category li:nth-child(14) a{font-weight:bold; background:#f9f9f9; color:#191919;}
.list_category li:nth-child(15) a{font-weight:bold; background:#f9f9f9; color:#191919;}
.list_category li:nth-child(16) a{font-weight:bold; background:#f9f9f9; color:#191919;}
.list_category li a {display:block; color:#555; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden; line-height:40px;}


.list_shopping1x {font-family: 'Noto Sans KR', sans-serif;}
.list_shopping1x li{padding:17px 0; }
.list_shopping1x li a{padding:0 !important;}
.list_shopping1x .listName {font-size:15px; margin-bottom:10px;word-break:keep-all;}
.list_shopping1x .subName {font-size:13px; margin:15px 0 7px; color:#787878;}
.list_shopping1x .listDiscount{font-size:12px;font-family:'Montserrat', sans-serif;}
.list_shopping1x .listPrice {font-size:17px;font-family:'Montserrat', sans-serif; font-weight:600;}
.list_shopping1x .icon{padding-top:5px;}
.list_shopping1x .list_shoppingInfo {}


.list_shopping1x .prd-color { margin:5px 0 10px; text-align:left; }
.list_shopping1x .prd-color .color-tit{ font-family:'Montserrat', sans-serif; font-size:13px; letter-spacing:0px; font-weight:300; margin-bottom:3px;}
.list_shopping1x .prd-color .color-sq{ position: relative; font-size:16px; letter-spacing:-2px; cursor:pointer;}
.list_shopping1x .prd-color .color-sq:hover .color-name { display: inline-block; bottom: 22px; right: -22px; margin-left:0px; z-index: 999;}
.list_shopping1x .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;}
.list_shopping1x .prd-color .color-sq .color-name:after, .list_shopping1x .prd-color .color-sq .color-name:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.list_shopping1x .prd-color .color-sq .color-name:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 4px;margin-left: -4px;}
.list_shopping1x .prd-color .color-sq .color-name:before {border-color: rgba(102, 102, 102, 0);border-top-color: #666;border-width:5px;margin-left: -5px;}





h2 {text-align:center; font-size: 1.25em; padding:20px 0 20px;}
.MK_product_list { font-family: 'Noto Sans KR', sans-serif;}
.MK_product_list h2 {font-size:19px; font-weight:500; padding:10px 0 8px !important;}
.MK_product_list .cateTit {font-size:13px; color:#787878; text-align:center; padding-bottom:20px;}
.MK_product_list .items {padding: 10px 0; counter-reset:number 3;}
.MK_product_list .items .number_item:before {counter-increment: number -1; content:counter(number) '월의 가발';  font-size:12px; color:#fff; background:#343434; padding:2px 6px; display:inline-block; margin-bottom:5px !important;}
.MK_product_list .items #MK_best_product li {width:33.33%;}
.MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.MK_product_list .best-thum {position:relative; }
.MK_product_list .best-thum .pd-best {position:absolute; left:0; top:0; border:1px solid red}
.MK_product_list .list_shoppingInfo .listName {font-size:14px; margin-bottom:5px;}
.MK_product_list .list_shoppingInfo .subName {font-size:12px; margin-bottom:5px;}
.MK_product_list .list_shoppingInfo .icon{padding-top:5px;}
.MK_product_list .list_shoppingInfo .listPrice{font-size:15px; padding-top:10px;}
.list_group {padding:12px 1%; text-align:center;}
.list_group select {width:49%; height:28px;}
.more {margin-top:10px !important;}
.more a{border:1px solid #ccc; border-radius:30px;width:70%; margin:0 auto;background:#fff !important; line-height:40px; height:40px;}
.more .more-title {font-family: 'Noto Sans KR', sans-serif; color: #3b3b3b; font-size:14px; font-weight:normal;}
.more .more-num {color: #aaaaaa;}
.shopbrandTitle img {max-width: 100%;}
.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:700;}
.main .list_category .category_hot {color:#191919; font-weight:700;}
.main .list_category .category_sale {color:#000; font-weight:700;}
.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;}



.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;}
.cate-wrap .class-list ul { *zoom:1}
.cate-wrap .class-list ul li { padding:10px 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;}




.video-container {margin-top:10px; padding-bottom: 56.3%; max-width: 100%; height: 0;  position: relative; overflow: hidden; } 
.video-container iframe, 
.video-container object,
.video-container embed {margin: 0;padding: 0;width: 100%; height: 100%;position: absolute; top: 0; left: 0; }


/* BASIC css end */

