.headroom--top nav ul>li>a {color:#333; font-size:16px;}
.headroom--top nav ul>li:last-child button {filter:initial;}
.headroom--top nav ul>li:last-child button img {width:auto;}
.header nav ul>li:last-child button {filter:invert(1) opacity(.7)}

.headroom--top .logo {filter:invert(1) opacity(.7);}




.making_list { padding-bottom:70px; margin-top:100px;}
.making_list .wid {max-width:1920px; margin:0 auto ; padding:0 60px;}
.making_list .wid:after {content:''; clear:both; display: table;}

.making_list .tab:after {content:''; clear:both; display: table;}
.making_list .tab {border-top:1px solid #555; border-bottom:1px solid #555; padding:9px 0; display:flex;}
.making_list .tab button {line-height:46px; border:none; position: relative; font-size:15px; color:#333; font-weight:500; border-radius:30px; background:none; flex:1;}
.making_list .tab button.on {background:#333; color:#fff;}


.making_list .box:after {content:''; clear:both; display: table;}
.making_list .box {margin-top:17px;}
.making_list .box .total {float:left; font-size:13px; color:#888; margin-top:9px;}

.making_list .search {float:right; margin-right:5px; height:35px; overflow: hidden;}
.making_list .search .ser_bt {border:none; background:none; position: relative; transition: .3s; z-index: 1; margin-top:7px;}
.making_list .search input[type="text"] {border:none; background:none; height:35px; padding:0; margin-left:-20px; font-size:14px; color:#333; padding-bottom:1px; transition: .3s; width:0;}
.making_list .search input[type="text"]::placeholder {color:#333;}
.making_list .search input[type="text"]:focus {outline: none;}
.making_list .search .ser_close {margin-left:-35px; width:35px; height:35px; border:none ;background:none; position: relative; top:-1px; opacity: .3; transition: .3s; display: none; float:right;}
.making_list .search .ser_close:hover {opacity: 1;}

.making_list .search.on input[type="text"] {width:340px;padding:0 35px 0 28px;}
.making_list .search.on .ser_close {display: inline-block;}
.making_list .search.on .ser_bt {margin-top:0;}


.making_list .list_box {margin-top:18px;}
.making_list .list_box:after {content:''; clear:both ;display: table;}
.making_list .list_box .list {float:left; width:calc((100% - 150px) / 6); margin:0 30px 40px 0; text-align:center; cursor: pointer;}
.making_list .list_box .list:nth-child(6n) {margin-right:0;}
.making_list .list_box .list:nth-child(6n + 1) {clear:both;}
.making_list .list_box .list .img {width:100%; padding-top:100%; position: relative}
.making_list .list_box .list .img .free {position: absolute; left:10px; top:-5px; width:45px;}
.making_list .list_box .list span {display: inline-block; width:100%; margin-top:15px; font-size:10px; color:#837C6D; letter-spacing: 1px; font-weight:400; text-transform: uppercase;}
.making_list .list_box .list p.tit {margin-top:5px; font-size:16px; color:#333;font-family: "Frank Ruhl Libre", serif; font-style:italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.making_list .list_box .list p.pay {margin-top:5px; color:#333; font-size:15px; font-family: "Frank Ruhl Libre", serif;}
.making_list .list_box .list p.pay em {font-size:14px; display: inline-block; margin-right:2px; font-family: "Gelasio", serif; font-style: initial;}
.making_list .list_box .list p.pay span { font-size:13px; color:#9f9f9f; display:inline-block ; font-weight:400; text-decoration: line-through; margin:0px 0 0 2px; display: inline-block; padding:0 2px; width:auto; letter-spacing: -.3px; position: relative; top:1px;}
.making_list .list_box .list p.pay b {font-weight:600; color:#837C6D;}
.making_list .list_box .list p.pay span em {font-size:12px; margin-right:1px;}

.making_list .list_box .list .tag_box {margin-top:10px;}
.making_list .list_box .list .tag_box img {width:18px; margin:0 2px;}


.making_list .more {font-size:13px; color:#333; border:none; border-bottom:1px solid #333; letter-spacing: 3px; background:none; font-weight:600; padding-bottom:2px; display: block; margin:20px auto 0 auto;}

footer .wid {max-width:1920px; padding:0 60px;}
footer .sns {right:60px;}

@media screen and (max-width:1600px) {
	.making_list .list_box .list {float:left; width:calc((100% - 120px) / 5); }
	.making_list .list_box .list:nth-child(6n) {margin-right:30px;}
	.making_list .list_box .list:nth-child(5n) {margin-right:0;}.making_list .list_box .list:nth-child(6n + 1) {clear:initial;}.making_list .list_box .list:nth-child(5n + 1) {clear:both;}
}

@media screen and (max-width:1200px) {
	.making_list {margin-top:60px;}
	.making_list .wid {padding:0 25px;}
	.making_list .tab {padding:7px 0;}
	.making_list .tab button {line-height:40px; font-size:14px;}
	.making_list .tab {display: flex; overflow-x:scroll; padding:5px 0;}
	.making_list .tab::-webkit-scrollbar {display: none;}
	.making_list .tab button {flex:0 0 auto; width:auto; line-height:35px; margin-right:25px;}
	.making_list .tab button.on {paddinG:0 20px;}

	.making_list .list_box .list {float:left; width:calc((100% - 60px) / 4); margin:0 20px 30px 0;}
	.making_list .list_box .list:nth-child(6n) {margin-right:20px;}
	.making_list .list_box .list:nth-child(5n) {margin-right:20px;}
	.making_list .list_box .list:nth-child(4n) {margin-right:0;}
	.making_list .list_box .list:nth-child(5n + 1) {clear:initial;}
	.making_list .list_box .list:nth-child(4n + 1) {clear:both;}

	footer .wid {padding:0 25px;}
	footer .sns {right:25px;}
}

@media screen and (max-width:1023px) {
	.making_list {margin-top:50px;}
	.making_list .list_box .list {float:left; width:calc((100% - 40px) / 3); margin:0 20px 30px 0;}
	.making_list .list_box .list:nth-child(4n) {margin-right:20px;}
	.making_list .list_box .list:nth-child(3n) {margin-right:0;}
	.making_list .list_box .list:nth-child(4n + 1) {clear:initial;}
	.making_list .list_box .list:nth-child(3n + 1) {clear:both;}
}

@media screen and (max-width:767px) {
	.making_list .list_box .list {float:left; width:calc((100% - 15px) / 2); margin:0 15px 25px 0;}

	.making_list .list_box {margin-top:8px;}
	.making_list .list_box .list:nth-child(5n) {margin-right:15px;}
	.making_list .list_box .list:nth-child(3n) {margin-right:15px;}
	.making_list .list_box .list:nth-child(2n) {margin-right:0px;}
	.making_list .list_box .list:nth-child(3n + 1) {clear:initial;}
	.making_list .list_box .list:nth-child(2n + 1) {clear:both;}

	.making_list .list_box .list span {margin-top:10px;}
	.making_list .list_box .list p.tit {margin-top:4px; font-size:15px; }
	.making_list .list_box .list p.pay {margin-top:4px; font-size:14px;}
	.making_list .list_box .list p.pay em {font-size:13px;}

	.making_list .box {margin-top:8px;}
	.making_list .box .total {font-size:12px; margin-top:11px;}
	.making_list .search.on {margin:0; width:auto;}
	.making_list .search.on button {float:left;}
	.making_list .search.on button.ser_bt {margin-top:9px;} 
	.making_list .search.on button.ser_bt img {width:17px}
	.making_list .search.on input[type="text"] {width:calc(100vw - 160px); float:left; border:none; font-size:13PX; PADDING:0 35px 0 26px;}
	footer .sns {right:0px;}
}