/* -------------------------------- 

Main Components 

-------------------------------- */

.cd-gallery {
	margin: 0 auto;
	padding: 0;
}
.cd-gallery::after {
	clear: both;
	content: "";
	display: table;
}
.cd-gallery > li {
	display: inline-block;
	position: relative;
	float: left;
	padding: 0;
	width: 50%;
	overflow: hidden;
	background: transparent;
	border: 0px solid #e9e9e9;
/* 	border-radius: .25em; */
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.cd-gallery > li:hover {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.cd-gallery > li > a {
	display: block;
}

@media (min-width: 992px) {
	.cd-gallery {
		margin: 0 -15px;
	}
	.cd-gallery > li {
		margin: 0;
		padding: 0 15px;
		width: 33.3333%;
	}
	.event-list .cd-gallery > li {
		width: 30.476%;
	}
}
@media only screen and (min-width: 1048px) {
	.no-touch .cd-gallery > li:hover .cd-dots li.selected a {
		/* Slider dots - change background-color of the selected dot when hover over the its parent list item */
		/* background: #2f2933; */
		/* border-color: #2f2933; */
	}
	.no-touch .cd-gallery > li:hover .cd-dots a {
		/* Slider dots - change dot border-color when hover over the its parent list item */
		/* border-color: #9688a0; */
	}
	.no-touch .cd-gallery > li:hover li.move-right, .no-touch .cd-gallery > li:hover li.move-left {
		/* show preview items when hover over the its parent list item */
		/* opacity: 0.3; */
	}
}
@media (min-width: 1200px) {
	.cd-gallery {
		margin: 0 -15px;
	}
	.cd-gallery > li {
		padding: 0 15px;
		width: 25%;
	}
	.event-list .cd-gallery > li {
		margin: 0 15px 20px;
		width: 22.06%;
	}
}
@media (min-width: 1300px) {
	.cd-gallery > li {
		width: 16.66666667%;
	}
}

@media (max-width: 991px) {
	.cd-gallery {display: block !important;}
	.cd-gallery.full-mobile {display: none !important;}
	.cd-gallery > li:nth-child(odd) {
		padding-right: 7.5px !important;
		padding-left: 0 !important;
	}
	.cd-gallery > li:nth-child(even) {
		padding-right: 0 !important;
		padding-left: 7.5px !important;
	}
}



.cd-gallery2 {
	margin: 0 auto;
	padding: 0;
}
.cd-gallery2::after {
	clear: both;
	content: "";
	display: table;
}
.cd-gallery2 > li {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 2em;
	border-radius: .25em;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
			box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
	background: #fff;
	border: 1px solid #e9e9e9;
}
.cd-gallery2 > li > a {
	display: block;
}
@media only screen and (min-width: 1110px) {
	.cd-gallery2 {
		margin: 0 auto;
	}
	.cd-gallery2 > li {
		width: 32%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2.5em;
	}
	.cd-gallery2 > li:nth-of-type(3n) {
		margin-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 1110px) {
	.cd-gallery2 {
		margin: 0 auto;
	}
	.cd-gallery2 > li {
		width: 48%;
		float: left;
		margin-right: 4%;
		margin-bottom: 2.5em;
	}
	.cd-gallery2 > li:nth-of-type(2n) {
		margin-right: 0;
	}
}
@media only screen and (min-width: 1048px) {
	.cd-gallery2 {
		margin: 0 auto;
	}
	.no-touch .cd-gallery2 > li:hover .cd-dots li.selected a {
		/* Slider dots - change background-color of the selected dot when hover over the its parent list item */
		background: #2f2933;
		border-color: #2f2933;
	}
	.no-touch .cd-gallery2 > li:hover .cd-dots a {
		/* Slider dots - change dot border-color when hover over the its parent list item */
		border-color: #9688a0;
	}
	.no-touch .cd-gallery2 > li:hover li.move-right, .no-touch .cd-gallery2 > li:hover li.move-left {
		/* show preview items when hover over the its parent list item */
		opacity: 0.3;
	}
}



.cd-item-wrapper {
	position: relative;
	margin: 15px 0 0;
	padding: 0;
	height: 457px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #eaeced;
}
.event-list .cd-item-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	height: 225px;
	overflow: hidden;
	background-color: #f8fafd;
	border: 0px solid #eaeced;
}
.cd-item-wrapper,
.main-best ul li > a p,
.event-list .cd-item-wrapper {padding: 0 !important;}

.cd-item-wrapper label {
	position: absolute;
	top: 2px;
	left: 3px;
	z-index: 9;
}

.cd-item-wrapper li {
	position: absolute;
	top: 0;
	float: left;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	list-style-type: none;
	opacity: 0;
	/* Force Hardware Acceleration */
/* 	-webkit-transform: translateZ(0); */
/* 	   -moz-transform: translateZ(0); */
/* 		-ms-transform: translateZ(0); */
/* 		 -o-transform: translateZ(0); */
/* 			transform: translateZ(0); */
/* 	-webkit-backface-visibility: hidden; */
/* 			backface-visibility: hidden; */
/* 	will-change: transform, opacity; */
/* 	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s; */
/* 	   -moz-transition: -moz-transform 0.4s, opacity 0.4s; */
/* 			transition: transform 0.4s, opacity 0.4s; */
}
.cd-item-wrapper li.selected {
	/* selected item */
	position: relative;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
}

.cd-item-wrapper li.adult {
	background-color: #f8fafd;
}

.cd-item-wrapper li.adult img {
	position: relative;
	top: 24%;
	padding: 0 18px;
	width: auto;
	height: auto;
	background-color: transparent;
}

#index .cd-item-wrapper li.adult img {
	padding: 0;
}

.cd-item-wrapper li.move-left {
	/* item on left - preview visible */
	-webkit-transform: translateX(-100%) scale(0.7);
	   -moz-transform: translateX(-100%) scale(0.7);
		-ms-transform: translateX(-100%) scale(0.7);
		 -o-transform: translateX(-100%) scale(0.7);
			transform: translateX(-100%) scale(0.7);
	opacity: 0.3;
}
.cd-item-wrapper li.move-right {
	/* item on right - preview visible */
	-webkit-transform: translateX(100%) scale(0.7);
	   -moz-transform: translateX(100%) scale(0.7);
		-ms-transform: translateX(100%) scale(0.7);
		 -o-transform: translateX(100%) scale(0.7);
			transform: translateX(100%) scale(0.7);
	opacity: 0.3;
}
.cd-item-wrapper li img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
/* 	height: 100%; */
	background-color: #f8fafd;
}
.cd-item-wrapper li.reject img {
	background-color: transparent;
}
.cd-item-wrapper > i.number {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 5px;
	min-width: 28px;
	font-style: normal;
	font-family: 'NotosansR';
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #005bac;
}

