/* BASIC css start */
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot {
	position: relative;
	width: 100%;
	min-width: 1280px;
	overflow: hidden;
}
#mainSpot .inner {
	width: 100%;
}
#mainSpot .spotSlider {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainSpot .spotSlider li {
	float: left;
	width: 100%;
}
#mainSpot .spotSlider li img {
	display: block;
	width: 100%;
}

/* bxSlider °¨½Î´Â ·¡ÆÛ ¼³Á¤ */
#mainSpot .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
}

/* ÇÏ´Ü Á¡(ÆäÀÌÀú) À§Ä¡ ¹× ½ºÅ¸ÀÏ */
#mainSpot .bx-controls {
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index: 10;
}
#mainSpot .bx-pager {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	height: 11px;
	text-align: center;
}
#mainSpot .bx-pager .bx-pager-item {
	display: inline-block;
	margin: 0 11px;
}
*:first-child+html #mainSpot .bx-pager .bx-pager-item {
	display: inline;
} /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a {
	width: 8px;
	height: 8px;
	background: #aeaaa5;
	display: inline-block;
	text-indent: 99999px;
	border-radius: 10px;
}
#mainSpot .bx-pager .bx-pager-item a.active {
	background: #955251;
}

/* À̹ÌÁö ¹è³Ê ¿µ¿ª */
.imgBanner {
	margin: 40px auto 0;
	position: relative;
	width: 1280px;
	overflow: hidden;
}

/* »ó´Ü °íÁ¤ À̹ÌÁö 2°³ °¡·Î Á¤·Ä ¿µ¿ª */
.imgBanner > ul:first-child {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	display: flex;
	justify-content: space-between;
}
.imgBanner > ul:first-child li {
	width: 49%;
	padding: 0;
	float: none;
}
.imgBanner > ul:first-child li img {
	width: 100%;
	display: block;
}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap {
	margin: 0 auto 20px;
	position: relative;
	width: 1280px;
}

/* °íÁ¤ À̹ÌÁö ¹è³Ê */
.fixedBnnr {
	position: relative;
	width: 100%;
	min-width: 1100px;
	height: 220px;
	background: url(/design/dinak/img/1903.jpg) center top fixed;
}
.fixedBnnr .inner {
	margin: 0 auto;
	position: relative;
	width: 1100px;
	text-align: center;
}
.fixedBnnr .inner .tx {
	padding-top: 100px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 16px;
}

/* ÇÏ´Ü »óÇ° ½½¶óÀÌ´õ (spotSlider2) */
.spotSlider2 {
	position: relative;
	height: 433px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.spotSlider2 li {
	float: left;
	padding: 0px 5px !important; /* ½½¶óÀÌµå ¾ÆÀÌÅÛ °£°Ý */
	height: 433px !important;
	box-sizing: border-box;
}
.spotSlider2 li div {
	text-align: center;
	margin-bottom: 8px;
}
.spotSlider2 li .img {
	margin-bottom: 10px;
}
.spotSlider2 li .img img {
	width: 100%;
	cursor: pointer;
}
.spotSlider2 li .name {
	color: #955251;
	padding: 0 15px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.spotSlider2 li .line {
	width: 22px;
	height: 1px;
	background: #955251;
	margin: 15px auto;
}
.spotSlider2 li .subname {
	color: #585959;
	font-weight: bold;
	cursor: pointer;
}
.spotSlider2 li .price {
	color: #955251;
	font-size: 14px;
	font-family: 'Latobold', sans-serif;
	cursor: pointer;
}
.spotSlider2 li .more {
	position: absolute;
	bottom: 15px;
	right: 15px;
	margin: 0px;
}

/* ½½¶óÀÌ´õ ºäÆ÷Æ® ¹× È­»ìÇ¥ ¹öÆ° ¼³Á¤ */
.imgBanner .bx-wrapper {
	position: relative;
	width: 100% !important;
	float: none;
	margin: 0 !important;
	border: none;
	box-shadow: none;
}
.imgBanner .bx-wrapper .bx-viewport {
	height: 433px !important;
}
.imgBanner .bx-wrapper .bx-controls-direction .bx-prev {
	width: 16px;
	height: 32px;
	text-indent: 9999px;
	position: absolute;
	top: 150px;
	left: 15px;
	background: url('http://dinak.img8.kr/natureskin/img/slide_prev.png') no-repeat;
	z-index: 10;
}
.imgBanner .bx-wrapper .bx-controls-direction .bx-next {
	width: 16px;
	height: 32px;
	text-indent: 9999px;
	position: absolute;
	top: 150px;
	right: 15px;
	background: url('http://dinak.img8.kr/natureskin/img/slide_next.png') no-repeat;
	z-index: 10;
}

.item-wrap .item-cont {
	width: 1295px;
}

/* °íÁ¤ À̹ÌÁö ¹è³Ê Áß¾Ó Á¤·Ä ½ºÅ¸ÀÏ */
.-banner {
	position: relative;
	width: 100%;
	text-align: center;
}
.-banner a {
	display: inline-block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.-banner img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
/* BASIC css end */