@charset "EUC-KR";

/* Icon settings */
.icon-container {
	width: 1.6em;
	height: 1.6em; 
}
.icon-container>div {
	width: 100%;
	height: 100%;
}

/* logo */
.icon.bottleshop-logo {
	background-image: url("../icon/bottleshop-logo.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.bottleshop-logo-black {
	background-image: url("../icon/bottleshop-logo-black.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.bottleshop-logo-white {
	background-image: url("../icon/bottleshop-logo-white.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* icons */
.icon.point-hand {
	mask-image: url("../icon/point-hand.svg");
	background-color: #fff;
 	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}
.icon.arrow-orange {
	mask-image: url("../icon/arrow-orange.svg");
	background-color: #fff;
 	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}
.icon.quote-default {
	mask-image: url("../icon/quote-default.svg");
	background-color: #D76421;
 	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}
.icon.arrow-right {
	mask-image: url("../icon/arrow-right.svg");
	background-color: #D76421;
 	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}



.icon.arrow-left-white {
	background-image: url("../icon/arrow-left-white.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-right-white {
	background-image: url("../icon/arrow-right-white.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-left-grey {
	background-image: url("../icon/arrow-left-grey.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-right-grey {
	background-image: url("../icon/arrow-right-grey.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-left-dark {
	background-image: url("../icon/arrow-left-dark.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-right-dark {
	background-image: url("../icon/arrow-right-dark.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-left-wine {
	background-image: url("../icon/arrow-left-wine.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-right-wine {
	background-image: url("../icon/arrow-right-wine.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.clock {
	background-image: url("../icon/clock.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.location-dot {
	background-image: url("../icon/location-dot.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.phone {
	background-image: url("../icon/phone.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.phone-white {
	background-image: url("../icon/phone-white.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.road {
	background-image: url("../icon/road.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-circle-right {
	background-image: url("../icon/arrow-circle-right.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.arrow-circle-left {
	background-image: url("../icon/arrow-circle-left.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.shop {
	background-image: url("../icon/shop.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.bag {
	background-image: url("../icon/bag.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.bag-wine {
	background-image: url("../icon/bag-wine.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* social */
.icon.naver {
	background-image: url("../icon/naver.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.google {
	background-image: url("../icon/google.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.facebook {
	background-image: url("../icon/facebook.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.instagram {
	background-image: url("../icon/instagram.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* profile */
.icon.profile1 {
	background-image: url("../icon/profile1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.profile2 {
	background-image: url("../icon/profile2.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.profile3 {
	background-image: url("../icon/profile3.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.profile4 {
	background-image: url("../icon/profile4.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.profile5 {
	background-image: url("../icon/profile5.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.profile6 {
	background-image: url("../icon/profile6.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.profile7 {
	background-image: url("../icon/profile7.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.profile8 {
	background-image: url("../icon/profile8.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.review-instagram-mockup {
	background-image: url("../icon/review-instagram-mockup.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.review-img {
	background-image: url("../icon/review-img.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}