@media (min-width: 768px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 499px;}
	.cd-item-wrapper label {
		top: 2px;
		left: 3px;
	}
}
@media (min-width: 992px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 291px;}
}
@media only screen and (min-width: 1048px) {
	.cd-item-wrapper li.move-left,
	.cd-item-wrapper li.move-right {
		/* hide preview items */
		opacity: 0;
	}
	.cd-item-wrapper li.focus-on-left {
		/* class added to the .selected and .move-right items when user hovers over the .move-left item (item preview on the left) */
		-webkit-transform: translateX(3%) scale(1.25);
		   -moz-transform: translateX(3%) scale(1.25);
			-ms-transform: translateX(3%) scale(1.25);
			 -o-transform: translateX(3%) scale(1.25);
				transform: translateX(3%) scale(1.25);
	}
	.cd-item-wrapper li.focus-on-left.move-right {
		-webkit-transform: translateX(103%) scale(0.7);
		   -moz-transform: translateX(103%) scale(0.7);
			-ms-transform: translateX(103%) scale(0.7);
			 -o-transform: translateX(103%) scale(0.7);
				transform: translateX(103%) scale(0.7);
	}
	.cd-item-wrapper li.focus-on-right {
		/* class added to the .selected and .move-left items when user hovers over the .move-right item (item preview on the right) */
		-webkit-transform: translateX(-3%) scale(1.25);
		   -moz-transform: translateX(-3%) scale(1.25);
			-ms-transform: translateX(-3%) scale(1.25);
			 -o-transform: translateX(-3%) scale(1.25);
				transform: translateX(-3%) scale(1.25);
	}
	.cd-item-wrapper li.focus-on-right.move-left {
		-webkit-transform: translateX(-103%) scale(0.7);
		   -moz-transform: translateX(-103%) scale(0.7);
			-ms-transform: translateX(-103%) scale(0.7);
			 -o-transform: translateX(-103%) scale(0.7);
				transform: translateX(-103%) scale(0.7);
	}
	.cd-item-wrapper li.hover {
		/* class added to the preview items (.move-left or .move-right) when user hovers over them */
		opacity: 1 !important;
	}
	.cd-item-wrapper li.hover.move-left {
		-webkit-transform: translateX(-97%) scale(0.75);
		   -moz-transform: translateX(-97%) scale(0.75);
			-ms-transform: translateX(-97%) scale(0.75);
			 -o-transform: translateX(-97%) scale(0.75);
				transform: translateX(-97%) scale(0.75);
	}
	.cd-item-wrapper li.hover.move-right {
		-webkit-transform: translateX(97%) scale(0.75);
		   -moz-transform: translateX(97%) scale(0.75);
			-ms-transform: translateX(97%) scale(0.75);
			 -o-transform: translateX(97%) scale(0.75);
				transform: translateX(97%) scale(0.75);
	}
}
@media (min-width: 1200px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 279px;}
}
@media (min-width: 1300px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 197px;}
	.cd-item-wrapper label {
		top: 4px;
		left: 5px;
	}
}

