@charset "UTF-8";
/*_base.scss*/
/*_mixins.scss*/
/* Responsive Breakpoints
   ========================================================================== */
/*_colors.scss*/
/* 와우패스 변수 가져오기 ====================================================================  */
/*_placeholders.scss*/
.layerpop article.reservation .box .form_box ul.info_list li, .layerpop article.reservation article.term_wrap .term_box .form_box ul.info_list li, .layerpop article.term_wrap article.reservation .term_box .form_box ul.info_list li {
  padding: 3px 0 3px 12px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .form_box ul.info_list li, .layerpop article.reservation article.term_wrap .term_box .form_box ul.info_list li, .layerpop article.term_wrap article.reservation .term_box .form_box ul.info_list li {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .form_box ul.info_list li, .layerpop article.reservation article.term_wrap .term_box .form_box ul.info_list li, .layerpop article.term_wrap article.reservation .term_box .form_box ul.info_list li {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation .box .form_box ul.info_list li, .layerpop article.reservation article.term_wrap .term_box .form_box ul.info_list li, .layerpop article.term_wrap article.reservation .term_box .form_box ul.info_list li {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.layerpop article.reservation .box .form_box ul.info_list li, .layerpop article.reservation article.term_wrap .term_box .form_box ul.info_list li, .layerpop article.term_wrap article.reservation .term_box .form_box ul.info_list li {
  line-height: 110%;
}
.layerpop article.reservation .box .form_box ul.info_list li::before, .layerpop article.reservation article.term_wrap .term_box .form_box ul.info_list li::before, .layerpop article.term_wrap article.reservation .term_box .form_box ul.info_list li::before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  content: "-";
  width: 5px;
  height: auto;
  margin-right: 5px;
  margin-left: -8px;
  vertical-align: middle;
}
.layerpop article.reservation .box .form_box div[class$=_box_out], .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out], .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out], .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out], .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out], .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out], .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out], .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out], .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.layerpop article.reservation .box .form_box div[class$=_box_out]:first-of-type, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out]:first-of-type, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out]:first-of-type {
  margin-top: 16px;
  border-top: 1px solid #e0e0e0;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] h6, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] h6, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] h6 {
  flex: 0 0 100px;
  padding: 12px 16px;
  background: #F7F7FA;
  font-weight: normal;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense {
  flex: 1;
  padding: 8px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap div.select_wrap, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100px;
  height: auto;
  overflow: hidden;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap div.select_wrap.select_wrap, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap.select_wrap, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap.select_wrap,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap {
  border: 1px solid #e0e0e0;
  background: #fff url(/WASUB/_Resources/images/ic_arrow_s.png) no-repeat top right;
  margin: 0 5px 0 0;
  font-size: 12px;
  font-size: 0.78rem;
  color: #858899;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap div.select_wrap.select_wrap:hover, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap.select_wrap:hover, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap.select_wrap:hover,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap:hover,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap:hover,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap:hover {
  border: 1px solid #000;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap div.select_wrap label, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap label, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap label,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap label,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap label,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap label {
  position: absolute;
  top: 5px;
  left: 5px;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap div.select_wrap select, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap select, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap div.select_wrap select,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap select,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap select,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense div.select_wrap select {
  padding: 5px;
  width: 100%;
  height: auto;
  border: none;
  box-shadow: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap span.info,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense span.info,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense span.info,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense span.info {
  display: block;
  margin-top: 5px;
  padding-left: 16px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap span.info,
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense span.info,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense span.info,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense span.info {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap span.info,
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense span.info,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense span.info,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense span.info {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap span.info,
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense span.info,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense span.info,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense span.info {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap span.info, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap span.info,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense span.info,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense span.info,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense span.info {
  color: #858899;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap span.info:before, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap span.info:before, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap span.info:before,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense span.info:before,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense span.info:before,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense span.info:before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  content: "※";
  width: auto;
  height: auto;
  margin-right: 5px;
  margin-left: -20px;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap button.btn_select, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap button.btn_select, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap button.btn_select,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense button.btn_select,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense button.btn_select,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense button.btn_select {
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
  color: #858899;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap button.btn_select.on, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap button.btn_select.on, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap button.btn_select.on,
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense button.btn_select.on,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense button.btn_select.on,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense button.btn_select.on {
  color: #585CFF;
  background: #F7F7FA;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
.layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
.layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
.layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
.layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
  .layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
  .layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
  .layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input {
  max-width: 120px;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] input::disabled, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input::disabled, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input::disabled {
  background: rgb(199.9230769231, 199.9230769231, 220.5769230769);
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap .select_box, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap .select_box, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap .select_box {
  margin-right: 7px;
  margin-bottom: 8px;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense {
  width: 100%;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense textarea, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense textarea, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense textarea {
  width: 100%;
  min-height: 100px;
}
.layerpop article.reservation .box .form_box div[class$=_box_out] .select_wrap:before, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .select_wrap:before, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .select_wrap:before {
  top: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-left: 1px solid #e0e0e0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.layerpop article.reservation .box .form_box div.phone_box_out input, .layerpop article.reservation article.term_wrap .term_box .form_box div.phone_box_out input, .layerpop article.term_wrap article.reservation .term_box .form_box div.phone_box_out input {
  margin-right: 7px;
  vertical-align: middle;
  text-align: center;
}
.layerpop article.reservation .box .form_box div.phone_box_out input:first-of-type, .layerpop article.reservation article.term_wrap .term_box .form_box div.phone_box_out input:first-of-type, .layerpop article.term_wrap article.reservation .term_box .form_box div.phone_box_out input:first-of-type {
  width: 70px;
}
.layerpop article.reservation .box .form_box div.phone_box_out input, .layerpop article.reservation article.term_wrap .term_box .form_box div.phone_box_out input, .layerpop article.term_wrap article.reservation .term_box .form_box div.phone_box_out input {
  width: 90px;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .form_box, .layerpop article.reservation article.term_wrap .term_box .form_box, .layerpop article.term_wrap article.reservation .term_box .form_box {
    padding: 0 var(--uh-gutter-x);
  }
  .layerpop article.reservation .box .form_box div[class$=_box_out], .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out], .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] {
    display: block;
  }
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap,
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense {
    padding: 8px 0;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
  .layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
    margin: 5px 5px;
    padding: 10px 11px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 120%;
  }
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap,
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_dvlicense,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_dvlicense,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_dvlicense {
    width: 100%;
  }
  .layerpop article.reservation .box .form_box div[class$=_box_out] .input_wrap .select_box, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] .input_wrap .select_box, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] .input_wrap .select_box {
    padding-bottom: 5px;
  }
}
@media (max-width: 480px) and (max-width: 640px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
  .layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) and (max-width: 480px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
  .layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 480px) and (max-width: 320px) {
  .layerpop article.reservation .box .form_box div[class$=_box_out] input, .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] input, .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] input,
  .layerpop article.reservation .box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] textarea,
  .layerpop article.reservation .box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.reservation article.term_wrap .term_box .form_box div[class$=_box_out] button.btn_select,
  .layerpop article.term_wrap article.reservation .term_box .form_box div[class$=_box_out] button.btn_select {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.border_srch {
  margin: 50px 0 0 0;
}
.border_srch::after {
  display: block;
  clear: both;
  content: "";
}
.border_srch h3 {
  margin: 0 0 15px 0;
}
.border_srch div.select_wrap {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  width: 397px;
  height: 35px;
  overflow: hidden;
}
.border_srch div.select_wrap.select_wrap {
  border: 1px solid #e0e0e0;
  background: #fff url(/WASUB/_Resources/images/ic_arrow_s.png) no-repeat top right;
  margin: 0 5px 0 0;
  font-size: 12px;
  font-size: 0.78rem;
  color: #858899;
}
.border_srch div.select_wrap.select_wrap:hover {
  border: 1px solid #000;
}
.border_srch div.select_wrap label {
  position: absolute;
  top: 5px;
  left: 5px;
}
.border_srch div.select_wrap select {
  padding: 5px;
  width: 100%;
  height: 35px;
  border: none;
  box-shadow: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
.border_srch div.select_wrap {
  margin: 0 9px 0 0 !important;
}
.border_srch button.btn_search {
  width: 88px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  margin-left: 2px;
}

/* 버튼 */
.wrap > header div.header_top div.user_menu a,
.wrap > header div.header_top div.user_menu button {
  width: auto;
  height: auto;
  padding: 0 12px;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
}
@media (max-width: 480px) {
  .wrap > header div.header_top div.user_menu a,
  .wrap > header div.header_top div.user_menu button {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}
.wrap > header div.header_top div.user_menu a,
.wrap > header div.header_top div.user_menu button {
  line-height: 120%;
  font-weight: 600;
  vertical-align: middle;
}
.wrap > header div.header_top div.user_menu a:hover,
.wrap > header div.header_top div.user_menu button:hover {
  color: #585CFF;
}
.wrap > header div.header_top div.user_menu a span,
.wrap > header div.header_top div.user_menu button span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.category_all_layer.categorySearchMode button.btn_prev, button.btn_menu_close, .userinfo_layer button.btn_userinfo_close, .btn_pick {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 30px;
  font-size: 1.95rem;
  transition: all 0.05s ease-out;
}

div.join_btns {
  margin: 70px 0 0 0;
  text-align: center;
}
div.join_btns button.left {
  margin: 0 10px 0 0;
}
div.join_btns button.btn_ok {
  width: 190px;
  height: 50px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
}
div.join_btns button.btn_cancel {
  border: 1px solid #000;
  color: #000;
  width: 190px;
  height: 50px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
div.join_btns button.btn_cancel:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.join_btns button.btn_cancel {
  background: none;
}

.layerpop {
  z-index: 9999;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: #2D2B36;
  /* The Fallback */
  background: rgba(45, 43, 54, 0.6);
}
.layerpop ::-webkit-scrollbar {
  width: 6.5px;
  height: 6.5px;
}
.layerpop ::-webkit-scrollbar-thumb {
  background: rgb(198.5, 198.5, 198.5);
  border-radius: 10px;
}
.layerpop ::-webkit-scrollbar-track {
  background: rgb(232.4, 232.4, 232.4);
  border-radius: 10px;
}
.layerpop body.test {
  scrollbar-face-color: rgb(198.5, 198.5, 198.5);
  scrollbar-track-color: rgb(232.4, 232.4, 232.4);
}
@media (max-width: 480px) {
  .layerpop {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
  }
}
.show.layerpop {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.layerpop .popup_cont {
  display: none;
  position: relative;
  width: 95%;
  height: 100%;
  padding: 15px 28px 40px;
  background: #fff;
  border-radius: 24px;
}
@media (max-width: 480px) {
  .layerpop .popup_cont {
    width: 100%;
    height: 100%;
    padding: 10px 20px 20px;
    border-radius: 0;
  }
}
.layerpop .popup_cont h3 {
  width: 100%;
  height: 40px;
  font-size: 22px;
  font-size: 1.43rem;
}
@media (max-width: 480px) {
  .layerpop .popup_cont h3 {
    font-size: 18px;
    font-size: 1.17rem;
  }
}
.layerpop .popup_cont .layer_close {
  top: 15px;
  right: 15px;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 40px;
  height: 40px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.layerpop .popup_cont .layer_close i {
  font-size: 24px;
  font-size: 1.56rem;
  line-height: 140%;
  letter-spacing: -0.075rem;
}
@media (max-width: 480px) {
  .layerpop .popup_cont .layer_close i {
    font-size: 22px;
    font-size: 1.43rem;
  }
}
@media (max-width: 480px) {
  .layerpop .popup_cont .layer_close {
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    position: absolute;
  }
}
.layerpop .popup_cont .box, .layerpop .popup_cont article.term_wrap .term_box, .layerpop article.term_wrap .popup_cont .term_box {
  height: calc(100% - 40px);
  overflow-y: auto;
}
@media (max-width: 480px) {
  .layerpop .popup_cont .box, .layerpop .popup_cont article.term_wrap .term_box, .layerpop article.term_wrap .popup_cont .term_box {
    height: calc(100% - 10px);
  }
}

aside#skipToContent a:focus {
  outline: none;
  position: relative;
}
aside#skipToContent a:focus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px dotted rgb(0, 0, 0);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  z-index: 999;
}

div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table {
  width: 100%;
  margin: 0 0 80px 0;
}
@media (max-width: 800px) {
  div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table {
    margin: 0 0 50px 0;
    font-size: 12px;
  }
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table caption, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table caption {
  display: none;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table tr:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table tr:hover {
  background: #fff;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table th, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table th {
  background: #aab4bd;
  color: #fff;
  padding: 10px;
  text-align: center;
}
@media (max-width: 800px) {
  div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table th, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table th {
    padding: 10px 2px 10px 2px;
  }
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td {
  border-bottom: 1px solid #dddddd;
  color: #aab4bd;
  padding: 10px;
  text-align: center;
}
@media (max-width: 800px) {
  div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td {
    padding: 10px 5px 10px 5px;
  }
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td a, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td a {
  color: #666;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td a:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td a:hover {
  text-decoration: underline;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td.td_title, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td.td_title {
  text-align: left;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td.lec_title, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td.lec_title {
  text-align: left;
  font-size: 15px;
  color: #424242;
  padding: 10px 0 10px 20px;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p strong, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p strong, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p a, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p a {
  display: block;
  margin: 0 0 3px 0;
  font-weight: normal;
  font-size: 15px;
  color: #424242;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p a, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p a {
  display: block;
  margin: 0 0 7px 0;
  font-weight: normal;
  font-size: 15px;
  color: #424242;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p a:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p a:hover {
  text-decoration: underline;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie {
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  font-size: 18px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center;
}
@media (max-width: 480px) {
  div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie {
    width: 23px;
    height: 23px;
    font-size: 17px;
  }
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play {
  font-size: 22px;
}
@media (max-width: 800px) {
  div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie {
    font-size: 17px;
  }
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie:hover {
  color: #424242;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play i, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play i, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play i, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play i, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie i, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie i {
  display: block;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td button.download_play {
  font-size: 19px;
}
@media (max-width: 480px) {
  div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td button.download_play {
    font-size: 16px;
  }
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td button.download_play i, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td button.download_play i {
  color: #5f5f5f;
}

div.product_admin_wrap div.product_admin section.pa_view article h3.pa_h, div.banner_admin_wrap div.banner_admin section.ba_view article h3.ba_h {
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 2px solid #0b71b9;
}
@media (max-width: 800px) {
  div.product_admin_wrap div.product_admin section.pa_view article h3.pa_h, div.banner_admin_wrap div.banner_admin section.ba_view article h3.ba_h {
    margin: 50px 0 0 0;
    font-size: 17px;
    border-bottom: 3px solid #0b71b9;
  }
}

div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box {
  width: auto;
  height: auto;
  float: right;
  text-align: center;
}
@media (max-width: 480px) {
  div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box {
    width: 50%;
  }
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input#search, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#search {
  width: 150px;
  height: 35px;
  border: 1px solid #c6c8cd;
  padding: 5px 10px 7px;
  border-radius: 0;
  border-style: solid;
  -webkit-appearance: none;
  vertical-align: middle;
}
@media (max-width: 480px) {
  div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input#search, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#search {
    width: 70%;
    padding: 10px;
  }
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search {
  height: 35px;
  padding: 5px 15px 7px;
  background-color: #c6c8cd;
  color: #FFF;
  border: 1px solid #c6c8cd;
  text-align: center;
  border-radius: 0;
  -webkit-appearance: none;
  vertical-align: middle;
}
@media (max-width: 800px) {
  div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search {
    height: 35px;
  }
}
@media (max-width: 480px) {
  div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search {
    width: 30%;
    height: 35px;
    padding: 5px 0;
  }
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search:hover, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search:hover {
  background-color: #aab4bd;
  border: 1px solid #aab4bd;
}

/*_fonts.scss*/
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url("/WASUB/_Resources/fonts/NotoSansKR-Thin.woff2") format("woff2"), url("/WASUB/_Resources/fonts/NotoSansKR-Thin.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url("/WASUB/_Resources/fonts/NotoSansKR-Light.woff2") format("woff2"), url("/WASUB/_Resources/fonts/NotoSansKR-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("/WASUB/_Resources/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/WASUB/_Resources/fonts/NotoSansKR-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url("/WASUB/_Resources/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/WASUB/_Resources/fonts/NotoSansKR-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url("/WASUB/_Resources/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("/WASUB/_Resources/fonts/NotoSansKR-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url("/WASUB/_Resources/fonts/NotoSansKR-Black.woff2") format("woff2"), url("/WASUB/_Resources/fonts/NotoSansKR-Black.woff") format("woff");
}
/*_buttons.scss*/
.ripple {
  overflow: hidden;
}

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  animation: ripple-animation 1s;
}

@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}
button,
input {
  outline: 0;
}

.btn_pick i {
  width: 100%;
  height: 100%;
  background: url(/WASUB/_Resources/images/icon/icon-heart.png) no-repeat center center;
  background-size: 100% auto;
}
.btn_pick.on i {
  background-image: url(/WASUB/_Resources/images/icon/icon-heart_active.png);
}

.board_link_btn {
  padding: 8px 30px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.board_link_btn.blue {
  background: rgb(62.5, 67.1107784431, 255);
}

/*_icons.scss*/
@font-face {
  font-family: "icomoon";
  src: url("/WASUB/_Resources/fonts/icomoon/icomoon.ttf?f70e8v") format("truetype"), url("/WASUB/_Resources/fonts/icomoon/icomoon.woff?f70e8v") format("woff"), url("/WASUB/_Resources/fonts/icomoon/icomoon.svg?f70e8v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-left_arrow_thin:before {
  content: "\e611";
}

.icon-btm_arrow_thin:before {
  content: "\e607";
}

.icon-top_arrow_thin:before {
  content: "\e609";
}

.icon-right_arrow_thin:before {
  content: "\e613";
}

.icon-memo:before {
  content: "\e638";
}

.icon-cart3:before {
  content: "\e622";
}

.icon-cart31:before {
  content: "\e623";
}

.icon-cart32:before {
  content: "\e624";
}

.icon-payback1:before {
  content: "\e674";
}

.icon-payback2:before {
  content: "\e675";
}

.icon-shoppingcart32:before {
  content: "\e951";
}

.icon-arrow39:before {
  content: "\e952";
}

.icon-arrow_down_circle_fill:before {
  content: "\e953";
}

.icon-box_pac:before {
  content: "\e954";
}

.icon-arrow_up_circle_fill:before {
  content: "\e955";
}

.icon-paperclip:before {
  content: "\e950";
}

.icon-check-ipin:before {
  content: "\e942";
}

.icon-check-phone:before {
  content: "\e94e";
}

.icon-thumbs-up:before {
  content: "\e94f";
}

.icon-phone1:before {
  content: "\e943";
}

.icon-quotes-left1:before {
  content: "\e979";
}

.icon-quotes-right1:before {
  content: "\e97a";
}

.icon-happy1:before {
  content: "\e9e0";
}

.icon-smile1:before {
  content: "\e9e2";
}

.icon-sad1:before {
  content: "\e9e6";
}

.icon-confused1:before {
  content: "\e9f6";
}

.icon-neutral1:before {
  content: "\e9f8";
}

.icon-crying1:before {
  content: "\ea02";
}

.icon-checkmark1:before {
  content: "\ea12";
}

.icon-checkmark21:before {
  content: "\ea13";
}

.icon-play31:before {
  content: "\ea1f";
}

.icon-pause21:before {
  content: "\ea20";
}

.icon-stop21:before {
  content: "\ea21";
}

.icon-alert-triangle:before {
  content: "\e906";
}

.icon-arrow-down:before {
  content: "\e907";
}

.icon-arrow-down-circle:before {
  content: "\e908";
}

.icon-arrow-down-left:before {
  content: "\e909";
}

.icon-arrow-down-right:before {
  content: "\e90a";
}

.icon-arrow-left:before {
  content: "\e90b";
}

.icon-arrow-left-circle:before {
  content: "\e90c";
}

.icon-arrow-right:before {
  content: "\e90d";
}

.icon-arrow-right-circle:before {
  content: "\e90e";
}

.icon-arrow-up:before {
  content: "\e90f";
}

.icon-arrow-up-circle:before {
  content: "\e910";
}

.icon-arrow-up-left:before {
  content: "\e911";
}

.icon-arrow-up-right:before {
  content: "\e912";
}

.icon-bell:before {
  content: "\e913";
}

.icon-book:before {
  content: "\e914";
}

.icon-book-open:before {
  content: "\e915";
}

.icon-check:before {
  content: "\e916";
}

.icon-check-circle:before {
  content: "\e917";
}

.icon-check-square:before {
  content: "\e918";
}

.icon-chevron-down:before {
  content: "\e919";
}

.icon-chevron-left:before {
  content: "\e91a";
}

.icon-chevron-right:before {
  content: "\e91b";
}

.icon-chevron-up:before {
  content: "\e91c";
}

.icon-chevrons-down:before {
  content: "\e91d";
}

.icon-chevrons-left:before {
  content: "\e91e";
}

.icon-chevrons-right:before {
  content: "\e91f";
}

.icon-chevrons-up:before {
  content: "\e920";
}

.icon-clock:before {
  content: "\e921";
}

.icon-cpu:before {
  content: "\e922";
}

.icon-download:before {
  content: "\e923";
}

.icon-edit:before {
  content: "\e924";
}

.icon-edit-3:before {
  content: "\e925";
}

.icon-eye:before {
  content: "\e926";
}

.icon-eye-off:before {
  content: "\e927";
}

.icon-fast-forward:before {
  content: "\e928";
}

.icon-file:before {
  content: "\e929";
}

.icon-file-text:before {
  content: "\e92a";
}

.icon-grid:before {
  content: "\e92b";
}

.icon-hash:before {
  content: "\e92c";
}

.icon-home1:before {
  content: "\e92d";
}

.icon-image:before {
  content: "\e92e";
}

.icon-info:before {
  content: "\e92f";
}

.icon-link-2:before {
  content: "\e930";
}

.icon-list:before {
  content: "\e931";
}

.icon-message-circle:before {
  content: "\e932";
}

.icon-minus:before {
  content: "\e933";
}

.icon-minus-circle:before {
  content: "\e934";
}

.icon-minus-square:before {
  content: "\e935";
}

.icon-more-vertical:before {
  content: "\e936";
}

.icon-pause:before {
  content: "\e937";
}

.icon-pause-circle:before {
  content: "\e938";
}

.icon-play:before {
  content: "\e939";
}

.icon-play-circle:before {
  content: "\e93a";
}

.icon-plus:before {
  content: "\e93b";
}

.icon-plus-circle:before {
  content: "\e93c";
}

.icon-plus-square:before {
  content: "\e93d";
}

.icon-recovery:before,
.icon-refresh-ccw:before {
  content: "\e93e";
}

.icon-rewind:before {
  content: "\e93f";
}

.icon-save:before {
  content: "\e940";
}

.icon-search:before {
  content: "\e900";
}

.icon-share:before {
  content: "\e941";
}

.icon-smile2:before {
  content: "\e944";
}

.icon-trash-2:before {
  content: "\e945";
}

.icon-user:before {
  content: "\e946";
}

.icon-volume-2:before {
  content: "\e947";
}

.icon-volume-x:before {
  content: "\e948";
}

.icon-x:before {
  content: "\e949";
}

.icon-x-square:before {
  content: "\e94a";
}

.icon-youtube:before {
  content: "\e94b";
}

.icon-zoom-in:before {
  content: "\e94c";
}

.icon-zoom-out:before {
  content: "\e94d";
}

.icon-home:before {
  content: "\e901";
}

.icon-close:before {
  content: "\e902";
}

.icon-next:before {
  content: "\e903";
}

.icon-play-circle-fill:before {
  content: "\e904";
}

.icon-category:before {
  content: "\e905";
}

i[class^=badge-],
span[class^=badge-] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

i.badge-new {
  background-image: url("/WASUB/_Resources/images/icon/badge_new.png");
  background-image: url("/WASUB/_Resources/images/icon/badge_new.svg");
}
i.badge-premier {
  background-image: url("/WASUB/_Resources/images/icon/grade_p.png");
  background-image: url("/WASUB/_Resources/images/icon/grade_p.svg");
}
i.badge-standard {
  background-image: url("/WASUB/_Resources/images/icon/grade_s.png");
  background-image: url("/WASUB/_Resources/images/icon/grade_s.svg");
}
i.badge-basic {
  background-image: url("/WASUB/_Resources/images/icon/grade_b.png");
  background-image: url("/WASUB/_Resources/images/icon/grade_b.svg");
}
i.badge-filedown {
  background-image: url("/WASUB/_Resources/images/icon/icon-filedown.png");
  background-image: url("/WASUB/_Resources/images/icon/icon-filedown.svg");
}

span[class^=badge-] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: none;
  width: auto;
  height: 18px;
  padding: 0 6px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 10px;
  font-size: 0.65rem;
  line-height: 13px;
  line-height: 1rem;
  font-weight: 600;
  letter-spacing: normal;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #fff;
}
@media (max-width: 640px) {
  span[class^=badge-] {
    padding: 0 4px;
    -webkit-border-radius: 2.5px;
    border-radius: 2.5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}
span[class^=badge-].on {
  display: inline-flex;
}

span.badge-new {
  background: #f21c1e;
  color: #fff;
}
span.badge-premium {
  background: #FFF595;
  color: #FF7747;
}
span.badge-standard {
  background: #20FA6F;
  color: #111111;
}
span.badge-hot {
  background: #585CFF;
  color: #fff;
}
span.badge-finish {
  background: #C5C5CE;
  color: #2D2B36;
}

.icon-imc_login {
  width: 544px;
  height: 382px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/WASUB/_Resources/images/imc/imc_login.png);
  background-size: 100% auto;
}

.avatar {
  height: 3rem;
  width: 3rem;
  position: relative;
  display: inline-block !important;
  border: 1px solid rgb(221.8923076923, 221.8923076923, 234.3076923077);
  background: rgb(231.3076923077, 231.3076923077, 240.1923076923);
  border-radius: 50%;
  overflow: hidden;
}
.avatar .avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.avatar-group {
  padding: 0;
  display: flex;
}
.avatar-group > li {
  position: relative;
}
.avatar-group > li:not(:last-child) {
  margin-right: -0.8rem;
}
.avatar-group .avatar-img {
  border: 2px solid #F7F7FA;
}

.avatar-name {
  margin-left: 7px;
}

.avatar-xxs {
  height: 1.6826923077rem;
  width: 1.6826923077rem;
}

.avatar-xs {
  height: 2.1875rem;
  width: 2.1875rem;
}

.avatar-sm {
  height: 2.5rem;
  width: 2.5rem;
}

.avatar-lg {
  height: 4rem;
  width: 4rem;
}

.avatar-xl {
  height: 5.125rem;
  width: 5.125rem;
}

.avatar-xxl {
  height: 5.125rem;
  width: 5.125rem;
}
@media (max-width: 800px) {
  .avatar-xxl {
    width: 8rem;
    height: 8rem;
  }
}

.avatar-xxxl {
  height: 8rem;
  width: 8rem;
}
@media (max-width: 800px) {
  .avatar-xxxl {
    width: 11rem;
    height: 11rem;
  }
}

.card {
  position: relative;
  width: 100%;
  max-width: 260px;
  border-radius: 1rem;
  background: #fff;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.075);
  z-index: 1;
}
.card a {
  display: block;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media (max-width: 1024px) {
  .card {
    border-radius: 0.75rem;
  }
}
@media (max-width: 480px) {
  .card {
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.075);
  }
}
@media (max-width: 320px) {
  .card {
    max-width: none;
  }
}
.card:hover .ratio .card_img, .card:focus .ratio .card_img {
  opacity: 0.95;
  transform: scale(1.05);
}
.card.finish {
  background: #EBEBF2;
  border-color: #EBEBF2;
}
.card.finish .card_body h4.title {
  color: #c9cad1;
}
.card.finish .card_body span.badge-finish {
  display: inline-flex;
}
.card.wishPick {
  border: 1px solid transparent;
  overflow: hidden;
}
.card.wishPick .ratio {
  background-color: #fff;
}
.card.wishPick .ratio .card_img,
.card.wishPick .title_group {
  opacity: 0.6;
}
.card.wishPick .flag_group .badge_list {
  opacity: 0;
  height: 0;
}
.card.wishPick:hover, .card.wishPick:focus {
  border: 1px solid #d82222;
}
.card.wishPick:hover .ratio .card_img, .card.wishPick:focus .ratio .card_img {
  transform: scale(1);
}
.card.wishPick:hover .card_body .flag_group button.btn_pick, .card.wishPick:focus .card_body .flag_group button.btn_pick {
  border-color: #d82222;
  background: #d82222;
  transform: scale(1.075);
  transition: all 0.25s ease-in-out;
}
.card.wishPick:hover .card_body .flag_group button.btn_pick:after, .card.wishPick:focus .card_body .flag_group button.btn_pick:after {
  color: #fff !important;
  font-weight: bold;
}
.card.wishPick:active .card_body .flag_group button.btn_pick {
  border-color: #d82222;
  background: #d82222;
  transform: scale(1);
  transition: all 0.25s ease-out;
}
.card.wishPick:active .card_body .flag_group button.btn_pick:after {
  color: #fff !important;
  font-weight: bold;
}
.card.wishPick .card_body {
  padding-bottom: 0.7rem;
}
.card.wishPick .card_body .flag_group {
  margin-top: 0.484rem;
  justify-content: center;
}
.card.wishPick .card_body .flag_group button.btn_pick {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  border-radius: 8px;
  border: 1px solid #c9cad1;
}
@media (max-width: 1024px) {
  .card.wishPick .card_body .flag_group button.btn_pick {
    height: 2.2475rem;
  }
}
.card.wishPick .card_body .flag_group button.btn_pick:after {
  content: "찜하기!";
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 100%;
  word-break: keep-all;
  text-align: center;
  color: #858899;
}
@media (max-width: 1024px) {
  .card.wishPick .card_body .flag_group button.btn_pick:after {
    font-size: 13px;
    font-size: 0.845rem;
    line-height: 100%;
  }
}
.card.wishPick .card_body .flag_group button.btn_pick i {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 8px;
}
@media (max-width: 1024px) {
  .card.wishPick .card_body .flag_group button.btn_pick i {
    width: 1.05rem;
    height: 1.05rem;
  }
}
.card .ratio {
  width: 100%;
  background: #e0e0e0;
  border-top-left-radius: 0.938rem;
  border-top-right-radius: 0.938rem;
  overflow: hidden;
}
@media (max-width: 480px) {
  .card .ratio {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}
.card .card_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s linear;
}
.card .card_body {
  width: 100%;
  padding: 1.25rem;
}
@media (max-width: 1024px) {
  .card .card_body {
    padding: 0.75rem;
  }
}
.card .card_body .title_group h4.title {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  font-size: 16.4px;
  font-size: 1.066rem;
  line-height: 15px;
  line-height: 1.25rem;
  font-weight: 500;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card .card_body .title_group .tc {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0.5rem 0 0 0;
  padding: 0;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
}
@media (max-width: 480px) {
  .card .card_body .title_group .tc {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}
.card .card_body .title_group .tc {
  color: rgb(202.4419642857, 203.734375, 211.0580357143);
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card .card_body .flag_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.375rem;
}
.card .card_body .flag_group button.btn_pick {
  position: relative;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  z-index: 10;
  transform-origin: center center;
}
.card .card_body .flag_group button.btn_pick:hover {
  transform: scale(1.5);
  transition: all 0.25s ease-in-out;
}
.card .card_body .flag_group button.btn_pick:active {
  transform: scale(1);
  transition: all 0.25s ease-out;
}
.card .card_body .flag_group .badge_list {
  flex: 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
.card .card_body .flag_group .badge_list span.badge-finish {
  top: calc(56.25% - 40px);
  right: 0.5rem;
  bottom: auto;
  left: auto;
  position: absolute;
  height: 1.25rem;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 15px;
  line-height: 1.25rem;
  border: 0;
  letter-spacing: 0.025rem;
}
@media (max-width: 480px) {
  .card .card_body .flag_group .badge_list span.badge-finish {
    top: calc(56.25% - 30px);
    right: 0.25rem;
    bottom: auto;
    left: auto;
    position: absolute;
    height: 1.25rem;
    font-size: 11px;
    font-size: 0.715rem;
    line-height: 14px;
    line-height: 1.125rem;
    letter-spacing: normal;
  }
}

.card.blank {
  position: relative;
  height: auto;
  background: rgb(245.3785046729, 245.3785046729, 246.8714953271);
  z-index: 0;
}
.card.blank:before, .card.blank:after {
  content: "";
  display: block;
  width: auto;
  height: auto;
}
.card.blank:before {
  padding-top: 56.25%;
}
.card.blank:after {
  padding-top: 130px;
}
@media (max-width: 800px) {
  .card.blank:after {
    padding-top: 122px;
  }
}
@media (max-width: 480px) {
  .card.blank:after {
    padding-top: 114px;
  }
}
.card.blank > p {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .card.blank > p {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .card.blank > p {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .card.blank > p {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.card.blank > p {
  line-height: 15px;
  line-height: 1.25rem;
  color: rgb(188.5535714286, 190.1875, 199.4464285714);
  font-weight: normal;
  z-index: 1;
}

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

html,
body {
  height: 100%;
  margin: 0;
  font-family: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  color: #2D2B36;
  word-spacing: -0.05rem;
  letter-spacing: -0.025rem;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e0e0e0;
  margin: 1em 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
svg,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

a {
  color: #464646;
  text-decoration: none;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 80%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  display: block;
  border: 0 none;
}

figure {
  margin: 1em 40px;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
  border: none;
  background: none;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: url("/WASUB/_Resources/images/common/search_cancel.png") center center no-repeat;
  background-size: 75%;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*공통*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  margin-block: 0;
}

h1 {
  font-size: 22px;
  font-size: 1.43rem;
}

h2 {
  font-size: 18px;
  font-size: 1.17rem;
}

h3 {
  font-size: 16px;
  font-size: 1.04rem;
}

h4,
h5,
h6 {
  font-size: 14px;
  font-size: 0.91rem;
}

em,
address {
  font-style: normal;
}

dl,
ul,
ol,
menu,
li,
dt,
dd,
p,
div {
  margin: 0;
  padding: 0;
  margin-block: 0;
  padding-block: 0;
  margin-inline: 0;
  padding-inline: 0;
  list-style: none;
}

label {
  cursor: pointer;
}

legend,
table caption,
.ir_pm,
.visually-hidden,
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap label,
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap label,
.blind,
.layerpop article.reservation .box h4,
.layerpop article.reservation article.term_wrap .term_box h4,
.layerpop article.term_wrap article.reservation .term_box h4 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(1px 1px 1px 1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

label:focus,
a:focus,
button:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=submit]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
textarea:focus,
select:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.65);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px rgba(255, 255, 255, 0.5);
}
.device_mobile label:focus,
.device_mobile a:focus,
.device_mobile button:focus,
.device_mobile input[type=text]:focus,
.device_mobile input[type=password]:focus,
.device_mobile input[type=submit]:focus,
.device_mobile input[type=search]:focus,
.device_mobile input[type=email]:focus,
.device_mobile input[type=tel]:focus,
.device_mobile input[type=checkbox]:focus,
.device_mobile input[type=radio]:focus,
.device_mobile textarea:focus,
.device_mobile select:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 transform;
  -moz-box-shadow: 0 0 0 transform;
  box-shadow: 0 0 0 transform;
}

:root {
  --uh-gutter-x: 24px;
}
@media (max-width: 1024px) {
  :root {
    --uh-gutter-x: 20px;
  }
}
@media (max-width: 480px) {
  :root {
    --uh-gutter-x: 18px;
  }
}

.mt0 {
  margin: 0 !important;
}

.mr30 {
  margin-right: 30px !important;
}

.bg_white {
  background: #fff !important;
}

.bg_sub {
  background: #eaf0f6 !important;
}

.cb::after {
  display: block;
  clear: both;
  content: "";
}

.space {
  width: 100%;
  height: 4rem;
}
.space.space-xl {
  height: 10rem;
}
.space.space-lg {
  height: 6rem;
}
.space.space-sm {
  height: 2rem;
}

.device_PC .on_w {
  display: block;
}
.device_mobile .on_w {
  display: none;
}
.device_mobile.device_phone .on_w {
  display: none;
}

.device_PC .on_w_inline {
  display: inline-block;
}
.device_mobile .on_w_inline {
  display: none;
}
.device_mobile.device_phone .on_w_inline {
  display: none;
}

.device_PC .on_w_flex {
  display: flex;
}
.device_mobile .on_w_flex {
  display: none;
}
.device_mobile.device_phone .on_w_flex {
  display: none;
}

.device_PC .on_m {
  display: none;
}
.device_mobile .on_m {
  display: block;
}
.device_mobile.device_phone .on_m {
  display: block;
}

.device_PC .on_m_inline {
  display: none;
}
.device_mobile .on_m_inline {
  display: inline-block;
}
.device_mobile.device_phone .on_m_inline {
  display: inline-block;
}

.device_PC .on_m_flex {
  display: none;
}
.device_mobile .on_m_flex {
  display: flex;
}
.device_mobile.device_phone .on_m_flex {
  display: flex;
}

.logo_BI {
  display: inline-block;
  width: 240px;
  height: auto;
}
@media (max-width: 800px) {
  .logo_BI {
    width: 180px;
  }
}
@media (max-width: 480px) {
  .logo_BI {
    width: 140px;
  }
}
.logo_BI > img {
  width: 100%;
  height: auto;
}

.border_srch {
  margin-top: 40px;
  padding: 25px 0;
  background: #e0e0e0;
  text-align: center;
}
.border_srch label {
  margin-right: 30px;
}
.border_srch fieldset {
  display: inline-block;
  vertical-align: top;
}
.border_srch fieldset input.search_input {
  width: 400px;
  height: 35px;
  padding: 0 0 0 10px;
}

.btn_list {
  margin-top: 30px;
  overflow: hidden;
}
.btn_list button.top_back {
  float: right;
  border: 1px solid #00c63c;
  color: #00c63c;
  width: 115px;
  height: 40px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.btn_list button.top_back:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn_list button.top_back {
  background: url(/WASUB/_Resources/images/ic_arrow_left_b.png) no-repeat 15px 13px;
  text-align: left;
  padding: 0 0 3px 50px;
}

iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border: none;
  overflow-y: auto;
}

.layerpop article.reservation {
  max-width: 650px;
  max-height: 780px;
  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.15);
}
.layerpop article.reservation h3 {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 4.375rem;
  font-size: 19px;
  font-size: 1.235rem;
  line-height: 120%;
  letter-spacing: -0.05rem;
}
@media (max-width: 480px) {
  .layerpop article.reservation h3 {
    font-size: 18px;
    font-size: 1.17rem;
  }
}
.layerpop article.reservation h3 {
  text-align: center;
  color: #fff;
  font-weight: normal;
  background: #585CFF;
  border-radius: 1.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.layerpop article.reservation h3:after {
  content: "";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: 0.25rem;
  background: url(/WASUB/_Resources/images/icon/icon-headset.png) no-repeat center center;
  background-image: url(/WASUB/_Resources/images/icon/icon-headset.svg);
  background-size: 100% auto;
}
.layerpop article.reservation button.layer_close {
  color: #fff;
  z-index: 2;
}
.layerpop article.reservation button.layer_close i {
  line-height: 100%;
  font-size: 36px;
  font-size: 2.34rem;
}
.is-pc .layerpop article.reservation button.layer_close {
  top: -3rem;
  right: 0;
}
.is-mobile .layerpop article.reservation button.layer_close {
  top: 0.75rem;
  right: 0.75rem;
}
@media (max-width: 480px) {
  .is-mobile .layerpop article.reservation button.layer_close {
    top: 0.5rem;
    right: 0.5rem;
  }
}
.layerpop article.reservation .box, .layerpop article.reservation article.term_wrap .term_box, .layerpop article.term_wrap article.reservation .term_box {
  max-width: 630px;
  height: calc(100% - 4.375rem);
  margin-top: 4.375rem;
  padding-bottom: 2rem;
}
.layerpop article.reservation .box .all_agree, .layerpop article.reservation article.term_wrap .term_box .all_agree, .layerpop article.term_wrap article.reservation .term_box .all_agree {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0.5rem;
  border-bottom: 1px solid #e0e0e0;
}
.layerpop article.reservation .box .all_agree .input_wrap, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.layerpop article.reservation .box .all_agree .input_wrap label, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap label, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap label {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .all_agree .input_wrap label, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap label, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap label {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .all_agree .input_wrap label, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap label, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap label {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation .box .all_agree .input_wrap label, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap label, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap label {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.layerpop article.reservation .box .all_agree .input_wrap label, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap label, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap label {
  line-height: 120%;
}
.layerpop article.reservation .box .all_agree button.btn_contmore, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #858899;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .all_agree button.btn_contmore, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .all_agree button.btn_contmore, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation .box .all_agree button.btn_contmore, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.layerpop article.reservation .box .all_agree button.btn_contmore, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore {
  opacity: 0.5;
}
.layerpop article.reservation .box .all_agree button.btn_contmore:after, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore:after, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore:after {
  content: "\e919";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 1.5rem;
  height: auto;
  font-family: "icomoon";
}
.layerpop article.reservation .box .all_agree button.btn_contmore:focus, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore:focus, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore:focus, .layerpop article.reservation .box .all_agree button.btn_contmore:active, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore:active, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore:active {
  opacity: 1;
}
.layerpop article.reservation .box .all_agree button.btn_contmore.on:after, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore.on:after, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore.on:after {
  content: "\e91c";
}
.layerpop article.reservation .box .all_agree .cont, .layerpop article.reservation article.term_wrap .term_box .all_agree .cont, .layerpop article.term_wrap article.reservation .term_box .all_agree .cont {
  display: none;
  flex: 0 0 100%;
  width: 100%;
  padding: 1rem 0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation .box .all_agree .cont, .layerpop article.reservation article.term_wrap .term_box .all_agree .cont, .layerpop article.term_wrap article.reservation .term_box .all_agree .cont {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation .box .all_agree .cont, .layerpop article.reservation article.term_wrap .term_box .all_agree .cont, .layerpop article.term_wrap article.reservation .term_box .all_agree .cont {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation .box .all_agree .cont, .layerpop article.reservation article.term_wrap .term_box .all_agree .cont, .layerpop article.term_wrap article.reservation .term_box .all_agree .cont {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.layerpop article.reservation .box .all_agree .cont, .layerpop article.reservation article.term_wrap .term_box .all_agree .cont, .layerpop article.term_wrap article.reservation .term_box .all_agree .cont {
  line-height: 15px;
  line-height: 1.25rem;
  color: #464646;
}
.layerpop article.reservation button.btn_submit {
  display: block;
  width: 90%;
  height: auto;
  max-width: 260px;
  margin: 1.5rem auto 0;
  padding: 1.4rem 2.5rem;
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .layerpop article.reservation button.btn_submit {
    font-size: 15px;
    font-size: 0.975rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation button.btn_submit {
    font-size: 14px;
    font-size: 0.91rem;
  }
}
@media (max-width: 320px) {
  .layerpop article.reservation button.btn_submit {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
.layerpop article.reservation button.btn_submit {
  text-align: center;
  color: #fff;
  background: #2D2B36;
  border-radius: 3rem;
}
@media (max-width: 480px) {
  .layerpop article.reservation {
    max-height: none;
    padding: 1rem 0.5rem 1.5rem;
    border-radius: 0;
  }
  .layerpop article.reservation h3 {
    height: 3.75rem;
    font-size: 19px;
    font-size: 1.235rem;
    line-height: 120%;
    letter-spacing: -0.05rem;
    border-radius: 0;
  }
}
@media (max-width: 480px) and (max-width: 480px) {
  .layerpop article.reservation h3 {
    font-size: 18px;
    font-size: 1.17rem;
  }
}
@media (max-width: 480px) {
  .layerpop article.reservation h3:after {
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0.25rem;
    background: url(/WASUB/_Resources/images/icon/icon-headset.png) no-repeat center center;
    background-image: url(/WASUB/_Resources/images/icon/icon-headset.svg);
    background-size: 100% auto;
  }
  .layerpop article.reservation .box, .layerpop article.reservation article.term_wrap .term_box, .layerpop article.term_wrap article.reservation .term_box {
    height: calc(100% - 3.75rem);
    margin-top: 3.75rem;
    padding-bottom: 3rem;
  }
  .layerpop article.reservation .box .all_agree, .layerpop article.reservation article.term_wrap .term_box .all_agree, .layerpop article.term_wrap article.reservation .term_box .all_agree {
    display: block;
  }
  .layerpop article.reservation .box .all_agree button.btn_contmore, .layerpop article.reservation article.term_wrap .term_box .all_agree button.btn_contmore, .layerpop article.term_wrap article.reservation .term_box .all_agree button.btn_contmore {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.5rem 0;
    margin: 0.25rem auto 0;
  }
  .layerpop article.reservation .box .all_agree .input_wrap, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .layerpop article.reservation .box .all_agree .input_wrap label, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap label, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap label,
  .layerpop article.reservation .box .all_agree .input_wrap span,
  .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap span,
  .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap span {
    vertical-align: top;
  }
  .layerpop article.reservation .box .all_agree .input_wrap label, .layerpop article.reservation article.term_wrap .term_box .all_agree .input_wrap label, .layerpop article.term_wrap article.reservation .term_box .all_agree .input_wrap label {
    width: calc(100% - 25px);
  }
}
.layerpop article.term_wrap {
  max-width: 1000px;
  height: 80%;
}
@media (max-width: 1024px) {
  .layerpop article.term_wrap {
    height: 90%;
  }
}
@media (max-width: 480px) {
  .layerpop article.term_wrap {
    height: 100%;
  }
}
.layerpop article.term_wrap .term_box {
  height: 94%;
}
.layerpop article.term_wrap h3 {
  font-size: 20px;
  font-size: 1.3rem;
}

.popup-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #2D2B36;
  /* The Fallback */
  background: rgba(45, 43, 54, 0.6);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.popup-alert ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.popup-alert ::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 10px;
}
.popup-alert ::-webkit-scrollbar-track {
  background: rgb(242.6, 242.6, 242.6);
  border-radius: 10px;
}
.popup-alert body.test {
  scrollbar-face-color: #e0e0e0;
  scrollbar-track-color: rgb(242.6, 242.6, 242.6);
}
.popup-alert.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}
.popup-alert.is-active .alert-cont {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}
.popup-alert div.alert-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: calc(100% - 40px);
  max-width: 400px;
  height: auto;
  padding: 30px 0 0;
  font-family: "Noto Sans KR", sans-serif;
  text-align: center;
  border: 0;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 5px 5px 15px rgba(45, 43, 54, 0.15);
  -moz-box-shadow: 5px 5px 15px rgba(45, 43, 54, 0.15);
  box-shadow: 5px 5px 15px rgba(45, 43, 54, 0.15);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform-origin: top center;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
.popup-alert div.alert-cont h5.alert-title {
  width: auto;
  margin: 0;
  padding: 0 15px;
  font-size: 18px;
  font-size: 1.17rem;
  color: #2D2B36;
  font-weight: 700;
  vertical-align: middle;
  letter-spacing: -0.75px;
}
.popup-alert div.alert-cont div.alert-body {
  width: 100%;
  padding: 20px 15px 40px;
  font-size: 15px;
  font-size: 0.975rem;
  letter-spacing: -0.75px;
  line-height: 145%;
  color: #2D2B36;
  text-align: center;
}
.popup-alert div.alert-cont div.alert-body .warning {
  color: #f26c4f;
}
.popup-alert div.alert-cont div.alert-body .etc {
  font-size: 13px;
  font-size: 0.845rem;
  font-weight: 300;
}
.popup-alert div.alert-cont div.alert-body p {
  padding: 5px 0;
  word-break: keep-all;
}
.popup-alert div.alert-cont div.alert-body input.form-input {
  max-width: 85%;
  margin: 10px 0 0;
  height: 42px;
  padding-left: 10px;
  text-align: center;
  color: #2D2B36;
  font-size: 16px;
  font-size: 1.04rem;
  border-radius: 5px;
  border: 1px solid #dddddd;
  background-color: #fafafa;
  transition: border 0.05s ease-in-out, background 0.05s ease-in-out;
}
.popup-alert div.alert-cont div.alert-body input.form-input::-webkit-input-placeholder {
  color: #dddddd;
  font-size: 14px;
  font-size: 0.91rem;
}
.popup-alert div.alert-cont div.alert-body input.form-input:focus {
  background-color: #fff;
  border: 1px solid #fafafa !important;
  outline-width: 0;
}
.popup-alert div.alert-cont div.alert-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 48px;
}
.popup-alert div.alert-cont div.alert-footer button {
  flex: 1;
  width: auto;
  height: 100%;
  margin: 0;
  background: #424242;
  color: #fff;
  font-size: 14px;
  font-size: 0.91rem;
  letter-spacing: -0.75px;
  border-radius: 0;
  padding-block: 0;
  padding-inline: 0;
  border: 0;
  transition: background 0.25s ease-in-out;
}
.popup-alert div.alert-cont div.alert-footer button:hover {
  background: rgb(72.7, 77.0664670659, 255);
}
.popup-alert div.alert-cont div.alert-footer button.btn-cancel {
  flex: 0 0 50%;
  width: auto;
  margin: 0;
  background: rgb(242.35, 242.35, 242.35);
  color: #aab4bd;
}
.popup-alert div.alert-cont div.alert-footer button.btn-cancel:hover {
  background: rgb(237.25, 237.25, 237.25);
}
@media (max-width: 480px) {
  .popup-alert div.alert-cont {
    max-width: 320px;
    padding-top: 20px;
    border-radius: 8px;
  }
  .popup-alert div.alert-cont div.alert-body {
    padding: 15px 12px 30px;
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 135%;
  }
  .popup-alert div.alert-cont div.alert-footer {
    height: 42px;
  }
  .popup-alert div.alert-cont div.alert-footer button {
    font-size: 13px;
    font-size: 0.845rem;
  }
}

.privacy_wrap {
  overflow-y: auto;
  height: 95%;
  padding: 0 20px 0 0;
  word-break: keep-all;
}
.privacy_wrap p.pri_box {
  padding: 20px 30px;
  color: #00c63c;
  background: #e0e0e0;
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 13px;
  line-height: 1rem;
}
.privacy_wrap p.pri_box em {
  font-size: 13px;
  font-size: 0.845rem;
  color: #6339ea;
}
.privacy_wrap .pri_article {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 15px;
  line-height: 1.25rem;
}
.privacy_wrap .pri_article h4 {
  margin-top: 50px;
  font-size: 18px;
  font-size: 1.17rem;
  font-weight: normal;
}
.privacy_wrap .pri_article .pri_p1 {
  margin-top: 20px;
  color: #00c63c;
  line-height: 21px;
}
.privacy_wrap .pri_article .ol_depth1 > li {
  margin-top: 20px;
  color: #00c63c;
  line-height: 21px;
}
.privacy_wrap .pri_article h5 {
  margin-bottom: 7px;
  font-size: 14px;
  color: #6339ea;
}
.privacy_wrap .pri_article .bullet {
  padding-left: 20px;
}
.privacy_wrap .pri_article .bullet > li {
  position: relative;
  color: #00c63c;
  margin-top: 7px;
  padding-left: 12px;
  background: url(/WASUB/_Resources/images/bullet.png) 0 10px no-repeat;
}
.privacy_wrap .pri_article .bullet > li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #00c63c;
}
.privacy_wrap table {
  text-align: center;
}
.privacy_wrap table thead tr th {
  background: #666;
  color: #fff;
  padding: 10px;
}
.privacy_wrap table tbody tr td {
  border: 1px solid;
  padding: 10px;
}

.login_exception {
  overflow-y: auto;
  overflow-x: hidden;
}
.login_exception article.login_wrap {
  height: auto;
  margin: 0 0 0 -375px;
}
.login_exception article.login_wrap h2 {
  padding: 10px 0 0 0;
  margin-bottom: 40px;
  background: none;
}
.login_exception article.login_wrap div.input_box {
  position: relative;
}
.login_exception article.login_wrap button.btn_login {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 165px;
  height: 125px;
  padding-top: 46px;
  font-size: 18px;
  color: #fff;
}
.login_exception article.login_wrap .des_box {
  margin-top: 15px;
  padding-top: 15px;
  color: #00c63c;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
}

.ui-widget {
  font-family: "Noto Sans KR", "Malgun Gothic", "Dotum", "DroidFont", sans-serif !important;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Noto Sans KR", "Malgun Gothic", "Dotum", "DroidFont", sans-serif !important;
  font-size: 1em;
}
.ui-widget.ui-widget-content,
.ui-widget .ui-widget-header {
  border: none;
  background: none;
}
.ui-widget .ui-state-active,
.ui-widget .ui-widget-content .ui-state-active,
.ui-widget .ui-widget-header .ui-state-active,
.ui-widget .ui-state-hover,
.ui-widget .ui-widget-content .ui-state-hover {
  border: none;
  background: none;
}

.sorry_wrap {
  height: 100%;
  text-align: center;
  background: #6339ea;
}
.sorry_wrap article {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  position: absolute;
  width: 500px;
  height: 260px;
  margin: -130px 0 0 -250px;
}
@media (max-width: 480px) {
  .sorry_wrap article {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.sorry_wrap article h2 {
  padding-top: 55px;
  font-size: 30px;
  font-weight: normal;
  color: #e0e0e0;
  background: url(/WASUB/_Resources/images/ic_sorry.png) center 0 no-repeat;
}
.sorry_wrap article p {
  margin: 20px auto 0 auto;
  padding: 25px 0;
  color: #e0e0e0;
  line-height: 22px;
  border-top: 1px solid #00c63c;
}
.sorry_wrap article .btn_prev {
  padding: 10px 35px 15px 35px;
  color: #e0e0e0;
  border: 1px solid #e0e0e0;
}

.wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.container,
.container-fluid {
  width: 100%;
  padding-right: var(--uh-gutter-x);
  padding-left: var(--uh-gutter-x);
  margin-right: auto;
  margin-left: auto;
}

.container {
  width: 100%;
  max-width: 1448px;
}
@media (max-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

/* 컨텐츠 레이아웃 */
.contents {
  width: 100%;
  padding-bottom: 4rem;
  flex: 1 1 auto;
}

/*_forms.scss*/
.custom-radio {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  background: rgb(229.23125, 229.23125, 251.31875);
  border-radius: 100%;
  text-align: center;
  z-index: 1;
}
.custom-radio:before {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  content: "";
  width: 12px;
  height: 12px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: rgb(229.23125, 229.23125, 251.31875);
  z-index: 1;
}
.custom-radio + label {
  color: rgb(82.75, 82.75, 82.75);
}
.custom-radio:hover {
  background-position: 0 -16px;
}
.custom-radio.selected:before {
  background: #585CFF;
}
.custom-radio.selected + label {
  color: rgb(57.25, 57.25, 57.25);
}
@media (max-width: 800px) {
  .custom-radio {
    width: 20px;
    height: 20px;
    margin-right: 4px;
  }
  .custom-radio:before {
    width: 10px;
    height: 10px;
  }
}
.custom-radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  outline: none;
  opacity: 0;
}

.custom-checkbox {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  border-radius: 5px;
  border: 1px solid #c9cad1;
  text-align: center;
  color: #c9cad1;
  background: #fff;
  vertical-align: middle;
  z-index: 0;
}
@media (max-width: 480px) {
  .custom-checkbox {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    line-height: 100%;
    border-radius: 4px;
  }
}
.custom-checkbox + label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  color: rgb(82.75, 82.75, 82.75);
}
.custom-checkbox:before {
  position: relative;
  content: "\ea12";
  width: auto;
  height: auto;
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  color: #c9cad1;
  text-decoration: inherit;
  z-index: 1;
}
.custom-checkbox.selected {
  background: #585CFF;
  border: 1px solid #585CFF;
}
.custom-checkbox.selected:before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  color: #fff;
}
.custom-checkbox.selected + label {
  color: rgb(57.25, 57.25, 57.25);
}
.custom-checkbox input[type=checkbox] {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  cursor: pointer;
  outline: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.select_wrap {
  position: relative;
  padding: 7px 4px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  z-index: 0;
}
.select_wrap select {
  position: relative;
  width: auto;
  padding: 8px 32px 8px 12px;
  border: 0;
  background: transparent;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #464646;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 480px) {
  .select_wrap select {
    padding: 7px 28px 7px 8px;
  }
}
.select_wrap select::-ms-expand {
  display: none;
}
.select_wrap select:active, .select_wrap select:focus {
  outline: 0;
}
.select_wrap select option:selected {
  background: #fff;
}
.select_wrap:before {
  content: "\e919";
  display: inline-block;
  width: 28px;
  height: 100%;
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  color: #858899;
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 140%;
  text-decoration: inherit;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--uh-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --uh-aspect-ratio: 100%;
}

.ratio-4x3 {
  --uh-aspect-ratio: 75%;
}

.ratio-16x9 {
  --uh-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --uh-aspect-ratio: 42.8571428571%;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.nickname_details {
  width: auto;
  height: auto;
  height: auto !important;
  max-width: 460px;
  max-height: 400px;
}
.nickname_details .nickname_wrap {
  margin-top: 1.5rem;
  text-align: center;
  word-break: keep-all;
}
.nickname_details .nickname_wrap .black {
  font-size: 18px;
  font-size: 1.17rem;
  color: #585CFF;
  font-weight: bold;
}
.nickname_details .nickname_wrap .gray {
  font-size: 12px;
  font-size: 0.78rem;
  color: #C5C5CE;
  margin-top: 0.5rem;
}
.nickname_details .nickname_wrap .gray > strong {
  display: block;
  color: #464646;
  font-weight: 400;
}
.nickname_details .btn_grpup {
  width: 100%;
  margin: 1rem auto 0;
  text-align: center;
}
.nickname_details .btn_grpup input {
  width: 66%;
  height: 58px;
  font-size: 15px;
  font-size: 0.975rem;
  padding: 0 14px 2px;
  border-radius: 5px;
  border: 1px solid #c9cad1;
  line-height: 120%;
  outline: none;
}
.nickname_details .btn_grpup input::placeholder {
  color: #858899;
}
.nickname_details .btn_grpup input:focus {
  border: 1px solid #585CFF;
  background: #F7F7FA;
  transition: 0.1s;
}
.nickname_details .btn_grpup button.btn_submit {
  width: 78%;
  height: 72px;
  font-size: 16.4px;
  font-size: 1.066rem;
  background: #585CFF;
  color: #fff;
  border-radius: 100px;
  outline: none;
  margin-top: 1.5rem;
}
.nickname_details .btn_grpup button.btn_submit:hover {
  background: rgb(72.7, 77.0664670659, 255);
}
@media (max-width: 480px) {
  .nickname_details .btn_grpup button.btn_submit {
    width: 80%;
  }
}
.nickname_details .repeat {
  font-size: 12px;
  font-size: 0.78rem;
  opacity: 0.9;
  filter: alpha(opacity=90);
  margin-top: 0.3rem;
  color: #d82222;
}
@media (max-width: 480px) {
  .nickname_details {
    overflow-y: auto;
  }
  .nickname_details .nickname_wrap {
    margin-top: 1rem;
  }
  .nickname_details .nickname_wrap .black {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .nickname_details .nickname_wrap .gray {
    font-size: 11.6px;
    font-size: 0.754rem;
    margin-top: 0.3rem;
  }
  .nickname_details .btn_grpup {
    margin: 0.8rem auto 0;
  }
  .nickname_details .btn_grpup input {
    width: 75%;
    height: 56px;
    font-size: 14.6px;
    font-size: 0.949rem;
    padding: 0 12px 2px;
  }
  .nickname_details .btn_grpup button.btn_submit {
    width: 92%;
    height: 66px;
    font-size: 15px;
    font-size: 0.975rem;
    margin-top: 1.3rem;
    margin-bottom: 1rem;
  }
  .nickname_details .repeat {
    font-size: 11.6px;
    font-size: 0.754rem;
    margin-top: 0.2rem;
  }
}

/*_swiper.scss*/
:root {
  --swiper-theme-color: #fff;
}

:root {
  --swiper-navigation-size: 40px;
  --swiper-list-navigation-size: 30px;
  --swiper-centered-offset-before:1.5rem;
  --swiper-centered-offset-after:1.5rem;
}
@media (max-width: 640px) {
  :root {
    --swiper-navigation-size: 35px;
    --swiper-list-navigation-size: 30px;
    --swiper-centered-offset-before:1rem;
    --swiper-centered-offset-after:1rem;
  }
}
:root {
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper.course_slide {
  z-index: 1;
}
.swiper.course_slide:before, .swiper.course_slide:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: calc(var(--uh-gutter-x) * 1);
  height: 100%;
  z-index: 20;
}
.swiper.course_slide:before {
  left: calc(var(--uh-gutter-x) * -1);
  background: linear-gradient(90deg, #fff 40%, rgba(255, 255, 255, 0) 80%);
}
.swiper.course_slide:after {
  right: calc(var(--uh-gutter-x) * -1);
  background: linear-gradient(270deg, #fff 40%, rgba(255, 255, 255, 0) 80%);
}
.swiper.course_slide.mycourse:before, .swiper.course_slide.mycourse:after {
  display: none;
}
.swiper.course_slide.grid_type:before, .swiper.course_slide.grid_type:after {
  display: none;
}
@media (max-width: 1400px) {
  .swiper.course_slide.grid_type:before, .swiper.course_slide.grid_type:after {
    display: block;
  }
}
@media (max-width: 1400px) {
  .swiper.course_slide.grid_type .swiper-wrapper {
    width: calc(100% + var(--uh-gutter-x) * 2);
    margin-left: calc(var(--uh-gutter-x) * -1);
    padding-left: var(--uh-gutter-x);
    padding-right: var(--uh-gutter-x);
  }
}
.swiper.course_slide.slide_type .swiper-wrapper {
  width: calc(100% + var(--uh-gutter-x) * 2);
  margin-left: calc(var(--uh-gutter-x) * -1);
  padding-left: var(--uh-gutter-x);
  padding-right: var(--uh-gutter-x);
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 1.5rem;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-centered .swiper-slide {
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 60%;
}
.swiper-centered .swiper-slide:nth-child(2n) {
  width: 40%;
}
.swiper-centered .swiper-slide:nth-child(3n) {
  width: 20%;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  background: #e0e0e0;
  /* The Fallback */
  background: rgba(224, 224, 224, 0.25);
  border-radius: 50%;
}
.swiper-button-prev:hover, .swiper-button-prev:active,
.swiper-button-next:hover,
.swiper-button-next:active {
  background: #e0e0e0;
  /* The Fallback */
  background: rgba(224, 224, 224, 0.75);
}
.card_slide .swiper-button-prev, .card_slide_category .swiper-button-prev,
.card_slide .swiper-button-next,
.card_slide_category .swiper-button-next {
  width: var(--swiper-list-navigation-size);
  height: var(--swiper-list-navigation-size);
  margin-top: calc(0px - var(--swiper-list-navigation-size) / 0.75);
  background: #2D2B36;
  /* The Fallback */
  background: rgba(45, 43, 54, 0.45);
}
.card_slide .swiper-button-prev:hover, .card_slide .swiper-button-prev:active, .card_slide_category .swiper-button-prev:hover, .card_slide_category .swiper-button-prev:active,
.card_slide .swiper-button-next:hover,
.card_slide .swiper-button-next:active,
.card_slide_category .swiper-button-next:hover,
.card_slide_category .swiper-button-next:active {
  background: #2D2B36;
  /* The Fallback */
  background: rgba(45, 43, 54, 0.9);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  font-size: 18px;
  font-size: 1.17rem;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 160%;
}
.card_slide .swiper-button-prev:after, .card_slide_category .swiper-button-prev:after,
.card_slide .swiper-button-next:after,
.card_slide_category .swiper-button-next:after {
  font-size: 15px;
  font-size: 0.975rem;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.card_slide .swiper-button-prev, .card_slide_category .swiper-button-prev,
.card_slide .swiper-rtl .swiper-button-next,
.card_slide_category .swiper-rtl .swiper-button-next {
  left: 0;
}
@media (max-width: 1024px) {
  .card_slide .swiper-button-prev, .card_slide_category .swiper-button-prev,
  .card_slide .swiper-rtl .swiper-button-next,
  .card_slide_category .swiper-rtl .swiper-button-next {
    left: 15px;
  }
}
@media (max-width: 480px) {
  .card_slide .swiper-button-prev, .card_slide_category .swiper-button-prev,
  .card_slide .swiper-rtl .swiper-button-next,
  .card_slide_category .swiper-rtl .swiper-button-next {
    left: 20px;
  }
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-group {
  position: absolute;
  top: -4rem;
  right: calc(var(--uh-gutter-x) * 0.5);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  height: 3.125rem;
  z-index: 10;
}
@media (max-width: 1280px) {
  .swiper-button-group {
    right: 0;
  }
}
@media (max-width: 640px) {
  .swiper-button-group {
    top: -3.5rem;
  }
}
.swiper-button-group .swiper-button-prev,
.swiper-button-group .swiper-button-next {
  position: static;
  top: auto;
  margin-top: 0;
  margin-left: 0.3rem;
  background: #fff;
  color: #797979;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.swiper-button-group .swiper-button-prev:after,
.swiper-button-group .swiper-button-next:after {
  display: none;
}
.swiper-button-group .swiper-button-prev i,
.swiper-button-group .swiper-button-next i {
  font-size: 19px;
  font-size: 1.235rem;
  line-height: 120%;
  letter-spacing: -0.05rem;
}
@media (max-width: 480px) {
  .swiper-button-group .swiper-button-prev i,
  .swiper-button-group .swiper-button-next i {
    font-size: 18px;
    font-size: 1.17rem;
  }
}
.swiper-button-group .swiper-button-prev.swiper-button-disabled,
.swiper-button-group .swiper-button-next.swiper-button-disabled {
  opacity: 0.45;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-group .swiper-button-prev.swiper-button-hidden,
.swiper-button-group .swiper-button-next.swiper-button-hidden {
  opacity: 0.45;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-group .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-group .swiper-button-next {
  display: none !important;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  opacity: 0.1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #585CFF;
  opacity: 0.9;
}

.swiper-pagination-progressbar.swiper-pagination-horizontal {
  width: 90%;
  margin: 0 auto;
  border-radius: 20px;
  background: #e0e0e0;
  overflow: hidden;
  top: auto;
  bottom: -1.5rem;
  left: 5%;
}
@media (max-width: 1280px) {
  .swiper-pagination-progressbar.swiper-pagination-horizontal {
    display: block;
    bottom: 0;
  }
}
@media (max-width: 800px) {
  .swiper-pagination-progressbar.swiper-pagination-horizontal {
    bottom: 1.5rem;
  }
}
.swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill {
  background: rgb(198.5, 198.5, 198.5);
}

/*_header.scss*/
.ui-pc .wrap {
  padding-top: 165px;
}

.ui-mobile .wrap {
  padding-top: 55px;
}

.wrap > header {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 989;
}
.wrap > header div.container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.wrap > header div.header_top {
  width: 100%;
  height: 60px;
  background: #F7F7FA;
  z-index: 900;
}
.wrap > header div.header_top h1 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  height: 100%;
}
.wrap > header div.header_top h1.kakao {
  height: auto;
}
.wrap > header div.header_top h1 a.logo_BI {
  width: 120px;
  opacity: 1;
}
.wrap > header div.header_top h1 a.family {
  padding: 9px 8px;
  height: 100%;
}
.wrap > header div.header_top h1 a.family.wowpass {
  margin-left: 10px;
}
.wrap > header div.header_top h1 a.family.digital {
  position: relative;
}
.wrap > header div.header_top h1 a.family.digital::before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  background: rgb(216.3303571429, 217.28125, 222.6696428571);
  top: 25px;
  left: 0;
}
.wrap > header div.header_top h1 a.family span.site {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 120%;
  color: #5a5960;
  font-weight: 500;
}
.wrap > header div.header_top h1 a.family span.site i.icon-movesite {
  background-image: url("/WASUB/_Resources/images/icon/movesite.png");
  background-image: url("/WASUB/_Resources/images/icon/movesite.svg");
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-left: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.wrap > header div.header_top h1 a.family:hover span.site {
  color: #585CFF;
}
.wrap > header div.header_top h1 a.family:hover span.site i.icon-movesite {
  background-image: url("/WASUB/_Resources/images/icon/movesite_hover.png");
  background-image: url("/WASUB/_Resources/images/icon/movesite_hover.svg");
}
.wrap > header div.header_top h1 a.hide {
  display: none;
}
.wrap > header div.header_top div.user_menu {
  flex: 0 0 auto;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.wrap > header div.header_top div.user_menu a,
.wrap > header div.header_top div.user_menu button {
  display: none;
  height: 100%;
}
.wrap > header div.header_top div.user_menu button.btn_login,
.wrap > header div.header_top div.user_menu button.btn_user,
.wrap > header div.header_top div.user_menu button.btn_basket {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  line-height: 15px;
  line-height: 1.25rem;
  vertical-align: middle;
}
.wrap > header div.header_top div.user_menu button.btn_login i,
.wrap > header div.header_top div.user_menu button.btn_user i,
.wrap > header div.header_top div.user_menu button.btn_basket i {
  width: 1rem;
  height: 1rem;
  margin-left: 0;
  margin-right: 0.25rem;
  vertical-align: middle;
}
.wrap > header div.header_top div.user_menu button.btn_basket {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.wrap > header div.header_top div.user_menu button.btn_basket > span {
  margin-left: 2px;
}
.wrap > header div.header_top div.user_menu button.btn_basket i {
  font-size: 18px;
  font-size: 1.17rem;
  line-height: 15px;
  line-height: 1.25rem;
}
.wrap > header div.header_top div.user_menu button.btn_basket i:before {
  margin-top: -3.5px;
}
.wrap > header div.header_top div.user_menu button.btn_basket em.alarm {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  top: 11.5px;
  right: auto;
  bottom: auto;
  left: 21px;
  position: absolute;
  width: 16px;
  height: 16px;
  font-size: 9px;
  font-size: 0.585rem;
  line-height: 13px;
  line-height: 1rem;
  font-weight: 500;
  color: #fff;
  background: #858899;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
.wrap > header div.header_top div.user_menu button.btn_basket:hover em.alarm {
  background: #585CFF;
}
.wrap > header div.header_top div.user_menu div.user_dropdown {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: 100%;
}
.wrap > header div.header_top div.user_menu div.user_dropdown ul {
  display: none;
  position: absolute;
  top: calc(60px - 1rem * 0.6);
  right: 50%;
  width: 6.25rem;
  height: auto;
  margin-right: -3.125rem;
  padding: 0.625rem;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  z-index: 901;
}
.wrap > header div.header_top div.user_menu div.user_dropdown ul li {
  display: none;
}
.wrap > header div.header_top div.user_menu div.user_dropdown ul li.on_pc {
  display: block;
}
.wrap > header div.header_top div.user_menu div.user_dropdown ul li.on_pc em {
  display: none;
}
.wrap > header div.header_top div.user_menu div.user_dropdown ul li button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 25px;
  padding: 0;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .wrap > header div.header_top {
    background: #fff;
    height: 55px;
  }
  .wrap > header div.header_top h1 a.logo_BI {
    width: 110px;
  }
  .wrap > header div.header_top h1 a.family {
    padding: 7px 8px;
  }
  .wrap > header div.header_top h1 a.family.digital::before {
    top: 23px;
  }
}
@media (max-width: 640px) {
  .wrap > header div.header_top h1 a.logo_BI {
    width: 100px;
  }
  .wrap > header div.header_top h1 a.family {
    padding: 7px;
  }
  .wrap > header div.header_top h1 a.family.wowpass {
    margin-left: 5px;
  }
  .wrap > header div.header_top h1 a.family.digital::before {
    height: 11px;
    top: 23.5px;
  }
  .wrap > header div.header_top h1 a.family span.site {
    font-size: 13px;
    font-size: 0.845rem;
  }
  .wrap > header div.header_top h1 a.family span.site i.icon-movesite {
    width: 12px;
    height: 12px;
    margin-left: 2px;
  }
  .wrap > header div.header_top div.user_menu button.btn_user {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .wrap > header div.header_top h1 a.logo_BI {
    width: 90px;
  }
  .wrap > header div.header_top h1 a.family {
    padding: 6px;
  }
  .wrap > header div.header_top h1 a.family.digital::before {
    height: 10px;
    top: 23px;
  }
  .wrap > header div.header_top h1 a.family span.site {
    font-size: 12.3px;
    font-size: 0.7995rem;
  }
  .wrap > header div.header_top h1 a.family span.site .on_w {
    display: none;
  }
  .wrap > header div.header_top h1 a.family span.site i.icon-movesite {
    width: 11px;
    height: 11px;
  }
  .wrap > header div.header_top div.user_menu button.btn_user {
    padding: 0;
  }
}
@media (max-width: 380px) {
  .wrap > header div.header_top h1 a.logo_BI {
    width: 84px;
  }
  .wrap > header div.header_top h1 a.family {
    padding: 5px;
  }
  .wrap > header div.header_top h1 a.family.wowpass {
    margin-left: 3px;
  }
  .wrap > header div.header_top h1 a.family.digital::before {
    height: 9px;
    top: 22px;
  }
  .wrap > header div.header_top h1 a.family span.site {
    font-size: 12px;
    font-size: 0.78rem;
  }
  .wrap > header div.header_top h1 a.family span.site .on_w2 {
    display: none;
  }
  .wrap > header div.header_top h1 a.family span.site i.icon-movesite {
    width: 10.6px;
    height: 10.6px;
  }
}
.wrap > header div.util_menu {
  display: none;
  height: 105px;
  background: #fff;
}
.wrap > header div.util_menu div.util_zone {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  transform-origin: left center;
  transition: all 0.15s ease-out;
}
.wrap > header div.util_menu div.util_zone button.btn_category {
  flex: 0 0 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #464646;
}
.wrap > header div.util_menu div.util_zone button.btn_category:hover {
  color: #111111;
}
.wrap > header div.util_menu div.util_zone button.btn_category i {
  font-size: 28.5px;
  font-size: 1.8525rem;
  line-height: 100%;
}
.wrap > header div.util_menu div.util_zone button.btn_category_close {
  flex: 0 0 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #2D2B36;
  background: #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15);
}
.wrap > header div.util_menu div.util_zone button.btn_category_close:hover {
  color: #111111;
}
.wrap > header div.util_menu div.util_zone button.btn_category_close i {
  font-size: 28.5px;
  font-size: 1.8525rem;
  line-height: 100%;
}
.wrap > header div.util_menu div.util_zone div.search_wrap {
  position: relative;
  flex: 0 0 25rem;
  width: 25rem;
  height: 2.5rem;
  margin-left: 0.25rem;
  border-radius: 1.5rem;
  background: #F7F7FA;
}
.wrap > header div.util_menu div.util_zone div.search_wrap input {
  width: 100%;
  height: 100%;
  padding: 0.35rem 2.75rem 0.5rem 1.25rem;
  border: 0;
  border-radius: 1.5rem;
  background: none;
}
.wrap > header div.util_menu div.util_zone div.search_wrap input::placeholder {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .wrap > header div.util_menu div.util_zone div.search_wrap input::placeholder {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .wrap > header div.util_menu div.util_zone div.search_wrap input::placeholder {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .wrap > header div.util_menu div.util_zone div.search_wrap input::placeholder {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.wrap > header div.util_menu div.util_zone div.search_wrap button.btn_search {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #111111;
  color: #fff;
}
.wrap > header div.util_menu div.util_zone div.search_wrap button.btn_search:hover {
  background: #464646;
}
.wrap > header div.util_menu div.noti_zone {
  flex: 0 0 340px;
  width: 340px;
  height: 24px;
}
.wrap > header div.util_menu div.noti_zone::after {
  display: block;
  clear: both;
  content: "";
}
.wrap > header div.util_menu div.noti_zone {
  transform-origin: right center;
  transition: all 0.15s ease-out;
}
.wrap > header div.util_menu div.noti_zone strong,
.wrap > header div.util_menu div.noti_zone .rolling_slide {
  display: block;
  width: auto;
  height: 100%;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .wrap > header div.util_menu div.noti_zone strong,
  .wrap > header div.util_menu div.noti_zone .rolling_slide {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .wrap > header div.util_menu div.noti_zone strong,
  .wrap > header div.util_menu div.noti_zone .rolling_slide {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .wrap > header div.util_menu div.noti_zone strong,
  .wrap > header div.util_menu div.noti_zone .rolling_slide {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.wrap > header div.util_menu div.noti_zone strong,
.wrap > header div.util_menu div.noti_zone .rolling_slide {
  line-height: 15.5px;
  line-height: 1.3125rem;
}
.wrap > header div.util_menu div.noti_zone strong {
  float: left;
}
.wrap > header div.util_menu div.noti_zone .rolling_slide {
  float: right;
  width: 300px;
  margin: 0;
}
.wrap > header div.util_menu div.noti_zone .rolling_slide ul.rolling_list {
  width: 100%;
  height: 100%;
}
.wrap > header div.util_menu div.noti_zone .rolling_slide ul.rolling_list li.swiper-slide {
  width: 100%;
}
.wrap > header div.util_menu div.noti_zone .rolling_slide ul.rolling_list li.swiper-slide a {
  width: 100%;
  height: 100%;
  color: #858899;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  line-height: 110%;
}
.wrap > header div.util_menu div.noti_zone .rolling_slide ul.rolling_list li.swiper-slide a:hover {
  color: #464646;
}
.wrap > header div.util_menu div.noti_zone .rolling_slide ul.rolling_list li.swiper-slide a span {
  flex: 0 0 auto;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  max-width: calc(100% - 35px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrap > header div.util_menu div.noti_zone .rolling_slide ul.rolling_list li.swiper-slide a i {
  flex: 0 0 16px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.wrap > header.fixed_top {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.wrap > header.fixed_top div.util_menu {
  height: 60px;
}
.wrap > header.fixed_top div.util_menu .util_zone,
.wrap > header.fixed_top div.util_menu .noti_zone {
  transform: scale(0.975);
  transition: all 0.25s ease-in;
}

.userinfo_layer {
  display: none;
  position: fixed;
  background: #fff;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0 var(--uh-gutter-x);
  max-height: calc(var(--vh, 1vh) * 100);
  z-index: 991;
}
.userinfo_layer.active {
  overflow: hidden;
  overflow-y: auto;
}
.userinfo_layer button.btn_userinfo_close {
  position: fixed;
  top: var(--uh-gutter-x);
  right: var(--uh-gutter-x);
  z-index: 993;
}
.userinfo_layer .btn_area,
.userinfo_layer .area_wrap {
  max-width: 600px;
  margin: 0 auto;
}
.userinfo_layer .btn_area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 12%;
  height: calc(var(--vh, 1vh) * 12);
  padding: 0 0.25rem;
}
.userinfo_layer .btn_area button.btn_loginout {
  display: block;
  width: 100%;
  height: auto;
  padding: 1.25rem 0;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .userinfo_layer .btn_area button.btn_loginout {
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 120%;
  }
}
@media (max-width: 480px) and (max-width: 640px) {
  .userinfo_layer .btn_area button.btn_loginout {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) and (max-width: 480px) {
  .userinfo_layer .btn_area button.btn_loginout {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 480px) and (max-width: 320px) {
  .userinfo_layer .btn_area button.btn_loginout {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.userinfo_layer .area_wrap {
  width: 100%;
  height: 88%;
  height: calc(var(--vh, 1vh) * 88);
  min-height: 640px;
  padding: 0.75rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.userinfo_layer .area_wrap button.btn_infoedit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: calc(var(--vh, 1vh) * 3.5) auto;
  padding: 0.5rem;
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.5rem;
}
.userinfo_layer .area_wrap button.btn_infoedit i.badge-standard {
  width: 1.563rem;
  height: 1.563rem;
  margin-left: 0;
}
.userinfo_layer .area_wrap button.btn_infoedit i.icon-edit-3 {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
}
.userinfo_layer .area_wrap ul::after {
  display: block;
  clear: both;
  content: "";
}
.userinfo_layer .area_wrap ul li {
  float: left;
  width: 50%;
  padding: 0.25rem;
}
.userinfo_layer .area_wrap ul li.no_mobile {
  display: none;
}
.userinfo_layer .area_wrap ul li:first-child {
  width: 100%;
  padding-bottom: 0.6rem;
}
.userinfo_layer .area_wrap ul li:first-child button {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 1.25rem;
}
.userinfo_layer .area_wrap ul li button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 4.75rem;
  height: calc(var(--vh, 1vh) * 10);
  min-height: 4.75rem;
  padding: 0 1.5rem;
  text-align: center;
  border-radius: 1.075rem;
  background-color: #F7F7FA;
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  background-size: auto 60%;
}
@media (max-width: 480px) {
  .userinfo_layer .area_wrap ul li button {
    height: calc(var(--vh, 1vh) * 9.5);
    padding: 0 1rem;
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 120%;
    background-size: auto 50%;
    background-position: calc(100% - 1rem) center;
  }
}
@media (max-width: 480px) and (max-width: 640px) {
  .userinfo_layer .area_wrap ul li button {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) and (max-width: 480px) {
  .userinfo_layer .area_wrap ul li button {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 480px) and (max-width: 320px) {
  .userinfo_layer .area_wrap ul li button {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
@media (max-width: 480px) {
  .userinfo_layer .area_wrap ul li button span em {
    display: block;
  }
}
.userinfo_layer .area_wrap ul li button span {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  max-width: calc(100% - 50px);
  word-break: keep-all;
  text-align: left;
}
.userinfo_layer .area_wrap ul li button span i.point_new {
  content: "";
  display: block;
  top: -5px;
  right: -10px;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #20FA6F;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
.userinfo_layer .area_wrap ul li button.courselist {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  height: calc(var(--vh, 1vh) * 12);
  min-height: 6rem;
  padding-bottom: 0.75rem;
  background: #F7F7FA url(/WASUB/_Resources/images/icon/courselist_m.png) no-repeat center 37%;
  background: #F7F7FA url(/WASUB/_Resources/images/icon/courselist_m.svg) no-repeat center 37%;
  background-size: auto 55%;
}
@media (max-width: 480px) {
  .userinfo_layer .area_wrap ul li button.courselist {
    height: calc(var(--vh, 1vh) * 10);
  }
}
.userinfo_layer .area_wrap ul li button.courselist span {
  width: 100%;
  max-width: calc(100% - 50px);
  word-break: keep-all;
  text-align: center;
}
.userinfo_layer .area_wrap ul li button.basket {
  background-image: url(/WASUB/_Resources/images/icon/basket_m.png);
  background-image: url(/WASUB/_Resources/images/icon/basket_m.svg);
}
.userinfo_layer .area_wrap ul li button.basket em.alarm {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  font-size: 10px;
  font-size: 0.65rem;
  line-height: 90%;
  font-weight: 500;
  color: #464646;
  background: rgb(131.7631578947, 252.2368421053, 175.4210526316);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
.userinfo_layer .area_wrap ul li button.coupon {
  background-image: url(/WASUB/_Resources/images/icon/coupon_m.png);
  background-image: url(/WASUB/_Resources/images/icon/coupon_m.svg);
}
.userinfo_layer .area_wrap ul li button.order {
  background-image: url(/WASUB/_Resources/images/icon/order_m.png);
  background-image: url(/WASUB/_Resources/images/icon/order_m.svg);
}
.userinfo_layer .area_wrap ul li button.notice {
  background-image: url(/WASUB/_Resources/images/icon/notice_m.png);
  background-image: url(/WASUB/_Resources/images/icon/notice_m.svg);
}
.userinfo_layer .area_wrap ul li button.event {
  background-image: url(/WASUB/_Resources/images/icon/event_m.png);
  background-image: url(/WASUB/_Resources/images/icon/event_m.svg);
}
.userinfo_layer .area_wrap ul li button.review {
  background-image: url(/WASUB/_Resources/images/icon/review_m.png);
  background-image: url(/WASUB/_Resources/images/icon/review_m.svg);
}
.userinfo_layer .area_wrap ul li button.data {
  background-image: url(/WASUB/_Resources/images/icon/data_m.png);
  background-image: url(/WASUB/_Resources/images/icon/data_m.svg);
}
.userinfo_layer .area_wrap ul li button.faq {
  background-image: url(/WASUB/_Resources/images/icon/faq_m.png);
  background-image: url(/WASUB/_Resources/images/icon/faq_m.svg);
}
.userinfo_layer .area_wrap ul li button.devic_check {
  background-image: url(/WASUB/_Resources/images/icon/devic_check_m.png);
  background-image: url(/WASUB/_Resources/images/icon/devic_check_m.svg);
}
.userinfo_layer .area_wrap ul li button.qna {
  background-image: url(/WASUB/_Resources/images/icon/qna_m.png);
  background-image: url(/WASUB/_Resources/images/icon/qna_m.svg);
}

button.btn_menu_close {
  display: none;
  position: absolute;
  top: var(--uh-gutter-x);
  right: var(--uh-gutter-x);
  z-index: 993;
}

.category_all_layer {
  display: none;
  width: 100%;
  height: auto;
  background: #fff;
  z-index: 990;
}
.category_all_layer.show.categoryMode {
  display: block;
}
.category_all_layer.show.categorySearchMode {
  display: flex !important;
}
.category_all_layer.categoryMode {
  position: absolute;
  top: 165px;
  left: 50%;
  max-width: 1448px;
  margin-left: -724px;
  max-height: calc(100% - (60px + 105px));
  max-height: calc(var(--vh, 1vh) * 75);
  padding: 2rem var(--uh-gutter-x);
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 1px 50px rgba(0, 0, 0, 0.125);
  box-shadow: 0 1px 50px rgba(0, 0, 0, 0.125);
}
.category_all_layer.categoryMode ::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}
.category_all_layer.categoryMode ::-webkit-scrollbar-thumb {
  background: rgb(198.5, 198.5, 198.5);
  border-radius: 10px;
}
.category_all_layer.categoryMode ::-webkit-scrollbar-track {
  background: rgb(232.4, 232.4, 232.4);
  border-radius: 10px;
}
.category_all_layer.categoryMode body.test {
  scrollbar-face-color: rgb(198.5, 198.5, 198.5);
  scrollbar-track-color: rgb(232.4, 232.4, 232.4);
}
.category_all_layer.categoryMode {
  overflow: hidden;
}
@media (max-width: 1400px) {
  .category_all_layer.categoryMode {
    max-width: 1280px;
    margin-left: -640px;
  }
}
@media (max-width: 1280px) {
  .category_all_layer.categoryMode {
    left: 2%;
    width: 96%;
    margin-left: 0;
  }
}
.category_all_layer.categoryMode.fixed_top {
  position: fixed;
  top: 130px;
  max-height: calc(100% - (60px + 60px));
  max-height: calc(var(--vh, 1vh) * 75);
  z-index: 990;
}
.category_all_layer.categoryMode.fixed_top article.categoryArea {
  max-height: calc(100% - (60px + 60px + 4rem));
  max-height: calc(var(--vh, 1vh) * 68);
}
.category_all_layer.categoryMode .btn_prev,
.category_all_layer.categoryMode .searchArea {
  display: none;
}
.category_all_layer.categoryMode article.categoryArea {
  max-height: calc(100% - (60px + 105px + 4rem));
  max-height: calc(var(--vh, 1vh) * 68);
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
.category_all_layer.categoryMode article.categoryArea h5.title {
  display: none;
}
.category_all_layer.categoryMode article.categoryArea .depth_innerWrap {
  width: 100%;
  height: 725px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}
.category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents {
  flex: 0 0 auto;
  width: 20%;
  height: auto;
  min-height: 100px;
  padding: 0 2rem;
}
@media (max-width: 1280px) {
  .category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents {
    padding: 0 1rem;
  }
}
.category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents h6.depth2_title > a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: auto;
  padding: 1.25rem 0 0.65rem;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents h6.depth2_title > a {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents h6.depth2_title > a {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents h6.depth2_title > a {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents h6.depth2_title > a {
  color: #585CFF;
  border-bottom: 1px solid #585CFF;
}
.category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents h6.depth2_title button.btn_fold {
  display: none;
}
.category_all_layer.categoryMode ul.category_depth2 {
  display: block;
  margin: 0.5rem 0;
}
.category_all_layer.categoryMode ul.category_depth2 > li {
  flex: 0 0 100%;
}
.category_all_layer.categoryMode ul.category_depth2 > li > a {
  width: 100%;
}
.category_all_layer.categorySearchMode {
  position: fixed;
  top: 0 !important;
  left: 0;
  height: 100%;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
}
.category_all_layer.categorySearchMode button.btn_prev {
  position: fixed;
  top: var(--uh-gutter-x);
  left: 0;
  color: #fff;
  font-size: 40px;
  font-size: 2.6rem;
  z-index: 994;
}
.category_all_layer.categorySearchMode article.searchArea {
  width: 100%;
  flex: 0 0 auto;
  min-height: 200px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: calc(var(--uh-gutter-x) * 1.25) calc(var(--uh-gutter-x) * 1.25) var(--uh-gutter-x) var(--uh-gutter-x);
  background: linear-gradient(290deg, #5C5EFF 25%, #4CE0B0 95%);
  z-index: 993;
}
.category_all_layer.categorySearchMode article.searchArea .search_wrap {
  position: relative;
  width: 100%;
  height: 2.5rem;
  width: calc(100% - 2.5rem);
  margin-left: 2.5rem;
  border-radius: 1.5rem;
  background: #fff;
}
.category_all_layer.categorySearchMode article.searchArea .search_wrap input {
  width: 100%;
  height: 100%;
  padding: 0.5rem 2.75rem 0.75rem 1.25rem;
  border: 0;
  border-radius: 1.5rem;
  background: none;
}
.category_all_layer.categorySearchMode article.searchArea .search_wrap input::placeholder {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .category_all_layer.categorySearchMode article.searchArea .search_wrap input::placeholder {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .category_all_layer.categorySearchMode article.searchArea .search_wrap input::placeholder {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .category_all_layer.categorySearchMode article.searchArea .search_wrap input::placeholder {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.category_all_layer.categorySearchMode article.searchArea .search_wrap button.btn_search {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #111111;
  color: #fff;
}
.category_all_layer.categorySearchMode article.searchArea .search_wrap button.btn_search:hover {
  background: #464646;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap {
  display: block;
  width: 100%;
  height: auto;
  flex: 1;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap.noSearch h5 button.btn_deleteall {
  display: none;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap.noSearch > p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap.noSearch ul.recent_list {
  display: none;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap h5 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0 0.5rem;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .category_all_layer.categorySearchMode article.searchArea .recent_wrap h5 {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .category_all_layer.categorySearchMode article.searchArea .recent_wrap h5 {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .category_all_layer.categorySearchMode article.searchArea .recent_wrap h5 {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap h5 {
  color: #fff;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap h5 button.btn_deleteall {
  font-weight: 400;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap p {
  display: none;
  width: 100%;
  height: calc(100% - 50px);
  font-size: 13px;
  font-size: 0.845rem;
  font-weight: 400;
  color: #fff;
  opacity: 0.75;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: calc(100% - 50px);
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list li {
  flex: 0 0 auto;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 3px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #fff;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list li a,
.category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list li button.btn_delete {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  color: #fff;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list li a {
  padding: 0.145rem 0.25rem 0.145rem 0.75rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list li a span {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 100%;
}
.category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list li button.btn_delete {
  width: 1.25rem;
  font-size: 10px;
  font-size: 0.65rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.category_all_layer.categorySearchMode article.searchArea .hash_wrap {
  width: 100%;
  height: auto;
}
.category_all_layer.categorySearchMode article.searchArea .hash_wrap a,
.category_all_layer.categorySearchMode article.searchArea .hash_wrap h5 {
  color: #fff;
}
.category_all_layer.categorySearchMode article.searchArea .hash_wrap h5 {
  display: block;
  padding: 0.5rem 0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .category_all_layer.categorySearchMode article.searchArea .hash_wrap h5 {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .category_all_layer.categorySearchMode article.searchArea .hash_wrap h5 {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .category_all_layer.categorySearchMode article.searchArea .hash_wrap h5 {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.category_all_layer.categorySearchMode article.searchArea .hash_wrap ul.hash_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: auto;
}
.category_all_layer.categorySearchMode article.searchArea .hash_wrap ul.hash_list li {
  flex: 0 0 auto;
  margin: 0 5px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.category_all_layer.categorySearchMode article.searchArea .hash_wrap ul.hash_list li a {
  flex: 0 0 auto;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  font-size: 13px;
  font-size: 0.845rem;
  padding: 0.125rem 0.25rem;
}
.category_all_layer.categorySearchMode article.categoryArea {
  flex: 1;
  height: auto;
  background: rgb(231.3076923077, 231.3076923077, 240.1923076923);
  overflow: hidden;
  overflow-y: auto;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap:after {
  content: "";
  display: block;
  width: calc(100% - 7.5rem);
  height: 65vh;
  margin-left: 7.5rem;
  background-color: #fff;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap {
  display: block;
  padding-left: 7.5rem;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap.active h5.title {
  background: #fff;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title {
  position: fixed;
  left: 0;
  z-index: 992;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 7.5rem;
  height: 5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1rem;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
}
@media (max-width: 480px) {
  .category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title a {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title a {
  color: rgb(107.0089285714, 110.15625, 127.9910714286);
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title.finance {
  top: 200px;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title.tax {
  top: calc(200px + (5rem));
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title.economy {
  top: calc(200px + (10rem));
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title.data {
  top: calc(200px + (15rem));
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap h5.title.job {
  top: calc(200px + (20rem));
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap .depth2_contents {
  width: 100%;
  height: auto;
  padding: 0;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap .depth2_contents h6.depth2_title {
  position: relative;
  width: 100%;
  z-index: 991;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap .depth2_contents h6.depth2_title > a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: auto;
  padding: 1.025rem 1rem;
  font-size: 15px;
  font-size: 0.975rem;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  font-weight: 500;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap .depth2_contents h6.depth2_title:nth-of-type(1) > a {
  border-top: 0;
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap .depth2_contents h6.depth2_title button.btn_fold {
  display: block;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 4.25rem;
  height: 100%;
  font-size: 19px;
  font-size: 1.235rem;
  line-height: 120%;
  letter-spacing: -0.05rem;
}
@media (max-width: 480px) {
  .category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap .depth2_contents h6.depth2_title button.btn_fold {
    font-size: 18px;
    font-size: 1.17rem;
  }
}
.category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap section.depth2_wrap .depth2_contents h6.depth2_title button.btn_fold {
  z-index: 993;
}
.category_all_layer.categorySearchMode ul.category_depth2 {
  display: flex;
  padding: 1rem 0.75rem;
  background: #F7F7FA;
}
.category_all_layer.categorySearchMode ul.category_depth2.folding {
  display: none;
}
.category_all_layer.categorySearchMode ul.category_depth2 > li {
  flex: 0 0 50%;
  padding: 0 0.5rem;
}
@media (max-width: 480px) {
  .category_all_layer.categorySearchMode ul.category_depth2 > li {
    flex: 0 0 100%;
  }
}
.category_all_layer.categorySearchMode ul.category_depth2 > li > a {
  width: 100%;
  padding: 0.5rem 0;
  font-size: 14.5px;
  font-size: 0.9425rem;
}
@media (max-width: 480px) {
  .category_all_layer.categorySearchMode ul.category_depth2 > li > a {
    padding: 0.25rem 0;
  }
}
.category_all_layer.categorySearchMode ul.category_depth2 > li > a::before {
  content: "·";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 0.75rem;
  height: auto;
  text-align: left;
  vertical-align: middle;
}
.category_all_layer article.categoryArea {
  width: 100%;
  height: 100%;
}
.category_all_layer ul.category_depth1 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
}
.category_all_layer ul.category_depth1 > li.depth1 {
  background: none;
}
.category_all_layer ul.category_depth1 > li.depth1 h6.depth2_title > a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: auto;
  font-weight: 600;
}
.category_all_layer ul.category_depth2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.category_all_layer ul.category_depth2 > li > a {
  display: inline-block;
  height: auto;
  padding: 0.2rem 0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  .category_all_layer ul.category_depth2 > li > a {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  .category_all_layer ul.category_depth2 > li > a {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  .category_all_layer ul.category_depth2 > li > a {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
.category_all_layer ul.category_depth2 > li > a {
  line-height: 100%;
  font-weight: 400;
  color: #858899;
}
.category_all_layer ul.category_depth2 > li > a span {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.category_all_layer ul.category_depth2 > li > a span:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 5px);
  height: 8px;
  background: #e3e3fb;
  transform: scaleX(0);
  transform-origin: left bottom;
  z-index: -1;
  opacity: 0.45;
}
.category_all_layer ul.category_depth2 > li > a:hover {
  color: #464646;
}
.category_all_layer ul.category_depth2 > li > a:hover span:after {
  display: block;
  transform: scaleX(1);
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}

.nav_bg {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background: transparent;
  z-index: 989;
  cursor: pointer;
}
.nav_bg.show {
  display: block;
}

.ui-mobile .wrap > header div.util_menu,
.ui-mobile .wrap > header div.header_top div.user_menu > button.btn_reservation,
.ui-mobile .wrap > header div.header_top div.user_menu > button.btn_join,
.ui-mobile .wrap > header div.header_top div.user_menu > button.btn_basket,
.ui-mobile .wrap > header div.header_top div.user_menu > button.btn_loginout,
.ui-mobile .wrap > header div.header_top div.user_menu > button.btn_event {
  display: none;
  opacity: 0;
}
.ui-pc .wrap > header div.util_menu {
  display: block;
  opacity: 1;
}
.ui-pc .wrap > header div.header_top div.user_menu > button.btn_reservation,
.ui-pc .wrap > header div.header_top div.user_menu > button.btn_join,
.ui-pc .wrap > header div.header_top div.user_menu > button.btn_basket,
.ui-pc .wrap > header div.header_top div.user_menu > button.btn_loginout,
.ui-pc .wrap > header div.header_top div.user_menu > button.btn_event {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  opacity: 1;
}

/*_aside.scss*/
aside#skipToContent {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  border: 0;
  z-index: 9999;
}
aside#skipToContent a {
  display: block;
  position: absolute;
  width: 100%;
  top: -1000em;
  padding: 1em 0;
  background: #2D2B36;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  aside#skipToContent a {
    font-size: 15px;
    font-size: 0.975rem;
  }
}
@media (max-width: 480px) {
  aside#skipToContent a {
    font-size: 14px;
    font-size: 0.91rem;
  }
}
@media (max-width: 320px) {
  aside#skipToContent a {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
aside#skipToContent a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
aside#skipToContent a:active, aside#skipToContent a:focus {
  position: fixed;
  top: 0;
  left: 0;
}

aside#quickMenuPC {
  display: none;
  position: fixed;
  right: 24px;
  bottom: 30px;
  width: 70px;
  height: auto;
  padding: 0.5rem 0 0 0.5rem;
  z-index: 989;
}
aside#quickMenuPC > ul {
  width: 100%;
}
aside#quickMenuPC > ul > li {
  position: absolute;
  right: 0.2rem;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  transition: all 0.5s;
}
aside#quickMenuPC > ul > li > button {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 0;
  background: rgb(68.6597938144, 65.6082474227, 82.3917525773);
  overflow: hidden;
  transform-origin: center right;
}
aside#quickMenuPC > ul > li > button > span {
  display: block;
  padding: 0 40px 0 5px;
  color: #e0e0e0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  aside#quickMenuPC > ul > li > button > span {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  aside#quickMenuPC > ul > li > button > span {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  aside#quickMenuPC > ul > li > button > span {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
aside#quickMenuPC > ul > li > button > span {
  text-align: center;
  transition: all 0.2s;
  opacity: 0;
  line-height: 56px;
  transform: translateX(100%);
}
aside#quickMenuPC > ul > li > button > i {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 56px;
  height: 56px;
  -webkit-border-radius: 56px;
  border-radius: 56px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80% auto;
  z-index: 2;
}
@media (max-width: 480px) {
  aside#quickMenuPC > ul > li > button > i {
    background-size: auto 45px;
  }
}
aside#quickMenuPC > ul > li > button > i:before {
  content: "";
  width: 100%;
  height: auto;
}
aside#quickMenuPC > ul > li > button > i.icon-qna {
  background-color: rgb(68.6597938144, 65.6082474227, 82.3917525773);
  background-image: url(/WASUB/_Resources/images/icon/icon-qna.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-qna.svg);
}
aside#quickMenuPC > ul > li > button > i.icon-examinfo {
  background-color: rgb(68.6597938144, 65.6082474227, 82.3917525773);
  background-image: url(/WASUB/_Resources/images/icon/icon-examinfo.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-examinfo.svg);
}
aside#quickMenuPC > ul > li > button > i.icon-chatbot {
  background-color: rgb(68.6597938144, 65.6082474227, 82.3917525773);
  background-image: url(/WASUB/_Resources/images/icon/icon-chatbot.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-chatbot.svg);
}
aside#quickMenuPC > ul > li > button > i.icon-ubikok {
  background-image: url(/WASUB/_Resources/images/icon/icon_ubikok.png);
  background-size: 88% auto;
}
aside#quickMenuPC > ul > li > button > i.icon-order {
  background-color: rgb(113.5, 116.8892215569, 255);
  background-image: url(/WASUB/_Resources/images/icon/icon-order.svg);
  background-image: url(/WASUB/_Resources/images/icon/icon-order.gif);
}
aside#quickMenuPC > ul > li > button.btn_order {
  background: rgb(113.5, 116.8892215569, 255);
}
aside#quickMenuPC > ul > li:nth-child(3) {
  bottom: calc(112px + 1.3rem);
}
aside#quickMenuPC > ul > li:nth-child(3):hover {
  width: 180px;
}
aside#quickMenuPC > ul > li:nth-child(2) {
  bottom: calc(56px + 0.65rem);
}
aside#quickMenuPC > ul > li:nth-child(1) {
  bottom: 0px;
}
aside#quickMenuPC > ul > li:hover {
  width: 150px;
  transform-origin: center right;
}
aside#quickMenuPC > ul > li:hover > button > span {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.4s;
}
aside#quickMenuPC #quickOrder_box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0px;
  height: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: -130px;
  cursor: pointer;
  transition: all 0.2s;
  transform: translateX(-100px);
  transform-origin: bottom right;
  overflow: hidden;
}
aside#quickMenuPC #quickOrder_box.on {
  display: block;
  width: 900px;
  height: 130px;
  opacity: 100;
  filter: alpha(opacity=10000);
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  background: #ebebf2;
  box-shadow: -6px 5px 25px rgba(17, 11, 41, 0.5);
  border: 1px solid rgb(113.5, 116.8892215569, 255);
  text-align: center;
  transition: all 0.4s;
  transform: translateX(0);
  z-index: 999;
}
aside#quickMenuPC #quickOrder_box.on .quick_link::after {
  display: block;
  clear: both;
  content: "";
}
aside#quickMenuPC #quickOrder_box.on .txt_wrap {
  width: 21%;
  height: 100%;
  position: relative;
  float: right;
  background-color: rgb(113.5, 116.8892215569, 255);
  color: #fff;
  text-align: center;
}
aside#quickMenuPC #quickOrder_box.on .txt_wrap .txt {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 20px;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 126px;
}
aside#quickMenuPC #quickOrder_box.on .txt_wrap .q_box_close {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 65px;
  height: 65px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: rgb(92.3195876289, 88.2164948454, 110.7835051546);
  color: #fff;
  position: absolute;
  bottom: -15px;
  right: -20px;
}
aside#quickMenuPC #quickOrder_box.on .txt_wrap .q_box_close:hover {
  background: rgb(104.1494845361, 99.5206185567, 124.9793814433);
}
aside#quickMenuPC #quickOrder_box.on .order_ul {
  float: left;
  width: 79%;
  height: 100%;
  padding: 1rem;
  overflow: hidden;
}
aside#quickMenuPC #quickOrder_box.on .order_ul > li {
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 29%;
  height: 100%;
  margin: 0 1%;
  border-right: 1px dashed rgb(141.7102803738, 141.7102803738, 159.2897196262);
}
aside#quickMenuPC #quickOrder_box.on .order_ul > li.li_03 {
  width: 36%;
  border-right: none;
}
aside#quickMenuPC #quickOrder_box.on .order_ul > li .top {
  font-size: 13px;
  font-size: 0.845rem;
}
aside#quickMenuPC #quickOrder_box.on .order_ul > li .big {
  font-size: 20px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 17px;
  padding-left: 2px;
  margin: 0 0 8px;
}
aside#quickMenuPC #quickOrder_box.on .order_ul > li .big i {
  width: 18px;
  height: 18px;
  margin: 0 0 0 3px;
}
aside#quickMenuPC #quickOrder_box.on .order_ul > li .sm {
  font-size: 13px;
  font-size: 0.845rem;
  font-weight: 300;
}
aside#quickMenuPC #quickOrder_box.on .order_ul > li .price {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 16px;
  font-size: 1.04rem;
  font-weight: 500;
  margin-top: 3px;
  letter-spacing: 0;
}
aside#quickMenuPC #quickOrder_box.on:hover {
  background: #fff;
  transition: all 0.3s;
}

aside#quickMenuMobile {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  z-index: 989;
}
aside#quickMenuMobile ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
aside#quickMenuMobile ul li {
  flex: 0 0 auto;
}
aside#quickMenuMobile ul li button {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 60px;
  max-width: 120px;
  padding: 0;
}
@media (max-width: 480px) {
  aside#quickMenuMobile ul li button {
    min-width: 55px;
  }
}
aside#quickMenuMobile ul li button span,
aside#quickMenuMobile ul li button i {
  display: block;
  width: 100%;
}
aside#quickMenuMobile ul li button span {
  padding: 0 0 0.5rem;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
}
@media (max-width: 480px) {
  aside#quickMenuMobile ul li button span {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}
aside#quickMenuMobile ul li button span {
  color: #858899;
}
aside#quickMenuMobile ul li button i {
  padding-top: 85%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 80%;
}
@media (max-width: 480px) {
  aside#quickMenuMobile ul li button i {
    background-size: auto 40px;
  }
}
aside#quickMenuMobile ul li button i:before {
  content: "";
  width: 100%;
  height: auto;
}
aside#quickMenuMobile ul li button i.icon-category {
  background-image: url(/WASUB/_Resources/images/icon/icon-category_m.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-category_m.svg);
}
aside#quickMenuMobile ul li button i.icon-qna {
  background-image: url(/WASUB/_Resources/images/icon/icon-qna_m.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-qna_m.svg);
}
aside#quickMenuMobile ul li button i.icon-home {
  background-image: url(/WASUB/_Resources/images/icon/icon-home_m.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-home_m.svg);
}
aside#quickMenuMobile ul li button i.icon-examinfo {
  background-image: url(/WASUB/_Resources/images/icon/icon-examinfo_m.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-examinfo_m.svg);
}
aside#quickMenuMobile ul li button i.icon-mypage {
  background-image: url(/WASUB/_Resources/images/icon/icon-mypage_m.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-mypage_m.svg);
}
aside#quickMenuMobile ul li button i.icon-reservation {
  background-image: url(/WASUB/_Resources/images/icon/icon-headset_m.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-headset_m.svg);
}
aside#quickMenuMobile ul li button i.icon-order {
  background-image: url(/WASUB/_Resources/images/icon/icon-order.gif);
}
aside#quickMenuMobile ul li button i.icon-chatbot {
  background-image: url(/WASUB/_Resources/images/icon/icon-chatbot_m.png);
  background-image: url(/WASUB/_Resources/images/icon/icon-chatbot_m.svg);
}
aside#quickMenuMobile ul li button i.icon-ubikok {
  background-image: url(/WASUB/_Resources/images/icon/icon_ubikok.png);
}
aside#quickMenuMobile ul li.li_order {
  position: relative;
  flex: 0 0 100px;
}
aside#quickMenuMobile ul li.li_order:before {
  content: "";
  display: block;
  top: -30px;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 100%;
  height: 25px;
  background: url(/WASUB/_Resources/images/icon/icon-order-before.png) no-repeat center top;
  background-image: url(/WASUB/_Resources/images/icon/icon-order-before.svg);
  z-index: -1;
}
aside#quickMenuMobile ul li.li_order button.btn_order {
  width: 74px;
  height: 74px;
  margin: -18px auto 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: rgb(110.95, 114.4002994012, 255);
  overflow: hidden;
  -webkit-box-shadow: 0 0 7px rgba(92, 94, 255, 0.45);
  -moz-box-shadow: 0 0 7px rgba(92, 94, 255, 0.45);
  box-shadow: 0 0 7px rgba(92, 94, 255, 0.45);
}
aside#quickMenuMobile ul li.li_order button.btn_order i {
  padding-top: 65%;
  background-size: auto 100%;
  background-position: center bottom;
}
aside#quickMenuMobile ul li.li_order button.btn_order span {
  color: #fff;
}
@media (max-width: 1024px) {
  aside#quickMenuMobile ul li.li_order button.btn_order span em {
    display: none;
  }
}

.ui-pc aside#quickMenuPC {
  display: block;
  opacity: 1;
}
.ui-mobile aside#quickMenuPC {
  display: none;
  opacity: 0;
}

.ui-pc aside#quickMenuMobile {
  display: none;
  opacity: 0;
}
.ui-mobile aside#quickMenuMobile {
  display: block;
  opacity: 1;
}

/*_footer.scss*/
footer {
  width: 100%;
  padding: 3rem 0;
  background: #fdfdfe;
  border-top: 1px solid #f2f2f6;
}
footer .footer_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
footer .footer_left {
  flex-direction: row;
  flex: 0.8;
}
footer .footer_left ul.company_ul {
  display: block;
  margin-left: -0.95rem;
  text-align: left;
}
@media (max-width: 1024px) {
  footer .footer_left ul.company_ul {
    margin-left: -0.45rem;
  }
}
footer .footer_left ul.company_ul li {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  z-index: 1;
}
footer .footer_left ul.company_ul li:last-child:after {
  display: none;
}
footer .footer_left ul.company_ul li a,
footer .footer_left ul.company_ul li button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 0 0 0.7rem;
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 15px;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(95.5, 95.5, 95.5);
}
@media (max-width: 640px) {
  footer .footer_left ul.company_ul li a,
  footer .footer_left ul.company_ul li button {
    padding: 0 0.45rem;
    font-size: 12.6px;
    font-size: 0.819rem;
  }
}
@media (max-width: 320px) {
  footer .footer_left ul.company_ul li a,
  footer .footer_left ul.company_ul li button {
    font-size: 12px;
    font-size: 0.78rem;
    line-height: 120%;
    letter-spacing: -0.025rem;
  }
}
@media (max-width: 320px) and (max-width: 480px) {
  footer .footer_left ul.company_ul li a,
  footer .footer_left ul.company_ul li button {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}
footer .footer_left ul.company_ul li a:hover, footer .footer_left ul.company_ul li a:focus,
footer .footer_left ul.company_ul li button:hover,
footer .footer_left ul.company_ul li button:focus {
  color: #585CFF;
}
footer .footer_left ul.company_ul li a.privacy,
footer .footer_left ul.company_ul li button.privacy {
  font-weight: bold;
  color: rgb(82.75, 82.75, 82.75);
}
footer .footer_left ul.company_ul li a.privacy:hover, footer .footer_left ul.company_ul li a.privacy:focus,
footer .footer_left ul.company_ul li button.privacy:hover,
footer .footer_left ul.company_ul li button.privacy:focus {
  color: #585CFF;
}
footer .footer_left address {
  display: block;
  margin-top: 1.5rem;
  text-align: left;
}
@media (max-width: 640px) {
  footer .footer_left address {
    margin-top: 0.8rem;
  }
}
footer .footer_left address h3,
footer .footer_left address dl {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  margin-right: 1rem;
  font-size: 12.6px;
  font-size: 0.819rem;
  color: rgb(146.5, 146.5, 146.5);
  letter-spacing: 0;
  font-weight: 500;
}
@media (max-width: 640px) {
  footer .footer_left address h3,
  footer .footer_left address dl {
    margin-right: 0.6rem;
    font-size: 12px;
    font-size: 0.78rem;
    line-height: 16px;
    line-height: 1.375rem;
    word-break: keep-all;
  }
}
@media (max-width: 320px) {
  footer .footer_left address h3,
  footer .footer_left address dl {
    font-size: 12px;
    font-size: 0.78rem;
  }
}
footer .footer_left address dl dt,
footer .footer_left address dl dd {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0;
  font-weight: 300;
}
footer .footer_left address dl dt {
  margin-right: 0.25rem;
  font-weight: 500;
}
footer .footer_left .sns_wrap {
  margin-top: 0.8rem;
}
footer .footer_left .sns_wrap:after {
  content: "";
  display: block;
  clear: both;
}
footer .footer_left .sns_wrap > li {
  width: 38px;
  height: 38px;
  margin-right: 0.8rem;
  float: left;
}
footer .footer_left .sns_wrap > li a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: center center;
}
footer .footer_left .sns_wrap > li a.blog {
  background-image: url(/WASUB/_Resources/images/icon/icon-blog.png);
}
footer .footer_left .sns_wrap > li a.blog:hover {
  background-image: url(/WASUB/_Resources/images/icon/icon-blog_hover.png);
}
footer .footer_left .sns_wrap > li a.youtube {
  background-image: url(/WASUB/_Resources/images/icon/icon-youtube.png);
}
footer .footer_left .sns_wrap > li a.youtube:hover {
  background-image: url(/WASUB/_Resources/images/icon/icon-youtube_hover.png);
}
footer .footer_left .sns_wrap > li a.insta {
  background-image: url(/WASUB/_Resources/images/icon/icon-insta.png);
}
footer .footer_left .sns_wrap > li a.insta:hover {
  background-image: url(/WASUB/_Resources/images/icon/icon-insta_hover.png);
}
footer .footer_left .sns_wrap > li a.kakao {
  background-image: url(/WASUB/_Resources/images/icon/icon-kakao.png);
}
footer .footer_left .sns_wrap > li a.kakao:hover {
  background-image: url(/WASUB/_Resources/images/icon/icon-kakao_hover.png);
}
footer .footer_right {
  flex: 0 0 18rem;
  flex-direction: row-reverse;
  width: auto;
}
footer .footer_right .callcenter {
  display: block;
  width: auto;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}
@media (max-width: 640px) {
  footer .footer_right .callcenter {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}
@media (max-width: 480px) {
  footer .footer_right .callcenter {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}
@media (max-width: 320px) {
  footer .footer_right .callcenter {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}
footer .footer_right .callcenter {
  color: rgb(90.4, 90.4, 90.4);
}
footer .footer_right .callcenter span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-right: 0.3rem;
  vertical-align: middle;
}
footer .footer_right .callcenter span.num {
  letter-spacing: normal;
  font-weight: 700;
}
footer .footer_right ul.time {
  width: 100%;
  margin-top: 0.8rem;
}
footer .footer_right ul.time li {
  margin-top: 0.25rem;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
}
@media (max-width: 480px) {
  footer .footer_right ul.time li {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}
footer .footer_right ul.time li {
  font-weight: 300;
  color: rgb(188.5535714286, 190.1875, 199.4464285714);
}
footer .footer_right ul.time li:before {
  content: "-";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-right: 0.35rem;
  vertical-align: middle;
}
footer .footer_right button {
  width: 100%;
  margin-top: 1rem;
  padding: 0.9rem;
  font-size: 13.6px;
  font-size: 0.884rem;
  font-weight: 500;
  background: rgb(221.8923076923, 221.8923076923, 234.3076923077);
  border-radius: 5px;
}
footer .footer_right button:hover {
  background: rgb(215.6153846154, 215.6153846154, 230.3846153846);
}
footer p.copyright {
  margin: 2.5rem 0 0.5rem;
  text-align: left;
  font-size: 10.5px;
  font-size: 0.6825rem;
  line-height: 120%;
  letter-spacing: -0.015rem;
  font-weight: 300;
  color: rgb(188.5535714286, 190.1875, 199.4464285714);
  letter-spacing: 0.025rem;
}
@media (max-width: 1024px) {
  footer {
    padding: 2rem 0;
  }
  footer .footer_wrap {
    display: block;
  }
  footer .footer_wrap .footer_left {
    width: 100%;
    margin-top: 0.5rem;
  }
  footer .footer_wrap .footer_left ul.company_ul li a,
  footer .footer_wrap .footer_left ul.company_ul li button {
    margin-left: 0;
  }
  footer .footer_wrap .footer_right {
    width: 100%;
    margin-top: 2rem;
  }
  footer .footer_wrap .footer_right .callcenter {
    width: 100%;
    max-width: 690px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding: 0.5rem 0.65rem;
    border-radius: 0.75rem;
    background: #d6d6dc;
  }
  footer .footer_wrap .footer_right .callcenter > span {
    flex: 0 0 auto;
    margin: 0 0.25rem;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: auto;
    height: auto;
  }
  footer .footer_wrap .footer_right .callcenter > button {
    flex: 1;
    margin: 0 0 0 2rem;
    border-radius: 0.425rem;
    background: #F7F7FA;
  }
  footer .footer_wrap .footer_right .callcenter > ul {
    display: none;
  }
}
@media (max-width: 480px) {
  footer {
    padding: 1.25rem 0;
  }
  footer .footer_wrap .footer_right {
    width: 100%;
    margin-top: 1.5rem;
  }
  footer .footer_wrap .footer_right .callcenter {
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  footer .footer_wrap .footer_right .callcenter > button {
    flex: 1;
    margin: 0 0 0 1rem;
    font-size: 12.6px;
    font-size: 0.819rem;
  }
  footer .footer_wrap .footer_right .callcenter > ul {
    display: none;
  }
  footer .footer_wrap p.copyright {
    margin: 2rem 0 0rem;
  }
}

/*_admin.scss*/
.SubTopBanner.off, .BottomBanner.off, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.off.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.off.MenuBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.off.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.off.MenuBanner, .BottomPopup.off {
  display: none;
}

.ad_line {
  border: 3px dashed #383838;
}

div.pop_layer_wrap div.BottomPopup {
  background: #2D2B36;
  /* The Fallback */
  background: rgba(45, 43, 54, 0.6);
}

button.banner_info, button.product_info {
  position: absolute !important;
  width: 100px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  color: #fff;
  background: #5f5f5f;
  margin: 5px 0 0 5px;
  font-size: 14px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  top: 0;
  left: 0;
  z-index: 7;
}
button.banner_info:hover, button.product_info:hover {
  background: #383838;
}
li.ban.MenuBanner.ad_line button.banner_info, li.ban.MenuBanner.ad_line button.product_info {
  top: 0;
  left: 0;
  z-index: 100;
}
.BottomPopup button.banner_info, .BottomPopup button.product_info {
  z-index: 106;
  position: fixed;
  top: auto;
  bottom: 157px;
}

div.banner_admin_wrap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10001;
  top: 0;
  left: 0;
  background: #2D2B36;
  /* The Fallback */
  background: rgba(45, 43, 54, 0.6);
  padding: 30px;
}
div.banner_admin_wrap div.banner_admin {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
}
div.banner_admin_wrap div.banner_admin button.banner_admin_close {
  position: absolute;
  z-index: 1000;
  right: 10px;
  top: 16px;
  border: none;
  background: none;
  color: #fff;
}
@media (max-width: 800px) {
  div.banner_admin_wrap div.banner_admin button.banner_admin_close {
    right: 10px;
    top: 10px;
  }
}
div.banner_admin_wrap div.banner_admin header.ba_header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 50px;
  background: #0b71b9;
  color: #fff;
  padding: 10px 0 0 20px;
}
div.banner_admin_wrap div.banner_admin header.ba_header h1 {
  font-size: 20px;
  font-size: 1.3rem;
}
div.banner_admin_wrap div.banner_admin header.ba_header h1 i {
  vertical-align: middle;
}
div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group {
  position: absolute;
  right: 50px;
  top: 7px;
}
div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button {
  width: 100px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_ok {
  background: #21b1ea;
}
div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_ok:hover {
  background: #5391d5;
}
div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_cancle {
  background: #424242;
}
div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_cancle:hover {
  background: #383838;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup {
  z-index: 99;
  position: absolute;
  right: 0;
  top: 50px;
  width: 350px;
  height: 100%;
  padding: 17px 25px;
  color: #fff;
  background: #2e4762;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup h2 {
  font-size: 18px;
  font-size: 1.17rem;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup h2 i {
  vertical-align: middle;
  display: inline-block;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup button.btn_setup {
  position: absolute;
  top: -33px;
  left: -60px;
  font-size: 17px;
  font-size: 1.105rem;
  width: 35px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box;
  background: #2e4762;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup button.btn_setup.open {
  display: none;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul {
  overflow-y: auto;
  scrollbar-base-color: #59718b;
  scrollbar-arrow-color: #fff;
  scrollbar-DarkShadow-Color: #2e4762;
  scrollbar-shadow-color: #2e4762;
  scrollbar-track-color: #2e4762;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul ::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #2e4762;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul ::-webkit-scrollbar-thumb {
  background: #fff;
  -webkit-border-radius: 1ex;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul ::-webkit-scrollbar-corner {
  background: #000;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li {
  margin: 0 0 10px 0;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li i {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span {
  display: inline-block;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span.ID {
  font-size: 15px;
  font-size: 0.975rem;
  margin: 0 0 0 3px;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span.date {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 3px 0 0;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span.comment {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 0 0 4px;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table th {
  text-align: left;
}
div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td {
  background: #fff;
  text-align: left;
}
div.banner_admin_wrap div.banner_admin section.ba_view {
  background: #fff;
}
div.banner_admin_wrap div.banner_admin section.ba_view::after {
  display: block;
  clear: both;
  content: "";
}
div.banner_admin_wrap div.banner_admin section.ba_view {
  margin: 0;
  padding: 90px 50px 50px 50px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article {
  float: left;
  margin: 0 20px 0 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist {
  width: 530px;
  border: 2px dashed #ccc;
  padding: 5px 20px 20px 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1152px) {
  div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist {
    width: 475px;
  }
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li {
  margin: 15px 0 0 0;
  padding: 5px;
  position: relative;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li:fisrt-child, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li:fisrt-child {
  margin: 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group {
  z-index: 98;
  position: absolute;
  top: 12px;
  right: 12px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group::after, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group::after {
  display: block;
  clear: both;
  content: "";
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group a, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group a {
  float: left;
  display: block;
  background: #424242;
  text-align: center;
  width: 32px;
  height: 32px;
  font-size: 20px;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "Century Gothic";
  margin: 0 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #fff;
  padding: 3px 0 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group a:hover, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #383838;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.bannerInfo, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.bannerInfo {
  margin: 0 0 10px 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.bannerInfo button.ban_setting, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.bannerInfo button.ban_setting {
  z-index: 10;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 70px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  font-size: 11px;
  font-size: 0.715rem;
  background: #5f5f5f;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.bannerInfo button.ban_setting:hover, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.bannerInfo button.ban_setting:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner {
  height: 180px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article {
  width: 100%;
  height: 100%;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .img_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .img_wrap {
  display: none;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap {
  margin-top: 30px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .txt_st, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .txt_st {
  font-size: 20px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -1px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 200px;
  height: 46px;
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st > span, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st > span {
  font-size: 15px;
  font-size: 0.975rem;
  font-weight: 500;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner {
  width: 170px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border: 1px solid #ddd;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap .txt_box, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap .txt_box {
  padding: 22px 10px;
  text-align: center;
  min-height: 113px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap .txt_box .tit, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap .txt_box .tit {
  font-size: 15px;
  font-size: 0.975rem;
  line-height: 1.5;
  font-weight: bold;
  color: #424242;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap .txt_box .ps, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap .txt_box .ps {
  font-size: 13.4px;
  font-size: 0.871rem;
  color: rgba(1, 1, 1, 0.3);
  margin-top: 8px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner {
  height: 180px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article {
  width: 100%;
  height: 100%;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .img_wrap {
  display: none;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap {
  margin-top: 30px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap .txt_st {
  font-size: 20px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -1px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 200px;
  height: 46px;
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st > span {
  font-size: 15px;
  font-size: 0.975rem;
  font-weight: 500;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner {
  width: 170px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border: 1px solid #ddd;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap .txt_box {
  padding: 22px 10px;
  text-align: center;
  min-height: 113px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap .txt_box .tit {
  font-size: 15px;
  font-size: 0.975rem;
  line-height: 1.5;
  font-weight: bold;
  color: #424242;
}
div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap .txt_box .ps {
  font-size: 13.4px;
  font-size: 0.871rem;
  color: rgba(1, 1, 1, 0.3);
  margin-top: 8px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box {
  flex: 1;
  display: block;
  margin: 0 0 0 10px;
  height: 40px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#txtBanSearch {
  border: 1px solid #c6c8cd;
  width: 160px;
  height: 40px;
  vertical-align: middle;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search {
  height: 40px;
  padding: 3px 15px 5px 15px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.banner_btn_search {
  height: 40px;
  padding: 3px 15px 5px 15px;
  border: none;
  background: #c6c8cd;
  color: #fff;
  vertical-align: middle;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.banner_btn_search:hover {
  background: #aab4bd;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap {
  width: 150px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap:before {
  display: none;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap span.select_wrap {
  display: inline-block;
  position: relative;
  padding: 0;
  background: #fff;
  border: 1px solid #c6c8cd;
  border-radius: 0;
  z-index: 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap span.select_wrap:before {
  height: 28px;
  top: 50%;
  margin-top: -14px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item {
  height: 170px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item img {
  display: none;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption span.txt_th, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_th, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_th, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption span.txt_th {
  font-size: 12px;
  font-size: 0.78rem;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption p.tit_main, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_main, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_main, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption p.tit_main {
  font-size: 25px;
  font-size: 1.625rem;
  margin-bottom: 10px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption span.txt_date, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_date, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_date, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption span.txt_date {
  font-size: 11px;
  font-size: 0.715rem;
  top: -17px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption p.tit_sub, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub {
  font-size: 13px;
  font-size: 0.845rem;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit {
  font-size: 12px;
  font-size: 0.78rem;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption span.btnbox, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.btnbox, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.btnbox, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption span.btnbox {
  display: none;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner {
  background: #5391d5;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a {
  display: block;
  position: relative;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a img {
  position: absolute;
  bottom: 0;
  left: 10px;
  width: auto;
  height: 90px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap {
  padding: 30px 0 30px 110px;
  color: #fff;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap p em, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap p em, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap p em, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap p em {
  color: #fffb93;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap p.sub_copy, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap p.sub_copy, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap p.sub_copy, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap p.sub_copy {
  font-size: 12px;
  font-weight: bold;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap p.head_copy, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap p.head_copy, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap p.head_copy, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap p.head_copy {
  font-size: 18px;
  font-weight: bold;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a span, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a span, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a span, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a span {
  display: block;
  position: absolute;
  color: #0b71b9;
  width: 25px;
  height: 25px;
  bottom: 7px;
  right: 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a span:hover, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a span:hover, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a span:hover, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a span:hover {
  color: #2e4762;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.MenuBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.MenuBanner {
  height: 100px;
  background: #fff;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomBanner article.s_ban_wrap, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.MenuBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.MenuBanner article.s_ban_wrap, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.MenuBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.MenuBanner article.s_ban_wrap {
  width: 100%;
  float: none;
  margin: 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomBanner img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomBanner img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomBanner img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomBanner img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.MenuBanner img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.MenuBanner img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.MenuBanner img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.MenuBanner img {
  width: auto;
  height: 100px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomPopup, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomPopup, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomPopup, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomPopup {
  width: 100%;
  height: 170px;
  position: relative;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.FullLayerPopup, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.FullLayerPopup, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.FullLayerPopup, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.FullLayerPopup {
  width: 100%;
  height: 170px;
  background: #fff;
  overflow: hidden;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.IntroMiddleBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.IntroMiddleBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.IntroMiddleBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.IntroMiddleBanner {
  position: relative;
  width: 333px;
  margin: 0 auto 20px auto;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.IntroMiddleBanner a div.middle_a_wrap div.tag_box, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.IntroMiddleBanner a div.middle_a_wrap div.tag_box, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.IntroMiddleBanner a div.middle_a_wrap div.tag_box, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.IntroMiddleBanner a div.middle_a_wrap div.tag_box {
  top: -26px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.IntroTopRightPop, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.IntroTopRightPop, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.IntroTopRightPop, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.IntroTopRightPop {
  width: 333px;
  margin: 0 auto;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.SideBannerFir, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.SideBannerFir, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.SideBannerFir, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.SideBannerFir {
  width: 142px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap::after, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap::after, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap::after, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap::after {
  display: block;
  clear: both;
  content: "";
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac {
  width: 100%;
  padding: 5px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figure, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figure, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figure, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figure,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac div.txt_wrap,
div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac div.txt_wrap,
div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac div.txt_wrap,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac div.txt_wrap {
  display: none;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figure img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figure img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figure img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figure img,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figure img.on_w,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figure img.on_m,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac div.txt_wrap img,
div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac div.txt_wrap img,
div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac div.txt_wrap img,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac div.txt_wrap img,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac div.txt_wrap img.on_w,
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac div.txt_wrap img.on_m {
  display: none !important;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figcaption.visually-hidden, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figcaption.visually-hidden, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figcaption.visually-hidden, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figcaption.visually-hidden, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figcaption.blind, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figcaption.blind, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figcaption.blind, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figcaption.blind {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: hidden !important;
  clip: auto !important;
  white-space: wrap !important;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figcaption.visually-hidden h3, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figcaption.visually-hidden h3, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figcaption.visually-hidden h3, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figcaption.visually-hidden h3, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figcaption.blind h3, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figcaption.blind h3, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figcaption.blind h3, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figcaption.blind h3 {
  font-size: 25px;
  font-size: 1.625rem;
  margin-bottom: 10px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figcaption.visually-hidden p, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figcaption.visually-hidden p, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figcaption.visually-hidden p, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figcaption.visually-hidden p, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register a.ban_wrap article.ban_ac figcaption.blind p, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby a.ban_wrap article.ban_ac figcaption.blind p, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby a.ban_wrap article.ban_ac figcaption.blind p, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figcaption.blind p {
  font-size: 12px;
  font-size: 0.78rem;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby {
  position: relative;
  height: 100%;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking {
  width: 240px;
  border: 1px solid #e6e6e6;
  margin: 10px 0 0 0;
  box-shadow: 2px 2px 0px #ddd;
  padding: 20px;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking h3 {
  font-weight: bold;
  padding: 0 0 3px 0;
  border-bottom: 2px solid #383838;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol {
  margin: 20px 0 0 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li::after {
  display: block;
  clear: both;
  content: "";
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li {
  margin: 0 0 5px 0;
  position: relative;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li span, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li a {
  float: left;
  word-break: keep-all;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li p {
  width: 165px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li a {
  width: 165px;
  color: #383838;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li a:hover {
  text-decoration: underline;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li span {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #c6c8cd;
  margin: 0 10px 0 0;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li span.alert {
  background: #f21c1e;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) span, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) span, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) span {
  background-color: #21b1ea;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) span.alert, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) span.alert, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) span.alert {
  background: #f21c1e;
}
div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) a, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) a, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) a {
  font-weight: bold;
}
div.banner_admin_wrap div.banner_admin section.ba_view div.wrap_ranking {
  float: left;
  width: 200px;
}
div.banner_admin_wrap div.banner_admin section.ba_view .ui-state-default, div.banner_admin_wrap div.banner_admin section.ba_view .ui-widget-content .ui-state-default, div.banner_admin_wrap div.banner_admin section.ba_view .ui-widget-header .ui-state-default {
  background: #f7f7f7;
}

div.preview label {
  display: block;
  margin: 0 0 5px 0;
}
div.preview section.top_ban {
  width: 1000px;
  height: 230px;
  background: #fff;
  border: 1px solid #dddddd;
  overflow: hidden;
}
div.preview div.bottom_type, div.preview div.list_type {
  width: 320px;
  height: 100px;
  background: #fff;
  border: 1px solid #dddddd;
}
div.preview div.bottom_type > div.preview_source > a > img, div.preview div.list_type > div.preview_source > a > img {
  width: 320px;
  height: 100px;
}
div.preview div.bottom_type article.s_ban_wrap, div.preview div.list_type article.s_ban_wrap {
  width: 318px;
  height: 98px;
}
div.preview div.list_type {
  width: 320px;
  height: 150px;
}
div.preview div.top_type {
  position: relative;
  background: #5391d5;
  width: 33%;
  height: 100px;
}
div.preview div.top_type a {
  display: block;
}
div.preview div.top_type a img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: 90px;
}
div.preview div.top_type a div.text_wrap {
  padding: 30px 0 0 110px;
  color: #fff;
}
div.preview div.top_type a div.text_wrap p em {
  color: #fffb93;
}
div.preview div.top_type a div.text_wrap p.sub_copy {
  font-size: 12px;
  font-weight: bold;
}
div.preview div.top_type a div.text_wrap p.head_copy {
  font-size: 18px;
  font-weight: bold;
}
div.preview div.top_type a span {
  display: block;
  position: absolute;
  color: #0b71b9;
  width: 25px;
  height: 25px;
  bottom: 7px;
  right: 0;
}
div.preview div.top_type a span:hover {
  color: #2e4762;
}
div.preview div.menu_type {
  border: 1px solid #dddddd;
  width: 380px;
  height: 65px;
  padding: 0 0 0 10px;
  overflow: hidden;
  background: #fff;
}
@media (max-width: 800px) {
  div.preview div.menu_type {
    width: 100%;
    height: 65px;
    position: relative;
  }
}
div.preview div.menu_type a {
  height: 65px;
  padding: 0 !important;
  margin: 0 !important;
  width: 370px;
  height: 65px;
  overflow: hidden;
}
div.preview div.menu_type a:hover {
  margin: 0;
}
@media (max-width: 800px) {
  div.preview div.menu_type a {
    position: static;
    width: 100%;
  }
}
div.preview div.menu_type a article.s_ban_wrap {
  padding: 10px 0 0 0;
  width: 370px;
  height: 65px;
}
@media (max-width: 800px) {
  div.preview div.menu_type a article.s_ban_wrap {
    position: static;
    width: 100%;
    padding: 10px;
  }
}
div.preview div.menu_type a article.s_ban_wrap h5 > strong {
  font-size: 18px;
}
div.preview div.menu_type a article.s_ban_wrap p {
  position: absolute;
  top: 10px;
  right: 75px;
}
div.preview div.menu_type a article.s_ban_wrap img.img_decoration {
  position: absolute;
  top: 0;
  right: 0;
  width: auto !important;
  height: 65px !important;
}
div.preview div.main_right_type div.r_ban_wrap {
  width: 327px;
  height: 103px;
  border: 1px solid #ebecee;
}
div.preview div.main_right_type div.r_ban_wrap span.go {
  font-size: 11px;
  font-size: 0.715rem;
  display: inline-block;
  padding: 2px 8px 4px 8px;
  margin: 6px 5px 14px auto;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
}
div.preview div.main_right_type div.r_ban_wrap span.go.co_gray {
  border: 1px solid #777;
  color: #777;
}
div.preview div.main_right_type div.r_ban_wrap p {
  display: block;
  color: #fff;
  letter-spacing: -1.5px;
  font-weight: 600;
}
div.preview div.main_right_type div.r_ban_wrap p.co_black {
  color: #485564;
}
div.preview div.main_right_type div.r_ban_wrap p.co_gray {
  color: #888;
}
div.preview div.main_right_type div.r_ban_wrap p.tit_main {
  font-size: 22px;
  font-size: 1.43rem;
}
div.preview div.main_right_type div.r_ban_wrap p.tit_sub {
  font-size: 13px;
  font-size: 0.845rem;
  font-weight: normal;
  padding: 3px 0;
}
div.preview div.main_right_type div.r_ban_wrap p.font_s {
  font-size: 20px;
  font-size: 1.3rem;
}
div.preview div.main_right_type div.r_ban_wrap p.font_ss {
  font-size: 17px;
  font-size: 1.105rem;
}
div.preview div.main_right_type div.r_ban_wrap.align_c {
  text-align: center;
  padding: 11px 0 0 0;
}
div.preview div.main_right_type div.r_ban_wrap.align_l {
  text-align: left;
  padding: 14px 0 0 20px;
}
div.preview div.main_right_type div.r_ban_wrap.align_r {
  text-align: right;
  padding: 14px 20px 0 0;
}
div.preview div.bottom_pop_type {
  width: 1000px;
  height: 230px;
  background: #fff;
  border: 1px solid #dddddd;
  overflow: hidden;
}
div.preview div.bottom_pop_type figure {
  width: 1000px;
  height: 230px;
}
div.preview div.bottom_pop_type figure img {
  width: auto;
  position: absolute;
  margin: 0;
  top: 0;
  left: -20%;
}
div.preview div.bottom_pop_type figure img.btm_pop {
  right: -50px;
  left: auto;
}
div.preview div.middle_type {
  position: relative;
}
div.preview div.middle_type div.middle_a_wrap {
  box-shadow: none;
}
div.preview div.middle_type div.middle_a_wrap div.tag_box {
  top: -26px;
}
div.preview div.side_banner_type {
  width: 140px;
  background: #fff;
  border: 1px solid #ebecee;
}
div.preview div.event_top_banner_type {
  width: 1000px;
  height: 50px;
  background: #fff;
  border: 1px solid #dddddd;
  overflow: hidden;
  text-align: center;
}
div.preview div.event_top_banner_type a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  color: #383838;
}
div.preview div.event_top_banner_type a banner_wrap > span {
  font-size: 19px;
  font-size: 1.235rem;
  line-height: 50px;
}
div.preview div.event_bottom_banner_type {
  width: 1000px;
  height: 254px;
  background: #dddddd;
  border: 1px solid #dddddd;
  overflow: hidden;
}
div.preview div.event_bottom_banner_type article .wrap_1024::after {
  display: block;
  clear: both;
  content: "";
}
div.preview div.event_bottom_banner_type article .wrap_1024 .img_wrap {
  float: right;
  width: 40%;
}
div.preview div.event_bottom_banner_type article .wrap_1024 .img_wrap > img {
  width: 320px;
  margin: 0 auto;
}
div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap {
  margin-top: 55px;
}
div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap .txt_st {
  font-size: 25px;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -1px;
}
div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap .btn_st {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 240px;
  height: 56px;
  background: #fff;
  color: #383838;
  text-align: center;
  margin-top: 15px;
  padding-top: 17px;
}
div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap .btn_st > span {
  font-size: 16.6px;
  font-size: 1.079rem;
  font-weight: 500;
}
div.preview div.mypage_right_banner_type {
  width: 170px;
}
div.preview div.mypage_right_banner_type .banner_wrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  position: relative;
  border: 1px solid #ddd;
}
div.preview div.mypage_right_banner_type .banner_wrap .txt_box {
  padding: 22px 10px;
  text-align: center;
  min-height: 113px;
}
div.preview div.mypage_right_banner_type .banner_wrap .txt_box .tit {
  font-size: 15px;
  font-size: 0.975rem;
  line-height: 1.5;
  font-weight: bold;
  color: #424242;
}
div.preview div.mypage_right_banner_type .banner_wrap .txt_box .ps {
  font-size: 13.4px;
  font-size: 0.871rem;
  color: rgba(1, 1, 1, 0.3);
  margin-top: 8px;
}

div.banner_status {
  display: none;
}
div.banner_status.on {
  display: block;
}
div.banner_status {
  position: absolute !important;
  top: 0;
  right: 0;
  z-index: 10;
}
div.banner_status dl.banner_status_dl::after {
  display: block;
  clear: both;
  content: "";
}
div.banner_status dl.banner_status_dl {
  color: #fff;
  font-size: 12px;
  font-size: 0.78rem;
  font-weight: bold;
}
div.banner_status dl.banner_status_dl dt {
  float: left;
  padding: 5px 10px 7px 10px;
  background: #383838;
  margin-left: 1px;
}
div.banner_status dl.banner_status_dl dd {
  float: left;
  padding: 5px 10px 7px 10px;
  background: #424242;
  margin: 0;
  color: #fffb93;
}

div.MainRightBanner {
  width: 327px;
}
div.MainRightBanner div.r_ban_wrap {
  height: 103px;
}
div.MainRightBanner div.r_ban_wrap span.go {
  font-size: 11px;
  font-size: 0.715rem;
  display: inline-block;
  padding: 2px 8px 4px 8px;
  margin: 6px 5px 14px auto;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
}
div.MainRightBanner div.r_ban_wrap span.go.co_gray {
  border: 1px solid #777;
  color: #777;
}
div.MainRightBanner div.r_ban_wrap p {
  display: block;
  color: #fff;
  letter-spacing: -1.5px;
  font-weight: 600;
}
div.MainRightBanner div.r_ban_wrap p.co_black {
  color: #485564;
}
div.MainRightBanner div.r_ban_wrap p.co_gray {
  color: #888;
}
div.MainRightBanner div.r_ban_wrap p.tit_main {
  font-size: 22px;
  font-size: 1.43rem;
}
div.MainRightBanner div.r_ban_wrap p.tit_sub {
  font-size: 13px;
  font-size: 0.845rem;
  font-weight: normal;
  padding: 3px 0;
}
div.MainRightBanner div.r_ban_wrap p.font_s {
  font-size: 20px;
  font-size: 1.3rem;
}
div.MainRightBanner div.r_ban_wrap p.font_ss {
  font-size: 17px;
  font-size: 1.105rem;
}
div.MainRightBanner div.r_ban_wrap.align_c {
  text-align: center;
  padding: 11px 0 0 0;
}
div.MainRightBanner div.r_ban_wrap.align_l {
  text-align: left;
  padding: 14px 0 0 20px;
}
div.MainRightBanner div.r_ban_wrap.align_r {
  text-align: right;
  padding: 14px 20px 0 0;
}
div.MainRightBanner div.r_ban_wrap.border_top {
  border-top: 1px solid #ebecee;
}

div.full_layer_default_wrap.FullLayerPopup {
  display: block;
}
div.full_layer_default_wrap.FullLayerPopup.off {
  display: none;
}
div.full_layer_default_wrap.FullLayerPopup.ad_line {
  display: block;
  background: none;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
}
div.full_layer_default_wrap.FullLayerPopup.ad_line.off {
  display: block;
}
div.full_layer_default_wrap.FullLayerPopup.ad_line div.full_layer_default_box {
  position: static;
}
div.full_layer_default_wrap.FullLayerPopup.ad_line div.close_box {
  display: none;
}

div.full_layer_type article.full_layer_default_ar {
  background: #fff;
  border: 1px solid #dddddd;
}
div.full_layer_type article.full_layer_default_ar > h4 {
  display: none !important;
}
div.full_layer_type div.full_layer_default_wrap {
  display: block;
  position: static;
  background: none;
}
div.full_layer_type div.full_layer_default_wrap div.full_layer_default_box {
  position: static;
}
div.full_layer_type div.full_layer_default_wrap div.full_layer_default_box div.close_box {
  display: none;
}

button.product_info {
  top: 0;
}

.list_section.ad_line {
  padding: 45px 0 0 0;
}

div.product_admin_wrap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 998;
  top: 0;
  left: 0;
  background: #2D2B36;
  /* The Fallback */
  background: rgba(45, 43, 54, 0.6);
  padding: 30px;
}
div.product_admin_wrap div.product_admin {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
}
div.product_admin_wrap div.product_admin button.product_admin_close {
  position: absolute;
  z-index: 1000;
  right: 10px;
  top: 16px;
  border: none;
  background: none;
  color: #fff;
}
@media (max-width: 800px) {
  div.product_admin_wrap div.product_admin button.product_admin_close {
    right: 10px;
    top: 10px;
  }
}
div.product_admin_wrap div.product_admin header.pa_header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 50px;
  background: #0b71b9;
  color: #fff;
  padding: 10px 0 0 20px;
}
div.product_admin_wrap div.product_admin header.pa_header h1 {
  font-size: 20px;
  font-size: 1.3rem;
}
div.product_admin_wrap div.product_admin header.pa_header h1 i {
  vertical-align: middle;
}
div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group {
  position: absolute;
  right: 50px;
  top: 7px;
}
div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button {
  width: 100px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_ok {
  background: #21b1ea;
}
div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_ok:hover {
  background: #5391d5;
}
div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_cancle {
  background: #424242;
}
div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_cancle:hover {
  background: #383838;
}
div.product_admin_wrap div.product_admin aside.pa_setup {
  z-index: 99;
  position: absolute;
  right: 0;
  top: 50px;
  width: 20%;
  height: 100%;
  padding: 17px 25px;
  color: #fff;
  background: #2e4762;
}
div.product_admin_wrap div.product_admin aside.pa_setup h2 {
  margin: 0 0 30px 0;
  font-size: 18px;
  font-size: 1.17rem;
}
div.product_admin_wrap div.product_admin aside.pa_setup h2 i {
  vertical-align: middle;
  display: inline-block;
}
div.product_admin_wrap div.product_admin aside.pa_setup button.btn_setup {
  position: absolute;
  top: -33px;
  left: -60px;
  font-size: 17px;
  font-size: 1.105rem;
  width: 35px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box;
  background: #2e4762;
}
div.product_admin_wrap div.product_admin aside.pa_setup button.btn_setup.open {
  display: none;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul {
  overflow-y: auto;
  scrollbar-base-color: #59718b;
  scrollbar-arrow-color: #fff;
  scrollbar-DarkShadow-Color: #2e4762;
  scrollbar-shadow-color: #2e4762;
  scrollbar-track-color: #2e4762;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul ::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #2e4762;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul ::-webkit-scrollbar-thumb {
  background: #fff;
  -webkit-border-radius: 1ex;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul ::-webkit-scrollbar-corner {
  background: #000;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li {
  margin: 0 0 10px 0;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li i {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span {
  display: inline-block;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span.ID {
  font-size: 15px;
  font-size: 0.975rem;
  margin: 0 0 0 3px;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span.date {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 3px 0 0;
}
div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span.comment {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 0 0 4px;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table th {
  text-align: left;
}
div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td {
  background: #fff;
  text-align: left;
}
div.product_admin_wrap div.product_admin section.pa_view {
  background: #fff;
}
div.product_admin_wrap div.product_admin section.pa_view::after {
  display: block;
  clear: both;
  content: "";
}
div.product_admin_wrap div.product_admin section.pa_view {
  margin: 0;
  padding: 90px 50px 50px 50px;
  float: left;
  width: 80%;
}
div.product_admin_wrap div.product_admin section.pa_view article {
  margin: 0 auto;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist {
  width: 800px;
  border: 2px dashed #ccc;
  padding: 5px 20px 20px 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1152px) {
  div.product_admin_wrap div.product_admin section.pa_view article ul.prolist {
    width: 475px;
  }
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li {
  margin: 15px 0 0 0;
  padding: 5px;
  position: relative;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li::after {
  display: block;
  clear: both;
  content: "";
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li:fisrt-child {
  margin: 0;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.pro_num {
  width: 6%;
  height: 43px;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 2px solid #5f5f5f;
  color: #5f5f5f;
  font-family: "Century Gothic";
  float: left;
  font-size: 20px;
  font-size: 1.3rem;
  margin: 0 2% 0 0;
  padding: 7px 0 0 0;
  font-weight: bold;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.pro_num.new {
  color: #f26c4f;
  border: 2px solid #f26c4f;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column {
  float: left;
  width: 92%;
  margin: 0;
  padding: 20px;
  border: 1px solid #dddddd;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column h3.list_column_tt {
  font-size: 20px;
  font-size: 1.3rem;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column p.description {
  width: 73%;
  margin: 20px 0 0 0;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column p.description span {
  margin: 10px 0 0 0;
  font-size: 12px;
  font-size: 0.78rem;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price {
  width: 22%;
  bottom: 20px;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price p.line-through {
  font-size: 14px;
  font-size: 0.91rem;
  padding: 0 5px 10px 0;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price p.discount {
  margin: 0;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price p.real_price {
  padding: 0;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.list_btns_group {
  display: none;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group {
  z-index: 100;
  position: absolute;
  top: 12px;
  right: 12px;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group::after {
  display: block;
  clear: both;
  content: "";
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group a {
  float: left;
  display: block;
  background: #424242;
  text-align: center;
  width: 32px;
  height: 32px;
  font-size: 20px;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "Century Gothic";
  margin: 0 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #fff;
  padding: 3px 0 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #383838;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.productInfo {
  margin: 0 0 10px 0;
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.productInfo button.pro_setting {
  z-index: 10;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 70px;
  height: 35px;
  color: #fff;
  position: relative;
  border: none;
  outline: none;
  font-size: 11px;
  font-size: 0.715rem;
  background: #5f5f5f;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.productInfo button.pro_setting:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box {
  flex: 1;
  display: block;
  margin: 0 0 0 10px;
  height: 40px;
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input#txtProSearch {
  border: 1px solid #c6c8cd;
  width: 160px;
  height: 40px;
  vertical-align: middle;
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search {
  height: 40px;
  padding: 3px 15px 5px 15px;
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap {
  width: 150px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap:before {
  display: none;
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap span.select_wrap {
  display: inline-block;
  position: relative;
  padding: 0;
  background: #fff;
  border: 1px solid #c6c8cd;
  border-radius: 0;
  z-index: 0;
}
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap span.select_wrap:before {
  height: 28px;
  top: 50%;
  margin-top: -14px;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register {
  width: 800px;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item {
  height: 170px;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item img {
  display: none;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption span.txt_th {
  font-size: 12px;
  font-size: 0.78rem;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption p.tit_main {
  font-size: 25px;
  font-size: 1.625rem;
  margin-bottom: 10px;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption span.txt_date {
  font-size: 11px;
  font-size: 0.715rem;
  top: -17px;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption p.tit_sub {
  font-size: 13px;
  font-size: 0.845rem;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption p.tit_sub span.txt_benefit {
  font-size: 12px;
  font-size: 0.78rem;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption span.btnbox {
  display: none;
}
div.product_admin_wrap div.product_admin section.pa_view article.pa_standby {
  position: relative;
  height: 100%;
}

span.count_num {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 4px 5px;
  color: #fff;
  background: #383838;
  font-size: 11px;
  font-size: 0.715rem;
  font-weight: bold;
}

/*# sourceMappingURL=base.css.map */