@charset "utf-8";

	/* 검색하기 */
/* ===================== */
/* 검색하기 레이어 스타일 */
/* ===================== */
.search-layer-wrap{
  width:100%; height:100%;
  background:rgba(0,0,0,.5);
  position:fixed; top:0; left:0;
  z-index:150; display:none;
}
.search-layer-wrap.on{ display:block; }
.search-layer-wrap .search-layer-inner{
  width:100%; height:900px; background:#fff;
}
.search-layer-wrap .search-box{
  width:600px; margin:0 auto; padding:40px 0;
}
.search-layer-wrap .box_search{ position:relative; }
.search-layer-wrap .box_search .box_search-inner{ max-width:520px; }
.search-layer-wrap .box_search .search-container{ height:50px; }
.search-layer-wrap .box_search .box_search-inner .box .basic_search{ height:50px; }
.search-layer-wrap .box_search .close{
  width:50px; height:50px;
  background:url("../images/search-layer-close.png") no-repeat center center / 100% auto;
  font-size:0; position:absolute; top:0; right:0; z-index:99;
}
.search-layer-wrap .title{ font-size:16px; font-weight:700; }
.search-layer-wrap .popular-wrap{ padding-top:30px; }
.search-layer-wrap .popular-wrap ul{
  display:flex; flex-wrap:wrap; flex-direction:column;
  height:234px; padding-top:30px;
}
.search-layer-wrap .popular-wrap ul li{ width:50%; margin-bottom:20px; }
.search-layer-wrap .popular-wrap ul li span{ font-size:14px; line-height:14px; }
.search-layer-wrap .popular-wrap ul li .number{
  font-weight:600; width:20px; display:inline-block;
}
.search-layer-wrap .recent-wrap .title{ margin-bottom:10px; }
.search-layer-wrap .recent-wrap ul{ display:flex; flex-wrap:wrap; gap:20px 5px; }
.search-layer-wrap .recent-wrap ul li{
  width:calc((100% - 20px) / 5); padding:0 !important; margin:0 !important; display:block;
}
.search-layer-wrap .recent-wrap .crema-product-reviews-score{ display:none !important; }
.search-layer-wrap .prd_basic{ margin-left:0; }

/* 카테고리 셀렉트 라인 */
.search-cate-row{
  display:flex; gap:8px; margin-bottom:10px;
}
.search-cate-row .form_select{
  height:38px; line-height:38px; padding:0 10px;
  border:1px solid #ddd; border-radius:6px; background:#fff;
  font-size:14px; min-width:160px;
}


/* ====== 검색 레이어 폼 정리 패치 ====== */
.search-layer-wrap .search-container{ 
  height:auto !important;              /* 고정 50px 제거 */
  background:transparent !important;
}

.search-layer-wrap .box_search .box_search-inner .box{
  display:flex; 
  flex-direction:column; 
  gap:10px;                             /* 행 간격 */
  position:relative;
  z-index:1;
}

.search-layer-wrap .search-cate-row{
  display:flex; 
  gap:8px; 
  align-items:center;
  flex-wrap:nowrap;
}

.search-layer-wrap .form_select,
.search-layer-wrap .basic_search{
  height:44px;                          /* 동일 높이 */
  line-height:44px;
  padding:0 12px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;                      /* 배경 겹침 방지 */
  box-sizing:border-box;
  outline:none;
}

.search-layer-wrap .form_select{
  min-width:160px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image: none;               /* 기본 화살표 제거(테마가 따로 아이콘 쓸 경우) */
}

.search-layer-wrap .basic_search{
  width:calc(100% - 100px);
  display:block;
}

/* 기존에 어디선가 강제로 50px 주입되는 규칙 무력화 */
.search-layer-wrap .box_search .box_search-inner .box .basic_search{
  height:44px !important;
  line-height:44px !important;
  background-color: #F4F4F4;
}

/* select와 input 사이 여백이 부족하면 */
.search-layer-wrap .search-cate-row + .basic_search{
  margin-top:2px;
}



/* 행 레이아웃 */
.search-layer-wrap .box_search .box_search-inner .box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.search-layer-wrap .search-container { height: auto !important; }

/* 카테고리 셀렉트 행 */
.search-layer-wrap .search-cate-row{
  display:flex; gap:8px; align-items:center; flex-wrap:nowrap;
}

/* 검색 입력 + 버튼 행 */
.search-layer-wrap .search-row{
  display:flex; gap:8px; align-items:center;
}

.search-layer-wrap .form_select,
.search-layer-wrap .basic_search{
  height:44px; line-height:44px;
  padding:0 12px;
  border:1px solid #ddd; border-radius:8px;
  background:#fff; box-sizing:border-box;
}

/* 버튼 */
.search-layer-wrap .btn-search{
  height:44px; padding:0 16px;
  border:1px solid #111; border-radius:8px;
  background:#111; color:#fff; cursor:pointer;
  display:inline-flex; align-items:center; gap:6px;
  font-size:14px; line-height:1;
}
.search-layer-wrap .btn-search:hover{ filter:brightness(1.05); }
.search-layer-wrap .btn-search i{ font-size:16px; line-height:1; }
.search-layer-wrap .btn-search span{ display:inline-block; }


@media (max-width: 767px) {
  .search-layer-wrap .search-box{ width:100%; padding:24px 16px; }

  .search-layer-wrap .search-cate-row{ gap:6px; }
  .search-layer-wrap .form_select{ flex:1 1 0; min-width:0; }
  .search-layer-wrap .search-row{ gap:6px; }
  .search-layer-wrap .basic_search{ flex:1 1 auto; min-width:0; }
  .search-layer-wrap .btn-search{ white-space:nowrap; }
}

@media (max-width:480px) {
   .search-layer-wrap .search-cate-row{ margin-right:50px !important;  }
}


	/* 검색하기 */


/* 폼 테이블 */
.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;}