@media (max-width: 991px) {
	.cd-gallery {display: block !important;}
	.cd-item-wrapper {margin: 0;}
	.cd-item-wrapper li.adult img {top: 38%;}
}
@media (max-width: 767px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 403px;}
}
@media (max-width: 640px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 312px;}
	.cd-item-wrapper li.adult img {top: 32%;}
}
@media (max-width: 500px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 298px;}
	.cd-item-wrapper li.adult img {top: 24%;}
	.cd-item-wrapper > i.number {
		padding: 5px 8px;
		min-width: 34px;
		font-size: 18px;
	}
}
@media (max-width: 414px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 260px;}
	.cd-item-wrapper label {
		top: 5px;
		left: 5px;
	}
}
@media (max-width: 385px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 240px;}
}
@media (max-width: 375px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 233px;}
}
@media (max-width: 360px) {
	.cd-item-wrapper,
	.main-best ul li > a p {height: 220px;}
}
@media (max-width: 1920px) {
	.cd-item-wrapper li img {width: 100%;}
}



.cd-dots {
	/* not visible in the html document - created using jQuery */
	margin-left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
}
.cd-dots::after {
	clear: both;
	content: "";
	display: table;
}
.cd-dots li {
	display: inline-block;
	float: left;
	margin: 0 5px;
	pointer-events: none;
}
.cd-dots li.selected a {
	background: #2f2933;
	border-color: #2f2933;
}
.cd-dots a {
	display: block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	border: 1px solid #9688a0;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	-webkit-transition: border-color 0.2s, background-color 0.2s;
	   -moz-transition: border-color 0.2s, background-color 0.2s;
			transition: border-color 0.2s, background-color 0.2s;
}
@media only screen and (min-width: 1048px) {
	.cd-dots li {
		pointer-events: auto;
	}
	.cd-dots li.selected a {
		background: #cccccc;
		border-color: #cccccc;
	}
	.cd-dots a {
		height: 8px;
		width: 8px;
		border-color: #cccccc;
		/* fix a bug in IE9/10 - transparent anchor not clickable */
		background-color: rgba(255, 255, 255, 0);
	}
}

