/* BASIC css start */
#container {}
.main{background:#f1f1f1; padding:10px;}
.list_category {overflow:hidden; font-family: 'Noto Sans KR', sans-serif; background:#fff; text-align:center; padding:15px 5px;}
.list_category li { width:24.3%;  display:inline-block; margin:0; list-style:none; }
.list_category li.select {  }
.list_category li.select a{color:#191919; font-weight:bold;}
.list_category li:last-child a {border-right:none;}
.list_category li a {font-size:1.2em; display:block; color:#191919; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden; padding:0px 0; letter-spacing:-1px;border-right:1px solid #ccc;}
.size_box { width:100%; text-align:center; }
.size_select { font-weight:500; width:180px; height:38px; display:inline-block; border:1px solid #ddd; vertical-align:top; line-height:36px; font-size:14px; font-family:'Noto Sans KR',sans-serif; color:#333; padding:0 10px;}
.wig-size { width:170px; height:40px; display:inline-block; margin-left:-5px; }
.wig-size input[id="wigsize"] {display:none;}
.wig-size input[id="wigsize"]+label{ font-size:13px; font-family: 'Noto Sans KR',sans-serif; color:#fff; position:relative; cursor:pointer; font-weight:500; line-height:40px; width:168px; display:inline-block; transition: all 0.2s; text-align:center; z-index:199;background:#cc0000;}
.wig-size input[id="wigsize"]+label:hover{ background:#990000; color:#fff;}
.wig-size input[id="wigsize"]:checked+label{ background:#990000;color:#fff; }
.wig-size input[id="wigsize"]+label+div{ width:170px; position:absolute; transition: all .35s;  max-height:0; z-index:198;overflow:hidden; margin-top:-1px; opacity:0.9;}
.wig-size input[id="wigsize"]+label+div ul{ width:166px;border:1px solid #ddd; overflow:hidden; background:#fff; padding:5px 0; margin-left:1px;}
.wig-size input[id="wigsize"]+label+div .title { width:100%; font-size:13px;font-family: 'Noto Sans KR', sans-serif; font-weight:400; color:#fff; display:block; line-height:27px; text-align:center; background:#666;}
.wig-size input[id="wigsize"]+label+div li a{ width:100%;font-size:14px; font-family: Dotum, sans-serif; color:#666; display:block; line-height:26px; padding:4px 0; text-align:center; display:block; }
.wig-size input[id="wigsize"]+label+div li a:hover {background:#c0aaa0; color:#fff; }
.wig-size input[id="wigsize"]:checked+label+div{max-height:870px;}
.wig-size input[id="wigsize"]:checked+label span{ transform:rotate(180deg); font-size:15px;}
.wig-size input[id="wigsize"]+label span{ transform:rotate(0deg);transition: transform 0.2s;font-size:15px;}

.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;}

.shopbrand {width: 100%; }
.shopbrand p{font-size:18px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; width:100%; padding:30px 0; color:#191919; text-align:center; letter-spacing:-1px;}
   .swiper-container {width:100%; margin-left: auto; margin-right: auto; }
   .swiper-slide { background-size: cover; background-position: center;}
   .gallery-thumbs {width: 100%; box-sizing: border-box; padding-top:0px; margin:10px 0; text-align:center; font-family: 'Noto Sans KR', sans-serif;letter-spacing:-1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
   .gallery-thumbs .swiper-slide { width: 50%; color:#999; font-size:14px; padding:15px 0 15px;}
   .gallery-thumbs .swiper-slide-active { color:#191919; font-size:16px; border-bottom:2px solid #FF6666; padding-bottom:15px; font-weight:500;}
   .gallery-top {margin-top:20px;}
   .gallery-top .swiper-slide .tab_cont{ width:100%;display:inline-block; margin:0 auto; text-align:left;}
   .gallery-top .swiper-slide .tab_cont .tab_list {display:inline-block; width:49.2%; margin:10px 0; vertical-align:top;}
   .gallery-top .swiper-slide .tab_cont .tab_list .thumb{}
   .gallery-top .swiper-slide .tab_cont .tab_list .thumb img {width:100%;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-name { padding:7px 0 3px 3px;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-name a { font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:14px; display:block; color:#444; letter-spacing:0px; line-height:17px; text-overflow:ellipsis; word-wrap:normal; text-align:left;word-break:keep-all;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-subname { font-size:12px; padding:3px 0 10px 3px; color:#8b8b8b; text-align:left; line-height:18px; font-weight:300;word-break:keep-all;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-price { padding-left:3px; font-family:Verdana; text-align:left;  font-weight:500; font-size:17px; padding-top:0 !important;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-price .won{ padding-left:2px; font-family: 'Noto Sans KR', sans-serif; font-size:13px !important; font-weight:300; width:30px; display:inline-block; text-align:left;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-price strike { color:#999; font-size:14px; font-weight:300; display:block; padding-top:5px;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-price .price { color:#191919;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-price .sale { color:#FF6666; padding-right:5px;}
   .gallery-top .swiper-slide .tab_cont .tab_list .prd-ico img{padding-top:10px;}


/* BASIC css end */