@charset "utf-8";

/* 폼 테이블 */
.full_input, .frm_address {width:100% !important; }


/* 로그인 */
#login .tabcnt_member21 { display:none; } 

/* 상품 리스트 */

.mobile-category-list { text-align:center; padding:15px 0px; }
.mobile-category-list h3 { display:none; font-size:28px; margin-top:15px; }
.mobile-category-list ul { display:inline-flex; flex-wrap:wrap; gap:10px 5px; text-align:center; justify-content: center; margin:15px 0; }
.mobile-category-list ul li { border:1px solid #000; padding:3px 10px; border-radius:10px; }
.mobile-category-list ul li.on { background-color:#000; color:#fff; }

@media all and (max-width: 768px) {
	
	.prdListFilter .filter-layer-btn a {
		padding: 10px 25px 9px 35px !important;
		border:1px solid #999 !important;
		height:34px !important;
	} 
	
	.prdListFilter .filter-layer-btn a i { position:relative; top:1px; display:inline-block; margin-left:5px; }
	.prdListFilter .filter-layer-btn a::after {
		margin:2px 0 0 5px;
	}
	
	.prdListFilter .f-express:not(.on) {
        border: 1px solid #999;
        border-radius: 30px;
	}

}

/* 상품상세 */
.detail-recommend-list-title .small {
	display:inline-block;
	margin-left:8px; 
    color: rgba(34, 34, 34, 0.50);
    font-weight: 400;
    margin-top: 3px;
}

#detailTab2 .detail-recommend-list-title .small { color:#ef6253; }
.main-title .review_info { display:inline-block; color:#ef6253; font-weight:400; margin-left:5px; }

@media all and (max-width: 768px) {
	.main-title .review_info { display:block; margin-left:0; }
}

/* 주문서 */
#forderform section { position:relative; }
#forderform .tbl_frm01 th,
#forderform .tbl_frm01 td { vertical-align:middle; }
#forderform .tbl_frm01 th { text-align:left; font-weight:500; padding-left:10px; }
#forderform .tbl_frm01 .frm_info { display:inline-block; margin:10px 0 0 10px; }
#forderform .tbl_frm01 .order_choice_place { display:inline-block; margin-top:17px; }

#forderform .tbl_frm01 span.required {
	display:inline-block;
	margin-left:5px;
    color: #E52A2A;
}

#forderform .order_login_btn { display:flex; gap:5px; position:absolute; right:10px; top:15px; }
#forderform .order_login_btn .ol_btn {}
#forderform .order_login_btn .ol_btn a {
    color: #000 !important;
    background: #fff;
    font-weight: 300;
    border: 1px solid #999;
    border-radius: 12px;
    line-height: 24px;
	padding:5px 15px;
}

#forderform .no-member-terms {
    border-top: 1px solid rgb(235, 235, 235);
    padding: 10px 16px;
    font-size: 14px;
	margin:0 -15px;
}
#forderform .no-member-terms h3 { padding:10px; }

#forderform .no-member-terms .title {
    width: 100%;
}
#forderform .no-member-terms .title label {
    font-size: 13px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
	color: #909090;
}

#forderform .no-member-terms .title label input[type=checkbox] {
    display: none;
}
#forderform .no-member-terms .title label:after {
    display: block;
    content: '';
    border: 1px solid #ebebeb;
    width: 24px;
    height: 24px;
    border-radius: 3px;
}

#forderform .no-member-terms .title label:has(input[type=checkbox]:checked):after {
    border: 0;
    background-color: #000;
    background-image: url('../images/arrow-w.svg');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

#forderform .no-member-terms .guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fff;padding:10px;height:100px;margin:0 0 10px;overflow-y:auto}

@media all and (min-width: 769px) {
	#forderform .no-member-terms .title label {
		justify-content: space-between;
	}
}

@media all and (max-width: 768px) {
	#forderform .tbl_frm01 td { width:100%; }
}

/* 상품 리뷰 */

.review_info1 { position:relative; margin-bottom:5px;  }
.review_info1 .review_time { position:absolute; right:0; top:0; color:#999 !important; }
.plugin_rv_item .review_info1 .review_time { top:2px; }
@media all and (max-width: 768px) {
	.review_info1 .review_time { margin-top:5px; position:relative; top:0; left:0; right:auto; }
}

/* 상품리뷰알림 */
#reviewAlertWrap {
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	z-index: 9999;
}

#reviewAlertWrap .reviewPopupBg { 
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	z-index:5;
}

#reviewAlertWrap .reviewPopup {
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 320px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	padding: 20px;
	z-index: 9;
	border-radius: 10px;
}

#reviewAlertWrap .reviewPopup .close-btn {
	float: right;
	cursor: pointer;
	font-size: 16px;
}

#reviewAlertWrap .reviewPopup h3 {
	margin-top: 0;
	font-size: 18px;
}
#reviewAlertWrap .reviewPopup ul {
	margin: 10px 0;
}
#reviewAlertWrap .reviewPopup li + li { margin-top:10px; padding-top:10px; border-top:1px solid #ccc; }
#reviewAlertWrap .reviewPopup li { display:flex; }
#reviewAlertWrap .reviewPopup li .thumb { width:70px; }
#reviewAlertWrap .reviewPopup li .subj { letter-spacing: -1px; margin-bottom:3px; }
#reviewAlertWrap .reviewPopup .btn a { display:inline-block; border-radius: 8px;  background: #000; color:#fff; font-size: 14px;  padding:3px 12px;}