.cd-item-info {
	padding: 15px 0;
	border-bottom: 0px solid #f1f1f1;
	font-size: 15px;
	background-color: #fff;
	cursor: pointer;
}
.event-list .cd-item-info {
	padding: 17px 14px 11px;
	border-bottom: 0px solid #f1f1f1;
	font-size: 15px;
	background-color: #fff;
	cursor: pointer;
}
.cd-item-info::after {
	clear: both;
	content: "";
	display: table;
}
.cd-item-info > b,
.cd-item-info .cd-price,
.cd-item-info .cd-new-price {
	font-family: 'NotosansB';
	font-size: 20px;
}
.cd-item-info > b,
.cd-item-info .cd-item-title {
	display: block;
	float: left;
	width: 100%;
	height: 38px;
	font-family: 'NotosansR';
	font-size: 14px;
	font-weight: normal;
	line-height: 1.51rem;
/* 	white-space: nowrap; */
	color: #333;
	text-align: left;
/* 	text-overflow: ellipsis; */
	overflow: hidden;
}
.cd-gallery > li > a:hover .cd-item-info > b,
.cd-gallery > li > a:hover .cd-item-info .cd-item-title {
	text-decoration: underline;
}
.cd-item-info > b i.number,
.cd-item-info .cd-item-title i.number {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	height: auto;
	font-style: normal;
	font-family: 'NanumSquareRoundEB';
	font-size: 22px;
	color: #005bac;
	background-color: transparent;
	border-radius: 0;
	opacity: 1;
}
.cd-item-info > span,
.cd-item-info .cd-item-info-txt {
	float: left;
	margin-top: 5px;
	height: 32px;
	font-size: 13px;
	line-height: 1.28rem;
	color: #999;
	text-align: left;
	overflow: hidden;
}

.cd-item-info .cd-item-info-txt {
	width: 100%;
}

.cd-item-info .cd-item-info-txt a {
	color: #999;
}

.cd-item-info .cd-item-info-txt a:hover {
	text-decoration: underline;
}

.cd-item-info > span b,
.cd-item-info .cd-item-info-txt b {
	font-family: 'NotosansR';
	cursor: pointer;
}

.gallery-md .cd-item-info a {
	min-height: 42px;
	max-height: 42px;
}

.cd-item-info > b a ,
.cd-item-info .cd-item-title a {
	color: #333;
	display: block;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 14px;
	line-height: 1.51rem;
	color: #121212;
	/*text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/
}
.cd-gallery > li:hover .cd-item-info > b a,
.cd-gallery > li:hover .cd-item-info .cd-item-title a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: rgba(18, 18, 18, .8);
}

.cd-gallery > li:hover .cd-item-title,
.cd-item-container:hover .cd-item-title,
.sub-best .cd-item:hover .cd-item-title {
	text-decoration: underline;
}

.cd-item-info .cd-price {
	float: left;
	margin: 5px 0 5px;
	width: 100%;
	height: 20px;
	font-family: 'NotosansB';
	font-style: normal;
	font-size: 15px;
/* 	line-height: 2.66rem; */
	color: #333;
	text-align: left;
}
.cd-item-info .cd-price::after {
	/* crossing line - visible if price is on sale */
	content: '';
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
	left: 0;
	height: 2px;
	width: 0%;
	background-color: #22BAA0;
	opacity: 0;
	-webkit-transition: width 0.2s 0s, opacity 0s 0.2s;
	   -moz-transition: width 0.2s 0s, opacity 0s 0.2s;
	transition: width 0.2s 0s, opacity 0s 0.2s;
}

