@charset "utf-8";

/* 초기화 */
body {margin:0;padding:0;font-size:0.813em;height:100%;font-family: "Noto Sans KR", sans-serif;background:#fff;min-width:320px;-webkit-text-size-adjust: none;touch-action: pan-x pan-y; }
body.is_hidden{overflow:hidden}
html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=submit] {cursor:pointer;font-family: "Noto Sans KR", sans-serif}
input[type=text], input[type=password], input[type=submit], input[type=image], button {-webkit-appearance:none}
textarea, select {font-size:1em;font-family: "Noto Sans KR", sans-serif}
textarea {border-radius:0;-webkit-appearance:none}
select{background:#fff}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}

*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  margin-top:56px;
  box-shadow: 0 0 0 1px #D7D7D7;
  border-radius: 5px;
  background: #FCFCFC;
}
::-webkit-scrollbar-thumb {
  background: #C1C1C1;
  border-radius: 5px;
  background-clip: padding-box;
  border:4px solid transparent;
}

#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  font-size:1.15em;
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 50px; /* 30px from the bottom */
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2s;
  animation: fadein 0.5s, fadeout 0.5s 2s;
}

.report_box { background:#F5F6F8;border:1px solid #F5F6F8;padding-bottom:35px }

.report_top {
  overflow: hidden;
  position: fixed;
  top: 0;
  width:100%;
  clear:both;
  background:#fff;
  border-bottom:1px solid #E4E4E4;
  box-shadow: 0 0 7px rgba(0,0,0,0.1);
  z-index: 1;
}
.report_top_left { float:left;width:50%;padding-left:20px;height:55px;line-height:55px;font-size:1.35em;font-weight: bold }
.report_top_right { float:right;width:50%;padding-right:20px;height:55px;line-height:53px;font-size:2em;color:#5D5D5D;text-align:right }

.report_con {
  margin-top: 55px;
  clear:both;padding:20px 20px 20px 20px;background:#F5F6F8;min-height:640px;word-break:break-all;
}

.report_cate {
    clear:both;padding:0px 1px 7px;
}

.rtcate { padding:6px 12px 5px;margin:0 3px 7px 0;border-radius:5px;font-size:13px;line-height:1.444;font-weight:600;display:inline-block}
.rt_cate {background:#fff;border:1px solid #969696;color:#167F53}
.rt_cate:hover {background:#FFFEF0;border:1px solid #26c281;}
.rt_cate_on {background:#167F53;border:1px solid #167F53}
 a.rt_cate_on {color:#fff}
 
.report_contents {
    clear:both;background:#fff;color:#000;width:100%;font-size:1.15em;padding:14px 15px;margin-bottom:12px;border:1px solid #E4E4E4;border-radius:9px
}

.report_hit {
    color:#7D7D7D
}
.report_title {
    clear:both;font-size:1em;margin-bottom:3px;color:#3C3C3C
}
.report_title_hit {
    color:#7D7D7D
}
.report_span1 {
    float:left;font-weight:600;cursor:pointer
}
.report_span2 {
    float:left;font-size:0.9em
}
.report_span3 {
    float:right;margin-top:-5px;font-size:1.2em;cursor:pointer
}
.report_con1 {
  display: inline-block;clear:both;padding-top:1px;cursor:pointer
}

.shop_order1 {
  float:left;margin-top:6px;width:61px
}

.shop_order1_hit {
  float:left;margin-top:6px;width:61px;opacity:0.6
}

.shop_order2 {
  float:left;width:calc(100% - 61px);
}

.report_top .ic_config_angle_left {color:#000; font-size:1.1em;font-weight:900 }
.report_top .ic_config_angle_left:hover  {color:#FF0000; font-size:1.1em;font-weight:900 }
.report_top .ic_config_cog  { color:#595959;cursor:pointer;transition-duration:0.4s}
.report_top .ic_config_cog:hover {color:#ff4e00}

.cf_switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 28px;
}

.cf_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.cf_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.cf_slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .cf_slider {
  background-color: #1d8c5d;
}

input:focus + .cf_slider {
  box-shadow: 0 0 1px #167F53;
}

input:checked + .cf_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.cf_slider.round {
  border-radius: 30px;
}

.cf_slider.round:before {
  border-radius: 50%;
}

.rt_config_a { clear:both;width:100%;display:inline-block;padding-bottom:11px;margin-bottom:7px;border-bottom:1px solid #dee3eb }
.rt_config_b { float:left; font-size:1em;font-weight:500;margin-top:3px;color:#3C3C3C }
.rt_config_c { float:right;text-align:right }

.config_message {
    clear:both; color:#000;width:100%;font-size:1.05em;padding-top:10px;margin-top:12px;text-align:center
}