.container {margin-top: 50px;}
.move-top button {right: 0;width: 30px;height: 30px;background: url(/Upload/shoemarker/sample/top.png) no-repeat;margin: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: 30px;}



.filterTab{position: fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,0.7); z-index: 999;}
/*.tab-wrap{ display:block; width:80%; background:#FFFFFF; margin:22% 10% auto; overflow:hidden; padding:6% 6% 0 6%;}*/
.tab-wrap{ display:block; width:80%; background:#FFFFFF; margin:29% 10% auto; overflow:hidden; padding:6% 6% 0 6%;}
.tab-wrap .text-top {display: flex; border-bottom: 1px solid #EEEEEE; justify-content:space-between; background-color: #fff; padding-bottom: 6%;}
.tab-wrap .text-top span {font-size: 1.5em;}
.tab-wrap .btn-hide-pop {background:url("/upload/shoemarker/sample/searchClose.png")no-repeat; background-size: 100%; width: 19px; height: 19px; text-indent:-999999px; }
.filter_contents {width: 100%; padding-top:8%;}
.filter_contents p {font-size: 1.4em; font-weight: 500; margin-bottom: 4%; }
					
.pop-size1 .filter-con input + label span {font-size: 1.3em; font-weight: 400; padding:5px 7px; margin:0 3% 2% 0; color:#9D9D9D; display:inline-block; border:1px solid #fff; }
.pop-size1 .filter-con input:checked + label span {font-weight: 400; color: #1367b1; border:1px solid #1367b1; }
				
.pop-weight .filter-con input + label span {font-size: 1.3em; font-weight: 400; padding:0 6% 5% 0; color:#9D9D9D; display:inline-flex; }
.pop-weight .filter-con input:checked + label span {font-weight: 700; color: #0BB2B2; }

.filter_contents .filter-area {padding-bottom: 4%; border-bottom:1px solid #EEEEEE; margin-bottom:10%; }
.filter_contents .filter-area:nth-of-type(3){border-bottom: none;}
.filter_contents .pop-color {padding-bottom: 7%;}
.filter_contents .pop-color input + label {display: inline-block; width:10%; margin: 1%;     background-size: 150% !important;background-position: center;border-radius:50%;}
.filter_contents .pop-color input + label:before{padding-top:0%; aspect-ratio:1/1; /*height:5.8vw;*/}
.filter_contents .pop-color input:checked:nth-child(17) + label:before {background-image:url("/images/ico/m_color_rainbow.jpg");}
.filterTab .btns {display: flex; justify-content: space-between; width:80%; margin: 0 auto;}
.filterTab .btns>button { width:50%; }
.filterTab .ty-green {border-color : #1367b1; color:#fff; background:#1367b1; }
.filterTab .button {height: 50px;}
.filter-con .active{font-weight: 700; color: #0BB2B2;}


.pop-color input + label {background-size: cover !important;}
.pop-color input + label:before{content: ""; display: block; padding-top: 100%; border:1.5px solid #dfdfdf; border-radius: 100%;background: none !important;}
.pop-color input:checked + label:before{background: none !important;border: 1.5px solid #1367b1; background-size: 15px}
.pop-color input:nth-child(1) + label:before{background: none !important;}
.pop-color input:nth-child(3) + label:before{background: none !important;}
.pop-color input:nth-child(5) + label:before{background: none !important;}
.pop-color input:nth-child(7) + label:before{background: none !important;}
.pop-color input:nth-child(9) + label:before{background: none !important;}
.pop-color input:nth-child(11) + label:before{background: none !important;}
.pop-color input:nth-child(13) + label:before{background: none !important;}
.pop-color input:nth-child(15) + label:before{background: none !important;}
.pop-color input:nth-child(17) + label:before{background: none !important;}
.pop-color input:checked:nth-child(17) + label:before{background: none !important;}




@media(min-width:602px) {
	.filterTab {position: fixed;top: 0;left:initial;width: 600px;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 90;}
	.tab-wrap{ margin:39% 10% auto;}

	.move-top {display:flex;justify-content:right;padding-right:0;box-sizing:border-box;}
	.move-top button {right: initial !important;width: 30px;height: 30px;background: url(/Upload/shoemarker/sample/top.png) no-repeat;margin: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: 30px;}
	.move-bottom {display:flex;justify-content:right;padding-right:0;box-sizing:border-box;}
	.move-bottom button {right: initial !important;width: 30px;height: 30px;background: url(/Upload/shoemarker/sample/top.png) no-repeat;margin: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: 30px;}
}