.cd-item-info .cd-price.on-sale::after {
	opacity: 1;
	width: 100%;
	-webkit-transition: width 0.2s 0s, opacity 0s 0s;
	   -moz-transition: width 0.2s 0s, opacity 0s 0s;
			transition: width 0.2s 0s, opacity 0s 0s;
}
.cd-item-info .cd-new-price {
	/* new price - visible if price is on sale */
	color: #F25656;
	opacity: 0;
	-webkit-transform: translateX(5px);
	   -moz-transform: translateX(5px);
		-ms-transform: translateX(5px);
		 -o-transform: translateX(5px);
			transform: translateX(5px);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	   -moz-transition: -moz-transform 0.2s, opacity 0.2s;
			transition: transform 0.2s, opacity 0.2s;
}
.cd-item-info .cd-new-price.is-visible {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
		-ms-transform: translateX(0);
		 -o-transform: translateX(0);
			transform: translateX(0);
	opacity: 1;
}

.cd-item-info .cd-price b {
	display: inline;
	float: none;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -0.04em;
	word-spacing: 0.04em;
	color: #555;
	text-align: center;
	text-decoration: line-through;
}
.cd-item-info .cd-price span {
	font-family: 'NotosansM';
	font-weight: normal;
}
.cd-item-info .cd-price .won {
	margin-right: 5px;
	font-family: 'NotosansR';
	text-decoration: none;
}

@media (max-width: 991px) {
	.cd-item-info {padding-bottom: 10px;}
}
@media (max-width: 640px) {
	.cd-item-info > b {height: 43px;}
	.cd-item-info > span {margin-top: -3px;}
}
@media (max-width: 569px) {
	.cd-item-info > b a {
		line-height: 17px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		overflow: hidden;
	}
}
@media (max-width: 500px) {
	.cd-item-info > b {
		height: 41px;
		font-size: 17px;
		line-height: 1.65rem;
	}
	.cd-item-info > span {
		margin-top: -1px;
		height: 27px;
		font-size: 14px;
		line-height: 2.26rem;
	}
	.cd-item-info .cd-price {
		margin: -2px 0 2px;
		/*height: 38px;*/
		font-size: 17px;
		/*line-height: 3.17rem;*/
	}
	.cd-item-info .cd-price b {font-size: 17px;}
}
@media (max-width: 414px) {
	.cd-item-info > b {font-size: 15px !important;}
	.cd-item-info > span {font-size: 14px !important;}
	.cd-item-info .cd-price,
	.cd-item-info .cd-price b {font-size: 15px !important;}
}
@media (max-width: 375px) {
	.cd-item-info > b {font-size: 14px !important;}
	.cd-item-info > span {font-size: 13px !important;}
	.cd-item-info .cd-price,
	.cd-item-info .cd-price b {font-size: 14px !important;}
}

.no-js .move-right,
.no-js .move-left {
	display: none;
}



/* -------------------------------- 

xcredits 

-------------------------------- */

.credits {
	width: 90%;
	margin: 2em auto;
	text-align: center;
}
.no-touch .credits a:hover {
	text-decoration: underline;
}

.swiper-view .swiper-slide .cd-item-details a {
	top: 34.2%;
}
.categoryRight .swiper-view .swiper-slide .cd-item-details a {
	top: 31.4%;
}

@media (max-width: 991px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 71.5% !important;
	}
}
@media (max-width: 767px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 66.5% !important;
	}
}
@media (max-width: 640px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 60.2% !important;
	}
}
@media (max-width: 500px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 58% !important;
	}
}
@media (max-width: 499px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 54.4% !important;
	}
}
@media (max-width: 385px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 52.1% !important;
	}
}
@media (max-width: 375px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 51% !important;
	}
}
@media (max-width: 360px) {
	.swiper-view .swiper-slide .cd-item-details a {
		top: 48.9% !important;
	}
}

