@charset "utf-8";

@media (max-width:1150px) {
    #hd_sch #sch_str {width:320px;}
}
@media (max-width:1080px) {
    #hd_sch #sch_str {width:240px;}
}

@media (max-width:1020px) {
    #hd_sch #sch_str {width:210px;}
}

@media (max-width:990px) {
    #hd_sch #sch_str {width:160px;}
}

#btn_hdreport {position:absolute;top:5px;right:5px;color:#3C3C3C;font-size:22px;display:block;width:40px;line-height:55px;text-align:center}
#btn_hdcart_rp {position:absolute;top:-2px;right:48px;color:#3C3C3C;font-size:26px;display:block;width:40px;line-height:55px;text-align:center;background:none;border:0}
#cart_count_re2 .cart-count {position:absolute;top:20%;right:0px;display:block;height:18px;line-height:17px;border-radius:8px;background:#167F53;font-size:11px;color:#fff;padding:0 6px}
#cart_count_re2 .report-count {position:absolute;top:4px;right:0px;display:block;height:18px;line-height:17px;border-radius:8px;background:#ff4444;font-size:11px;color:#fff;padding:0 6px}
.report_bellbtn_m {
  fill: #fff;
  background-color:transparent;
  border:0;
  cursor: pointer;
}

.hd_shop_icon .count_report {display:inline-block;position:absolute;top:4px;right:0px;line-height:18px;padding:0 5px;border-radius:10px;background:#FF0000;color:#fff;min-width:20px;height:20px;font-size:0.95em}
	
.hd_shop_icon>li.shop_report {margin:-22px 0 0 38px}
.report svg {
    pointer-events: none;
}

.report_bellbtn {
    fill: #fff;
	background-color:transparent;
	border:0;
	cursor: pointer;
}

.report_bellbtn:after {
	content:"\A알림";
	white-space:pre;
	position:absolute;
	color:#3C3C3C;
	margin:26px 0 0 -33px;
	font-size:0.95em
}

.report_bellbtn:hover {
   fill: #FFFF00;
}

.report_bellbtn2 {
    fill: #FFFF00;
	border:0;
	cursor: pointer;
}

.report {
  position: relative;
  display: inline-block;
}

.report-content {
  display: none;
  position: absolute;
  margin-top:27px;
  left: 50%;
  transform: translateX(-94.02%);
  background-color: #fff;
  width: 400px;
  height:683px;
  border:1px solid #D7D7D7;
  /*overflow: auto;*/
  border-radius:9px;
  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.report-content::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0 10px 11px 10px;
  content: '';
  display: block;
  left: 365px;
  position: absolute;
  top: -10px;
  width: 0;
  z-index: 1;
}

.report-content::before {
  border-color: #D7D7D7 transparent;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  content: '';
  display: block;
  left: 364px;
  position: absolute;
  top: -11px;
  width: 0;
  z-index: 0;
}

.show_report {display: block}