@charset "utf-8";

/* =======================================================
	common
========================================================*/
.mc--main {}





/* =======================================================
	main-visual
========================================================*/
.main-visual {
	position: relative; 
	width: 100%; 	
	padding: 0 0;
	margin: 0; 
	display: block; 
	box-sizing: border-box; 
	line-height: 0;
}
.main-visual .visual-slide {
	position: relative;
	display: block;
}
.main-visual .slide-img {
	position: relative; 
	width: 100%; 
	height: 0; 
	margin: 0;
	padding-top: 75%;
	overflow: hidden; 
}
.main-visual .slide-img img {
	position: absolute; 
	top: 0; left: 0; 
	width: 100%; height: 100%; 
	margin: 0; 
	display: block; 
}
.main-visual .slide-paging {
	position: absolute; 
	bottom: 10px; right: 20px; 
}
.main-visual .slide-paging li {
	display: none; 
	min-width: 50px;
	border-radius: 999px;
	background: rgba(34, 34, 34, .6);
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	font-weight: 400; 
}
.main-visual .slide-paging li span {
	font-weight: 700;
}

.main-visual .slide-paging li.slick-active {display: inline-block; }



/* =======================================================
	combi-section
========================================================*/
.combi-section {position: relative; width: 100%; margin: 10px auto; padding: 35px 20px; background-color: #fff; border-bottom: 1px solid #e9eaee; box-sizing: border-box; } 
.combi-section:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.combi-section:first-child {margin-top: 0; }
.combi-section:last-of-type {margin-bottom: 0; }


/* combi-nodata */
.combi-nodata {padding: 100px 20px; box-sizing: border-box; background-color: #fff; font-size: 14px; color: #888; text-align: center; }


/* combi-title */
.combi-title {margin: 0 auto 20px; font-size: 22px; font-weight: 700px; text-align: center; }



/*
	combi-group
-----------------------------------------------*/
.combi-group {}
.combi-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.combi-group + .combi-group {margin-top: 15px; }


/* combi-item */
.combi-item {position: relative; float: left; width: 100%; box-sizing: border-box; }


.combi-group.column02 .combi-item {width: calc(50% - 7.5px); }
.combi-group.column02 .combi-item + .combi-item {margin-left: 15px; }

.combi-item > a {display: block; }


/* combi-thumb */
.combi-thumb {position: relative; display: block; width: 100%; border: 1px solid #f2f2f2; border-radius: 5px; box-sizing: border-box; overflow: hidden; }
.combi-thumb img {display: block; width: 100%; }
.combi-thumb .icon {position: absolute; left: 50%; top: 50%; z-index: 30; margin: 0 auto; transform: translate(-50%, -50%); }


/* combi-info */
.combi-info {width: 100%; box-sizing: border-box; overflow: hidden; }

.combi-item-title {display: block; font-size: 15px; line-height: 20px; color: #222; font-weight: 400; }
.combi-item-price {margin: 0; padding: 0; }

.combi-item .price em {font-size: 15px; font-weight: 400; font-style: normal; }
.combi-item .sale {padding-left: 5px; font-size: 15px; font-weight: 400; font-style: normal; }





/*
	column 1
-----------------------------------------------*/
/* TYPE PRODUCT - 세로형 */
.combi-item.type-product .combi-thumb {display: block; width: calc(100vw - 40px); height: calc(100vw - 40px); }
.combi-item.type-product .combi-info {margin-top: 5px; }


/* TYPE PRODUCT - 가로형 */
.combi-item.type-product02 {}
.combi-item.type-product02 .combi-thumb {float: left; width: 140px; height: 140px; }
.combi-item.type-product02 .combi-info {float: left; width: calc(100% - 140px); padding-left: 15px; box-sizing: border-box; }
.combi-item.type-product02 .combi-item-title {margin: 5px 0; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/* TYPE VIDEO - 세로형 */
.combi-item.type-video {}
.combi-item.type-video .combi-info {margin-top: 5px; }

.combi-item.type-video .combi-thumb {position: relative; width: 100%; 
	height: 0; margin: 0; padding-top: 56.25%; overflow: hidden; }
.combi-item.type-video .combi-thumb img {position: absolute; top: 50%; left: 0; width: 100%; margin: 0; display: block; transform: translateY(-50%);}


.combi-matching {width: 100%; margin-top: 5px; }
.combi-matching:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.combi-matching strong {float: left; width: 100%; font-size: 10px; font-weight: 400; margin-bottom: 2px; color: #777; }
.combi-matching-item {display: inline-block; float: left; width: calc((100vw - 65px) / 6 ); height: calc((100vw - 65px) / 6 ); border: 1px solid #f2f2f2; border-radius: 5px; box-sizing: border-box; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; }
.combi-matching-item + .combi-matching-item {margin-left: 5px; }


/* TYPE VIDEO - 가로형 */
.combi-item.type-video02 {}

.combi-item.type-video02 .combi-thumb {float: left; width: 140px; } 
.combi-item.type-video02 .icon {width: 28px; height: 28px; }
.combi-item.type-video02 .combi-info {margin-top: 5px; float: left; width: calc(100% - 140px); padding-left: 15px; box-sizing: border-box; }
.combi-item.type-video02 .combi-item-title {height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/*
	column 2
-----------------------------------------------*/
/* TYPE IMG */
.combi-group.column02 .type-img .combi-thumb {position: relative; width: 100%; height: 0; margin: 0; padding-top: 125%; overflow: hidden; }
.combi-group.column02 .type-img .combi-thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; display: block; }


/* TYPE PRODUCT */
.combi-group.column02 .type-product .combi-thumb {width: calc((100vw - 55px)/2); height: calc((100vw - 55px)/2); }
.combi-group.column02 .type-product .combi-item-title {display: block;	
	height: 18px; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 14px; }
.combi-group.column02 .type-product .price {font-size: 15px; } 
.combi-group.column02 .type-product .price em {font-size: 12px; } 
.combi-group.column02 .type-product .sale {font-size: 12px; }


/* TYPE VIDEO */	
.combi-group.column02 .type-video .combi-info {margin-top: 5px; }
.combi-group.column02 .type-video .combi-item-title {height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 17px; }
.combi-group.column02 .type-video .icon {width: 34px; height: 34px; }
.combi-group.column02 .combi-matching {margin-top: 5px; }
.combi-group.column02 .combi-matching  strong {float: left; width: 100%; font-size: 10px; margin-bottom: 2px; font-weight: 500; color: #777; }
.combi-group.column02 .type-video .combi-matching-item {width: calc((50vw - 36px)/3); height: calc((50vw - 36px)/3); } 
.combi-group.column02 .type-video .combi-matching-item + .combi-matching-item {margin-left: 4px; }




/* =======================================================
* Device = 아이폰 320px 이하
* Screen = 320px 사이
========================================================*/
@media all and (max-width: 325px) {

	.combi-group.column02 .combi-item {width: calc(50% - 8px); } 
	.combi-group.column02 .combi-item + .combi-item {margin-left: 16px; }

	.combi-item-title {font-size: 13px; line-height: 17px; } 
	.combi-info .price {font-size: 14px; } 
	.combi-info .price em {font-size: 13px; } 
	.combi-info .sale {font-size: 13px; }

	.combi-item.type-video .combi-info {margin-top: 5px; } 


	.combi-item.type-product02 .combi-item-title {height: 34px; } 
	.combi-item.type-product02 .price,
	.combi-item.type-product02 .sale {line-height: 1; } 
	.combi-item.type-product02 .sale {display: block; padding-left: 0; }

	.combi-item.type-video02 .combi-item-title {height: 34px; }


	.combi-group.column02 .type-product .combi-info {margin-top: 3px; } 
	.combi-group.column02 .type-product .combi-item-title {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 13px; } 
	.combi-group.column02 .type-product .price {font-size: 13px; line-height: 1; } 
	.combi-group.column02 .type-product .price em, 
	.combi-group.column02 .type-product .sale {font-size: 12px; }


	.combi-group.column02 .type-video .combi-info {margin-top: 3px; } 
	.combi-group.column02 .type-video .combi-item-title {height: 36px; margin-top: 6px; font-size: 13px; line-height: 18px; } 
	.combi-group.column02 .type-video .combi-matching {margin-top: 6px; } 
	.combi-group.column02 .type-video .combi-matching strong {display: none; } 
	.combi-group.column02 .type-video .sale {display: block; padding-left: 0; }
} /* 반응형 끝 */




/* =======================================================
* Device = 아이폰 360 이하
* Screen = 326px  ~ 359px
========================================================*/
@media all and (min-width: 326px) and (max-width: 359px) {


	.combi-group.column02 .combi-item {width: calc(50% - 8px); } 
	.combi-group.column02 .combi-item + .combi-item {margin-left: 16px; }

	.combi-item-title {font-size: 13px; line-height: 17px; } 
	.combi-info .price {font-size: 14px; } 
	.combi-info .price em {font-size: 13px; } 
	.combi-info .sale {font-size: 13px; }


	.combi-item.type-video .combi-info {margin-top: 5px; } 

	.combi-item.type-product02 .combi-item-title {margin-top: 0; height: 34px; } 
	.combi-item.type-product02 .combi-info .price,
	.combi-item.type-product02 .combi-info .sale {line-height: 1; } 
	.combi-item.type-product02 .sale {display: block; padding-left: 0; }


	.combi-item.type-video02 .combi-item-title {height: 34px; }


	.combi-group.column02 .type-product .combi-info {margin-top: 3px; } 
	.combi-group.column02 .type-product .combi-item-title {height: 13px; font-size: 13px; line-height: 13px; } 
	.combi-group.column02 .type-product .price {font-size: 13px; line-height: 1; } 
	.combi-group.column02 .type-product .price em, 
	.combi-group.column02 .type-product .sale {font-size: 12px; }


	/* TYPE VIDEO 2단형 */
	.combi-group.column02 .type-video .combi-info {margin-top: 0; } 
	.combi-group.column02 .type-video .combi-item-title {height: 36px; margin-top: 6px; font-size: 13px; line-height: 18px; } 
	.combi-group.column02 .type-video .combi-matching {margin-top: 10px; } 
	.combi-group.column02 .type-video .combi-matching strong {display: none; } 
	.combi-group.column02 .type-video .sale {display: block; padding-left: 0; }
} /* 반응형 끝 */



/* =======================================================
* Device = Lg 기타 등등
* Screen = 360px ~ 374px
========================================================*/
@media all and (min-width: 360px) and (max-width: 374px) {

	
	.combi-group.column02 .combi-item {width: calc(50% - 8px); } 
	.combi-group.column02 .combi-item + .combi-item {margin-left: 16px; }


	.combi-item-title {font-size: 13px; line-height: 17px; } 
	.combi-info .price {font-size: 14px; } 
	.combi-info .price em {font-size: 13px; } 
	.combi-info .sale {font-size: 13px; }

	.combi-item.type-video .combi-info {margin-top: 5px; } 
	.combi-item.type-video .combi-item-title {height: 34px; } 


	.combi-item.type-product02 .combi-item-title {margin-top: 0; height: 34px; } 
	.combi-item.type-product02 .combi-info .price, 
	.combi-item.type-product02 .combi-info .sale {line-height: 1; } 

	.combi-item.type-video02 .combi-item-title {height: 34px; } 

	.combi-group.column02 .type-product .combi-info {margin-top: 5px; } 
	.combi-group.column02 .type-product .combi-item-title {height: 13px; font-size: 13px; line-height: 13px; margin-bottom: 2px; } 
	.combi-group.column02 .type-product .price {font-size: 13px; } 
	.combi-group.column02 .type-product .price em, 
	.combi-group.column02 .type-product .sale {font-size: 12px; } 

	
	.combi-group.column02 .type-video .combi-info {margin-top: 0; } 
	.combi-group.column02 .type-video .combi-item-title {height: 34px; margin-top: 4px; font-size: 13px; line-height: 16px; } 
	.combi-group.column02 .type-video .combi-matching strong {margin-bottom: 0; } 
	.combi-group.column02 .type-video .sale {display: block; padding-left: 0; } 
} /* 반응형 끝 */





/* =======================================================
* Device = Lg 기타 등등
* Screen = 410px ~ 425px
========================================================*/
@media all and (min-width: 410px) and (max-width: 425px) {	
	/* TYPE PRODUCT 가로형 */
	.combi-item.type-product02 + .combi-item.type-product02 {margin-top: 20px; } 
	.combi-item.type-product02 .combi-thumb {width: 160px; height: 160px; }
	.combi-item.type-product02 .combi-info {width: calc(100% - 160px); } 

	.combi-group.column02 .type-product .combi-info {margin-top: 7px; } 
	.combi-item.type-video02 .combi-thumb {width: 160px; } 
	.combi-item.type-video02 .combi-info {width: calc(100% - 160px); } /
	.combi-group.column02 .type-video .combi-matching {margin-top: 10px; }
} /* 반응형 끝 */



/* =======================================================
* Device = 태블릿, 아이패드(세로), PC
* Screen = 768 이상
* ========================================================*/
@media all and (min-width: 690px) { 


/*
	combi-section
-----------------------------------------------*/
	.combi-section {	
		padding: 50px 20px;
	}
	.combi-title {
		margin-bottom: 35px; 
	}


/*
	combi-head
-----------------------------------------------*/
	.combi-head {
		margin-bottom: 30px; 
	}
	.icon {
		width: 80px; height: 80px; 
		margin-top: -40px; margin-left: -40px; 
	}


/*
	combi-group
-----------------------------------------------*/	
	.combi-group + .combi-group {margin-top: 35px; }

	/* 2단 */
	.combi-group.column02 .combi-item {
		width: calc(50% - 9px); 
	}
	.combi-group.column02 .combi-item + .combi-item {
		margin-left: 18px; 
	}


/*
	common
-----------------------------------------------*/
	.combi-item-title {
		font-size: 16px;
		line-height: 22px;
	}

	.combi-info .price {
		font-size: 20px;
	}
	.combi-info .price em {
		font-size: 16px;
	}

	.combi-info .sale {
		font-size: 16px;
	}



/*
	type product
-----------------------------------------------*/
	/* TYPE PRODUCT 세로형 */
	.combi-item.type-product .combi-thumb {
		width: 650px;	height: 650px;
	}
	.combi-item.type-product .combi-info {
		margin-top: 8px; 
	}
	.combi-item.type-product .combi-item-title {
		height: 44px;
	}


	/* TYPE PRODUCT 가로형 */
	.combi-item.type-product02 .combi-thumb {
		width: 200px; height: 200px;
	}
	.combi-item.type-product02 .combi-info {
		width: 450px; 
	}
	.combi-item.type-product02 .combi-item-title {
		margin: 8px 0;
	}

	/* TYPE PRODUCT 2단형 */
	.combi-group.column02 .type-product .combi-thumb {
		width: 316px; height: 316px;
	}
	.combi-group.column02 .type-product .combi-info {
		margin-top: 15px;
	}
	.combi-group.column02 .type-product .combi-item-title {
		height: 22px;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 22px;
	}
	.combi-group.column02 .type-product .combi-info .price {
		font-size: 20px;
	}
	.combi-group.column02 .type-product .combi-info .sale {
		font-size: 16px;
	}


/*
	type video
-----------------------------------------------*/
	/* TYPE VIDEO 세로형 */
	.combi-item.type-video .combi-info {
		margin-top: 12px;
	}
	.combi-item.type-video .combi-matching {
		margin-top: 15px;
	}
	.combi-item.type-video .combi-item-title {
		height: 44px;
		margin-bottom: 10px;
	}
	.combi-group.column02 .combi-matching strong {
		font-size: 14px; 
		margin-bottom: 2px;
	}
	.combi-item.type-video .combi-matching:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
	.combi-item.type-video .combi-matching-item {
		width: 102px;	height: 102px;
	}

	/* joy 2020-07-08 수정
	 1단일경우 디자인 변경함.
	.combi-item.type-video .combi-info {
		float: right; 
		width: 316px;
		margin-top: 12px;
	}
	.combi-item.type-video .combi-matching {
		float: left;
		width: 316px;
	}*/


	/* TYPE VIDEO 가로형 */
	.combi-item.type-video02 + .combi-item.type-video02 {margin-top: 30px; 
	}
	.combi-item.type-video02 .combi-thumb {
		width: 200px;
	}
	.combi-item.type-video02 .icon {width: 28px; height: 28px; } 
	.combi-item.type-video02 .combi-info {
		width: calc(100% - 200px);
	}
	.combi-item.type-video02 .combi-item-title {
		height: 44px;
	}


	/* TYPE VIDEO 2단형 */
	.combi-group.column02 .type-video .combi-info {
		margin-top: 15px;
	}
	.combi-group.column02 .type-video .combi-item-title {
		height: 48px;
		font-size: 16px;
		line-height: 24px;
	}
	.combi-group.column02 .type-video .icon {width: 34px; height: 34px; } 
	.combi-group.column02 .type-video .combi-matching {
		margin-top: 13px;
	}
	.combi-group.column02 .type-video .combi-matching strong {
		margin-bottom: 10px;
	}
	.combi-group.column02 .type-video .combi-matching-item {
		width: calc(308px/3); 	height: calc(308px/3);
	}
	
} /* 반응형 끝 */