.cd-item-details {
	margin: 0;
}
.cd-item-details a {
	display: none;
	position: absolute;
	top: 31.4%;
	left: 50%;
	z-index: 9;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	font-style: normal;
	font-family: 'NanumGothic';
	font-size: 20px;
	font-weight: bold;
	line-height: 2rem;
	color: #005bac;
	background-color: #fff;
	border-radius: 100%;
	cursor: pointer;
	opacity: .8;
	transition: all 0.5s;
	-webkit-box-shadow: 0 0 0 0 rgba(105, 125, 155, 0.15);
	   -moz-box-shadow: 0 0 0 0 rgba(105, 125, 155, 0.15);
			box-shadow: 0 0 0 0 rgba(105, 125, 155, 0.15);
	
}
.cd-item-details a:hover {
	color: #22BAA0;
	opacity: 1;
	-webkit-box-shadow: 0 3px 10px 0 rgba(35, 37, 40, 0.45);
	   -moz-box-shadow: 0 3px 10px 0 rgba(35, 37, 40, 0.45);
			box-shadow: 0 4px 10px 0 rgba(35, 37, 40, 0.45);
	
}
.cd-item-details a i {
	margin-right: 5px;
}


.cd-gallery .cd-item-details {
	margin: 0;
}
.cd-gallery .cd-item-details a {
	display: none;
	position: absolute;
	top: 33.1%;
	left: 50%;
	z-index: 999;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	font-style: normal;
	font-family: 'NanumGothic';
	font-size: 20px;
	font-weight: bold;
	color: #005bac;
	background-color: #fff;
	border-radius: 100%;
	opacity: .8;
	transition: all 0.5s;
	-webkit-box-shadow: 0 0 0 0 rgba(105, 125, 155, 0.15);
	   -moz-box-shadow: 0 0 0 0 rgba(105, 125, 155, 0.15);
			box-shadow: 0 0 0 0 rgba(105, 125, 155, 0.15);
	cursor: pointer;
}
.cd-gallery .cd-item-details a:hover {
	opacity: 1;
	-webkit-box-shadow: 0 3px 10px 0 rgba(35, 37, 40, 0.45);
	   -moz-box-shadow: 0 3px 10px 0 rgba(35, 37, 40, 0.45);
			box-shadow: 0 4px 10px 0 rgba(35, 37, 40, 0.45);
}
.cd-gallery li:hover .cd-item-details a {display: block;}
.cd-gallery .cd-item-details a.cart {margin-left: -54px;}
.cd-gallery .cd-item-details a.wish {margin-left: 4px;}

@media (max-width: 991px) {
	.cd-item-details {/* display: none; */}
	.cd-item-details a,
	.cd-gallery .cd-item-details a {
		display: block;
		top: 450px;
		margin: 0 !important;
		width: 40px;
		height: 40px;
		/* background-color: transparent; */
		opacity: 1;
	}
	.cd-item-details a.cart {
		    right: 49px;
    		left: auto;
	}
	.cd-item-details a.wish {
		right: 5px;
		left: auto !important;
	}
	.cd-gallery > li:nth-child(odd) .cd-item-details a.cart,
	.main-best ul li:nth-child(odd) .cd-item-details a.cart {	
		right: 57px;
		left: auto !important;
	}
	.cd-gallery > li:nth-child(odd) .cd-item-details a.wish,
	.main-best ul li:nth-child(odd) .cd-item-details a.wish {right: 13px;}
	.cd-gallery > li:nth-child(even) .cd-item-details a.cart {
		right: 49px;
    	left: auto;
	}
	.cd-item-details a img {width: 100%;}
}
@media (max-width: 767px) {
	.cd-item-details a,
	.cd-gallery .cd-item-details a {top: 358px;}
}
@media (max-width: 640px) {
	.cd-item-details a,
	.cd-gallery .cd-item-details a {top: 267px;}
}
@media (max-width: 500px) {
	.cd-item-details a,
	.cd-gallery .cd-item-details a {top: 250px;}
}
@media (max-width: 499px) {
	.cd-item-details a,
	.cd-gallery .cd-item-details a,
	.sub-best .cd-item-details a,
	.main-new .cd-item-details a,
	.main-pick .cd-item-details a,
	.main-pick .cd-gallery .cd-item-details a {
		top: 215px;
	}
}
@media (max-width: 385px) {
	.cd-item-details a,
	.cd-gallery .cd-item-details a,
	.sub-best .cd-item-details a,
	.main-new .cd-item-details a,
	.main-pick .cd-item-details a,
	.main-pick .cd-gallery .cd-item-details a {
		top: 195px;
	}
}
@media (max-width: 375px) {
	.cd-item-details a,
	.cd-gallery .cd-item-details a,
	.sub-best .cd-item-details a,
	.main-new .cd-item-details a,
	.main-pick .cd-item-details a,
	.main-pick .cd-gallery .cd-item-details a {
		top: 188px;
	}
}
@media (max-width: 360px) {
	.cd-item-details a,
	.cd-gallery .cd-item-details a,
	.sub-best .cd-item-details a,
	.main-new .cd-item-details a,
	.main-pick .cd-item-details a,
	.main-pick .cd-gallery .cd-item-details a {
		top: 175px;
	}
}
@media (max-width: 350px) {
	.sub-best .cd-item-details a,
	.main-new .cd-item-details a,
	.main-pick .cd-item-details a,
	.main-pick .cd-gallery .cd-item-details a {
		top: 175px;
	}
}




