@charset "utf-8";

@import url("/css/btn.css");
@import url("/css/basic_common.css");

/* 단위 background */
.cmUnitC::after {
	content:'C';
	background-color:#f00;
	border-radius:50%;
	text-align:center;
	color:#fff;
	padding:0 5px 1px 5px;
	font-weight:700;
	font-size:1.0rem;
	margin-left:5px;
}
.icoUnitC {
	background-color:#f00;
}


.info-detail-top {
	margin:0;
	text-align:center;
}
.info-detail-top img {
	max-width:860px;
	width:100%;
}
.info-detail-bottom {
	margin:0;
	text-align:center;
}
.info-detail-bottom img {
	max-width:860px;
	width:100%;
}


/* 2022.12.22. gift 구매하기 */
.gift--sender {
	display:none;
}

.line-btn {
	padding:3px 0;
	border-radius:7px;
	text-align:center;
}
.lbtn1 {
	background-color:#07689F;
	color:#fff;
}

/* product new */
.line--head {
	padding:3px 0;
	border-radius:7px;
	text-align:center;
}
.lline1 .line--head {
	background-color:#7e7e7e;
	color:#fff;
}
.lline2 .line--head {
	background-color:#000;
	color:#fff;
}
.lline3 .line--head {
	background-color:#fe0000;
	color:#fff;
}

.lline3 .product_line--per {
	color:#fe0000;
}

.lline1 .product_line--price {
	color:#7e7e7e;
	text-decoration:line-through;
}
.lline3 .product_line--price {
	color:#fe0000;
}

/* 2024.05.06. pro_new_use 이용 */
.lline1 .wrap-line--price {
	color:#7e7e7e;
	text-decoration:line-through;
}
.lline3 .wrap-line--price {
	color:#fe0000;
}

.wrap-line--rate .prd-price-time {
	display:inline-block;
}

/* 투딜 클릭시 나오는 메시지 */
.twodeal_bf_btn {
	margin-top:12px;
}
.twodeal_bf_submit {
	padding:3px 12px;
	border-radius:7px;
	text-align:center;
	background-color:#07689F;
	color:#fff;
}

.icon-twodeal {
	position:absolute;
	right:0;
	top:0;
	background:url('/images/ico_ribbon_r.png');
	background-size:100%;
	text-align:center;
	color:#fff;
	padding-top:5px;
	width:50px;
	height:45px;
}

.icon_new {
	background-image:url('/images/icon_new.png');
	background-repeat:no-repeat;
	background-position:center right 20px;
}

.ifrm_bf_btn {
	margin-top:12px;
}
.ifrm_bf_submit {
	padding:3px 12px;
	border-radius:7px;
	text-align:center;
	background-color:#07689F;
	color:#fff;
}
.ifrm_bf_cancel {
	padding:3px 12px;
	border-radius:7px;
	text-align:center;
	background-color:#ccc;
	color:#000;
}


.bui_common_btn {
	margin-top:12px;
}
.bui_common_submit {
	padding:3px 12px;
	border-radius:7px;
	text-align:center;
	background-color:#07689F;
	color:#fff;
}
.bui_common_cancel {
	padding:3px 12px;
	border-radius:7px;
	text-align:center;
	background-color:#ccc;
	color:#000;
}

.mb_mypage a img {
	vertical-align:middle;
}

.soldout {
	display:block;
	position:relative;
	overflow:hidden;
}
/*
.soldout::after {
	content:'일시 품절';
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:55%;
	padding-top:45%;
	font-size:20px;
	color:#fff;
	text-align:center;
	background-color:#000;
	opacity: 0.5;
}
*/
.soldout_div {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:55%;
	padding-top:45%;
	font-size:20px;
	color:#fff;
	text-align:center;
	background-color:#000;
	opacity: 0.5;
}

.free-delivery {
	position:absolute;
	right:0;
	bottom:0;
	background:#ff7800;
	color:#fff;
	font-size:1.2rem;
	font-weight:normal;
	padding:2px 13px;
	opacity:0.8;
}

.list_strPaging {
	padding:20px 0;
	text-align:center;
}

.info-blist {
	display:inline-block;
	padding:0 7px;
	background:#5b9bd5;
	border-radius:5px;
}

/*
.prd-img a > img {
	transition:all 0.2s linear;
}
.prd-img a:hover > img {
	transform: scale(1.1);
}
*/


.search-tag {
	margin-top:5px;
	display:flex;
	font-size:1.2rem;
}
.search-tag-dv {
	width:23%;
	margin-right:calc((100% - (23% * 4)) / 3);
}

.search-tag-MO {
	background:#fff;
	margin-top:0;
	padding:0 0 5px 0;
}

.search-tag-MO .search-tag-dv {
	width:32%;
	margin-right:calc((100% - (32% * 3)) / 2);
}

.search-tag-dv:last-child {
	margin-right:0;
}
.search-tag-title {
	padding-top:1px;
	padding-bottom:2px;
	border-radius:19px;
	background:#888;
	border:1px solid #888;
	color:#fff;
	text-align:center;
}
.search-tag-name a {
	display:block;
	padding-top:1px;
	padding-bottom:2px;
	border-radius:19px;
	border:1px solid #888;
	color:#888;
	text-align:center;
}


#ft.hcm_footer {
	margin-top:20px;
	padding-top:0;
}

.hcm_footer #ft-gnb {
	height:auto;
	padding-top:12px;
	padding-bottom:12px;
	justify-content: center;
	flex-wrap: wrap;
}

.hcm_footer #ft-gnb li {
	width:auto;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:30px;
	padding-right:30px;
}

@media screen and (max-width:1200px){
	#ft.hcm_footer {
		
	}
	#ft.hcm_footer .common-wrap {
		width:auto;
	}

	#ft.hcm_footer #ft-info > div {
		width:100%;
	}

	#ft.hcm_footer .ft-nav {
		width:auto;
	}
}

@media screen and (max-width:600px){
	#ft.hcm_footer #ft-info {
		display:block;
		padding:0 5%;
	}
	#ft.hcm_footer #ft-info > div {
	}

	#ft.hcm_footer #ft-info #ft-logo {
		padding:0;
	}

	#ft.hcm_footer #ft-escrow {
		margin-top:20px;
	}

	#ft.hcm_footer::after {
		content: '';
		display:block;
		height:80px;
	}

	.hcm_footer #ft-gnb li {
		font-size:1.4rem;
		padding-left:0px;
		padding-right:0px;
	}

	.hcm_footer #ft-gnb li:nth-child(1),
	.hcm_footer #ft-gnb li:nth-child(2) {
		width:calc((100% / 2) - 1px);
	}
	.hcm_footer #ft-gnb li:nth-child(3),
	.hcm_footer #ft-gnb li:nth-child(4),
	.hcm_footer #ft-gnb li:nth-child(5) {
		width:calc((100% / 3) - 1px);
	}
	/*
	.hcm_footer #ft-gnb li:nth-child(1),
	.hcm_footer #ft-gnb li:nth-child(2) {
		width:calc((100% / 2) - 1px - 60px);
	}
	.hcm_footer #ft-gnb li:nth-child(3),
	.hcm_footer #ft-gnb li:nth-child(4),
	.hcm_footer #ft-gnb li:nth-child(5) {
		width:calc((100% / 3) - 1px - 60px);
	}
	*/
	.hcm_footer #ft-gnb li:nth-child(3)::after {
		display:none;
	}
	/*
	.hcm_footer #ft-gnb li:nth-child(5) {
		padding:0;
	}
	*/
}