/* Promotion Cd Gallery*/

.tab-content .event-list {display: none;}
.tab-content .event-list.active {display: block;}
.tab-content a {color: #333;}
.event-list .cd-gallery {/* margin: 40px 0 0; */}
.event-list .cd-gallery > li {
	margin: 0;
	padding: 0 10px;
	width: 50%;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.event-list .cd-gallery > li:hover {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.event-list .cd-item-wrapper {
	padding: 0 !important;
	height: 160px;
}
.event-list .cd-soldout {left: 0;}
.event-list .cd-soldout span {
	position: absolute;
	background: #1090fd;
}
.event-list .cd-soldout span.soldout {
	background-color: #555;
}
.event-list .cd-item-wrapper li img {
	width: 100%;
	height: auto;
	min-height: 100%;
}
.event-list .cd-item-info {
	padding: 18px 0 30px;
	background: transparent;
}
.event-list .cd-item-info > b {
	height: 52px;
	line-height: 2.16rem;
}
.event-list .cd-item-info > b a {
	font-size: 18px;
	line-height: 2.16rem !important;
}
.event-list > span {
	margin: 6px 0 4px;
	font-size: 15px;
	line-height: 1.83rem;
}

@media (min-width: 768px) {
	.event-list .cd-item-wrapper {
		padding: 0 !important;
		height: 200px;
	}
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	.event-list .cd-item-wrapper {height: 270px;}
}

@media (max-width: 639px) {
	.event-list .cd-item-wrapper {height: 200px !important;}
	.event-list .cd-item-info > b a {
		min-height: 52px !important;
		max-height: 52px !important;
	}
}
@media (max-width: 500px) {
	.event-list .cd-gallery {margin-top: 10px;}
	.event-list .cd-item-wrapper {height: 130px !important;}
}
@media (max-width: 414px) {
	.event-list .cd-item-wrapper {height: 110px !important;}
	.event-list .cd-item-info {padding-bottom: 15px;}
	.event-list .cd-item-info > b {height: 36px;}
	.event-list .cd-item-info > b a {
		font-size: 16px;
		line-height: 1.5rem !important;
	}
	.event-list .cd-soldout span {
		padding: 3px 5px 4px;
		font-size: 12px;
	}
}
@media (max-width: 375px) {
	.event-list .cd-item-wrapper {height: 95px !important;}
	.event-list .cd-item-info > b a {font-size: 14px;}
}
@media (max-width: 360px) {
	.event-list .cd-item-wrapper {height: 90px !important;}
}



/* Promotion Grid Gallery */

.grid-gallery {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.grid-wrap {
	width: 100%;
	margin: 0 auto;
}
.grid {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.grid li {
	float: left;
	margin-bottom: 15px;
	padding: 0;
	width: 50%;
	cursor: pointer;
}
.grid-gallery figure {margin: 0;}
.grid figure a {
	position: relative;
	float: left;
	width: 100%;
	color: #333 !important;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.17);
	   -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.17);
			box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.17);
}
.grid figure a:hover {
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075) !important;
	   -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075) !important;
			box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075) !important;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}
.grid-gallery figure label {
	position: absolute;
	top: 3px;
	left: 4px;
	z-index: 9;
}
.grid-gallery figure p {
	position: relative;
	margin: 0;
	padding: 0;
	height: 238px;
	overflow: hidden;
	background-color: #f8fafd;
	border: 0px solid #eaeced;
}
.grid-gallery figure p img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	height: 100%;
	background-color: #fff;
}
.grid figcaption {
	float: left;
	padding: 17px 14px 13px;
	width: 100%;
	background: #fff;
}
.grid figcaption h5 {
	display: block;
	margin: 0;
	width: 100%;
	height: 36.22px;
	font-family: 'NotosansM';
	font-size: 14px;
	line-height: 1.51rem;
/* 	white-space: nowrap; */
	color: #121212;
/* 	text-overflow: ellipsis; */
	overflow: hidden;
}
.grid figure:hover figcaption h5 {
/* 	text-decoration: line-through; */
	text-decoration-thickness: 2px;
}
.grid-gallery figcaption span {
	float: left;
	margin-top: 5px;
	height: 22.19px;
	font-size: 13px;
	line-height: 1.85rem;
	color: #999;
}

@media (min-width: 640px) {
	.grid-gallery .grid li {margin-bottom: 20px;}
	.grid-gallery figure p {height: 287px;}
}
@media (min-width: 768px) {
	.grid-gallery .grid li {margin-bottom: 15px;}
	.grid-gallery figure p {height: 350px;}
}
@media (min-width: 992px) {
	.grid-gallery .grid {
		float: none;
		margin: 0 -15px;
		width: auto;
	}
	.grid-gallery .grid li {
		padding: 0 15px;
		margin-bottom: 20px;
		width: 25%;
	}
	.categoryRight .grid li {width: 33.33333333%;}
	.grid-gallery figure p {height: 205px;}
	.categoryRight .grid-gallery figure p {height: 197px;}
}
@media (min-width: 1200px) {
	.grid-gallery .grid li {
		margin-bottom: 20px;
		width: 20%;
	}
	.grid-gallery figure p {height: 198px;}
	.categoryRight .grid li {width: 25%;}
	.categoryRight .grid-gallery figure p {height: 198px;}
}
@media (min-width: 1300px) {
	.grid-gallery figure p {height: 226px;}
	.categoryRight .grid-gallery figure p {height: 225px;}
}

@media (max-width: 991px) {
	.grid-gallery .grid li {
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.grid-gallery .grid li:nth-child(2n) {
		padding-right: 0;
		padding-left: 10px;
	}
}
@media (max-width: 500px) {
	.grid-gallery .grid li {
		padding-right: 7.5px;
		margin-bottom: 15px;
	}
	.grid-gallery .grid li:nth-child(2n) {padding-left: 7.5px;}
	.grid-gallery figure p {height: 219.5px;}
}
@media (max-width: 414px) {
	.grid-gallery figure p {height: 184.5px;}
	#div_plan .grid figcaption {padding-bottom: 5px;}
	#div_plan .grid figcaption span {height: 44px;}
}
@media (max-width: 385px) {
	.grid-gallery figcaption span {letter-spacing: -.06em;}
}
@media (max-width: 375px) {
	.grid-gallery figure p {height: 165px;}
}
@media (max-width: 360px) {
	.grid-gallery figure p {height: 157.5px;}
}