@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%;
  line-height: 110%; }
  @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::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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    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;
        -webkit-box-shadow: 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%;
      color: #858899; }
      @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: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: #c8c8dd; }
  .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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
  width: 90px; }
  .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; }

@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%; } }
  @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; } }

@media (max-width: 480px) {
  .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; } }

.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;
    margin: 0 9px 0 0 !important; }
    .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;
      -webkit-box-shadow: none;
      box-shadow: none;
      opacity: 0;
      filter: alpha(opacity=0); }
  .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;
  line-height: 120%;
  font-weight: 600;
  vertical-align: middle; }
  @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: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; }

.btn_pick, .userinfo_layer button.btn_userinfo_close, button.btn_menu_close, .category_all_layer.categorySearchMode button.btn_prev {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 30px;
  font-size: 1.95rem;
  -webkit-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  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);
    background: none; }
    div.join_btns button.btn_cancel:hover {
      opacity: 1;
      filter: alpha(opacity=100); }

.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: #c7c7c7;
    border-radius: 10px; }
  .layerpop ::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 10px; }
  .layerpop body.test {
    scrollbar-face-color: #c7c7c7;
    scrollbar-track-color: #e8e8e8; }
  @media (max-width: 480px) {
    .layerpop {
      width: 100%;
      height: 100%;
      padding: 0;
      border-radius: 0; } }
  .show.layerpop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: 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 black;
  -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px rgba(255, 255, 255, 0.6);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999; }

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

div.banner_admin_wrap div.banner_admin section.ba_view article h3.ba_h, div.product_admin_wrap div.product_admin section.pa_view article h3.pa_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.banner_admin_wrap div.banner_admin section.ba_view article h3.ba_h, div.product_admin_wrap div.product_admin section.pa_view article h3.pa_h {
      margin: 50px 0 0 0;
      font-size: 17px;
      border-bottom: 3px solid #0b71b9; } }

div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box {
  width: auto;
  height: auto;
  float: right;
  text-align: center; }
  @media (max-width: 480px) {
    div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box {
      width: 50%; } }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#search, div.product_admin_wrap div.product_admin section.pa_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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input#search {
        width: 70%;
        padding: 10px; } }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.product_admin_wrap div.product_admin section.pa_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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search {
        height: 35px; } }
    @media (max-width: 480px) {
      div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search {
        width: 30%;
        height: 35px;
        padding: 5px 0; } }
    div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search:hover, div.product_admin_wrap div.product_admin section.pa_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;
  -webkit-animation: ripple-animation 1s;
  animation: ripple-animation 1s; }

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

@keyframes ripple-animation {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.4; }
  to {
    -webkit-transform: scale(100);
    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: #3f43ff; }

/*_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: ""; }

.icon-btm_arrow_thin:before {
  content: ""; }

.icon-top_arrow_thin:before {
  content: ""; }

.icon-right_arrow_thin:before {
  content: ""; }

.icon-memo:before {
  content: ""; }

.icon-cart3:before {
  content: ""; }

.icon-cart31:before {
  content: ""; }

.icon-cart32:before {
  content: ""; }

.icon-payback1:before {
  content: ""; }

.icon-payback2:before {
  content: ""; }

.icon-shoppingcart32:before {
  content: ""; }

.icon-arrow39:before {
  content: ""; }

.icon-arrow_down_circle_fill:before {
  content: ""; }

.icon-box_pac:before {
  content: ""; }

.icon-arrow_up_circle_fill:before {
  content: ""; }

.icon-paperclip:before {
  content: ""; }

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

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

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

.icon-phone1:before {
  content: ""; }

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

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

.icon-happy1:before {
  content: ""; }

.icon-smile1:before {
  content: ""; }

.icon-sad1:before {
  content: ""; }

.icon-confused1:before {
  content: ""; }

.icon-neutral1:before {
  content: ""; }

.icon-crying1:before {
  content: ""; }

.icon-checkmark1:before {
  content: ""; }

.icon-checkmark21:before {
  content: ""; }

.icon-play31:before {
  content: ""; }

.icon-pause21:before {
  content: ""; }

.icon-stop21:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-bell:before {
  content: ""; }

.icon-book:before {
  content: ""; }

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

.icon-check:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

.icon-clock:before {
  content: ""; }

.icon-cpu:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-edit:before {
  content: ""; }

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

.icon-eye:before {
  content: ""; }

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

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

.icon-file:before {
  content: ""; }

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

.icon-grid:before {
  content: ""; }

.icon-hash:before {
  content: ""; }

.icon-home1:before {
  content: ""; }

.icon-image:before {
  content: ""; }

.icon-info:before {
  content: ""; }

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

.icon-list:before {
  content: ""; }

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

.icon-minus:before {
  content: ""; }

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

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

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

.icon-pause:before {
  content: ""; }

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

.icon-play:before {
  content: ""; }

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

.icon-plus:before {
  content: ""; }

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

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

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

.icon-rewind:before {
  content: ""; }

.icon-save:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-smile2:before {
  content: ""; }

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

.icon-user:before {
  content: ""; }

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

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

.icon-x:before {
  content: ""; }

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

.icon-youtube:before {
  content: ""; }

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

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

.icon-home:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-next:before {
  content: ""; }

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

.icon-category:before {
  content: ""; }

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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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 #dedeea;
  background: #e7e7f0;
  border-radius: 50%;
  overflow: hidden; }
  .avatar .avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.avatar-group {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  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: calc($avatar-size-xs/1.3);
  width: calc($avatar-size-xs/1.3); }

.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;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    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: -webkit-inline-box;
      display: -ms-inline-flexbox;
      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 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        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;
        -webkit-transform: scale(1.075);
        -ms-transform: scale(1.075);
        transform: scale(1.075);
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .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;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .25s ease-out;
      -o-transition: all .25s ease-out;
      transition: all .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;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .card.wishPick .card_body .flag_group button.btn_pick {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: 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%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    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;
      -o-text-overflow: ellipsis;
      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;
      color: #caccd3;
      word-break: keep-all;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media (max-width: 480px) {
        .card .card_body .title_group .tc {
          font-size: 11.5px;
          font-size: 0.7475rem; } }
    .card .card_body .flag_group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 1.375rem; }
      .card .card_body .flag_group button.btn_pick {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.25rem;
        flex: 0 0 1.25rem;
        width: 1.25rem;
        height: 1.25rem;
        z-index: 10;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center; }
        .card .card_body .flag_group button.btn_pick:hover {
          -webkit-transform: scale(1.5);
          -ms-transform: scale(1.5);
          transform: scale(1.5);
          -webkit-transition: all .25s ease-in-out;
          -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out; }
        .card .card_body .flag_group button.btn_pick:active {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          -webkit-transition: all .25s ease-out;
          -o-transition: all .25s ease-out;
          transition: all .25s ease-out; }
      .card .card_body .flag_group .badge_list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0; }
        .card .card_body .flag_group .badge_list span.badge-finish {
          top: calc((100% * (9/16)) - 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((100% * (9/16)) - 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: #f5f5f7;
  z-index: 0; }
  .card.blank:before, .card.blank:after {
    content: '';
    display: block;
    width: auto;
    height: auto; }
  .card.blank:before {
    padding-top: calc(9 / 16 * 100%); }
  .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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 120%;
    line-height: 15px;
    line-height: 1.25rem;
    color: #bdbec7;
    font-weight: normal;
    z-index: 1; }
    @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; } }

*,
*: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"] {
  -webkit-box-sizing: border-box;
  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,
.layerpop article.reservation .box h4,
.layerpop article.reservation article.term_wrap .term_box h4,
.layerpop article.term_wrap article.reservation .term_box h4,
.blind,
div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap label,
div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap label {
  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);
  -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px rgba(255, 255, 255, 0.5);
  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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.device_mobile.device_phone .on_m_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  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);
    background: url(/WASUB/_Resources/images/ic_arrow_left_b.png) no-repeat 15px 13px;
    text-align: left;
    padding: 0 0 3px 50px; }
    .btn_list button.top_back:hover {
      opacity: 1;
      filter: alpha(opacity=100); }

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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.375rem;
    font-size: 19px;
    font-size: 1.235rem;
    line-height: 120%;
    letter-spacing: -0.05rem;
    text-align: center;
    color: #fff;
    font-weight: normal;
    background: #585CFF;
    border-radius: 1.5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    @media (max-width: 480px) {
      .layerpop article.reservation h3 {
        font-size: 18px;
        font-size: 1.17rem; } }
    .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% - ($spacer*4.375));
    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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        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%;
          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 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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #858899;
        font-size: 14px;
        font-size: 0.91rem;
        line-height: 120%;
        opacity: 0.5; }
        @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: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;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 1rem 0;
        font-size: 14px;
        font-size: 0.91rem;
        line-height: 120%;
        line-height: 15px;
        line-height: 1.25rem;
        color: #464646; }
        @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 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%;
    text-align: center;
    color: #fff;
    background: #2D2B36;
    border-radius: 3rem; }
    @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; } }
  @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% - ($spacer*3.75));
        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: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: 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: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            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; }

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

/*_forms.scss*/
.custom-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  background: #e5e5fb;
  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: #e5e5fb;
    z-index: 1; }
  .custom-radio + label {
    color: #535353; }
  .custom-radio:hover {
    background-position: 0 -16px; }
  .custom-radio.selected:before {
    background: #585CFF; }
  .custom-radio.selected + label {
    color: #393939; }
  @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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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: #535353; }
  .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: #393939; }
  .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: calc(3 / 4 * 100%); }

.ratio-16x9 {
  --uh-aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 {
  --uh-aspect-ratio: calc(9 / 21 * 100%); }

.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::-webkit-input-placeholder {
        color: #858899; }
      .nickname_details .btn_grpup input:-ms-input-placeholder {
        color: #858899; }
      .nickname_details .btn_grpup input::-ms-input-placeholder {
        color: #858899; }
      .nickname_details .btn_grpup input::placeholder {
        color: #858899; }
      .nickname_details .btn_grpup input:focus {
        border: 1px solid #585CFF;
        background: #F7F7FA;
        -webkit-transition: .1s;
        -o-transition: .1s;
        transition: .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: #494dff; }
      @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;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }
  @media (max-width: 640px) {
    :root {
      --swiper-navigation-size: 35px;
      --swiper-list-navigation-size: 30px;
      --swiper-centered-offset-before:1rem;
      --swiper-centered-offset-after:1rem; } }

.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: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(80%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 40%, rgba(255, 255, 255, 0) 80%);
    background: -o-linear-gradient(left, #fff 40%, rgba(255, 255, 255, 0) 80%);
    background: linear-gradient(90deg, #fff 40%, rgba(255, 255, 255, 0) 80%); }
  .swiper.course_slide:after {
    right: calc(var(--uh-gutter-x) * -1);
    background: -webkit-gradient(linear, right top, left top, color-stop(40%, #fff), color-stop(80%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, #fff 40%, rgba(255, 255, 255, 0) 80%);
    background: -o-linear-gradient(right, #fff 40%, rgba(255, 255, 255, 0) 80%);
    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% + calc(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% + calc(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 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

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

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  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 {
  -webkit-transform-style: preserve-3d;
  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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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 {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }

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

.swiper-centered > .swiper-wrapper::before {
  content: '';
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  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 {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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) / .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,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto; }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: 'prev'; }
  .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,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: 'next'; }

.swiper-button-group {
  position: absolute;
  top: -4rem;
  right: calc(var(--uh-gutter-x) * 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: .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: .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: .1; }
  .swiper-pagination .swiper-pagination-bullet-active {
    background: #585CFF;
    opacity: .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: #c7c7c7; }

/*_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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      height: 100%; }
      .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: #d8d9df;
            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 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        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: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: 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*.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: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: 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 {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transition: all .15s ease-out;
      -o-transition: all .15s ease-out;
      transition: all .15s ease-out; }
      .wrap > header div.util_menu div.util_zone button.btn_category {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.125rem;
        flex: 0 0 3.125rem;
        width: 3.125rem;
        height: 3.125rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: 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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.125rem;
        flex: 0 0 3.125rem;
        width: 3.125rem;
        height: 3.125rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: 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;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25rem;
        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::-webkit-input-placeholder {
            font-size: 14px;
            font-size: 0.91rem;
            line-height: 120%; }
          .wrap > header div.util_menu div.util_zone div.search_wrap input:-ms-input-placeholder {
            font-size: 14px;
            font-size: 0.91rem;
            line-height: 120%; }
          .wrap > header div.util_menu div.util_zone div.search_wrap input::-ms-input-placeholder {
            font-size: 14px;
            font-size: 0.91rem;
            line-height: 120%; }
          .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::-webkit-input-placeholder {
                font-size: 13.25px;
                font-size: 0.86125rem; }
              .wrap > header div.util_menu div.util_zone div.search_wrap input:-ms-input-placeholder {
                font-size: 13.25px;
                font-size: 0.86125rem; }
              .wrap > header div.util_menu div.util_zone div.search_wrap input::-ms-input-placeholder {
                font-size: 13.25px;
                font-size: 0.86125rem; }
              .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::-webkit-input-placeholder {
                font-size: 12.5px;
                font-size: 0.8125rem; }
              .wrap > header div.util_menu div.util_zone div.search_wrap input:-ms-input-placeholder {
                font-size: 12.5px;
                font-size: 0.8125rem; }
              .wrap > header div.util_menu div.util_zone div.search_wrap input::-ms-input-placeholder {
                font-size: 12.5px;
                font-size: 0.8125rem; }
              .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::-webkit-input-placeholder {
                font-size: 12.25px;
                font-size: 0.79625rem; }
              .wrap > header div.util_menu div.util_zone div.search_wrap input:-ms-input-placeholder {
                font-size: 12.25px;
                font-size: 0.79625rem; }
              .wrap > header div.util_menu div.util_zone div.search_wrap input::-ms-input-placeholder {
                font-size: 12.25px;
                font-size: 0.79625rem; }
              .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 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 340px;
      flex: 0 0 340px;
      width: 340px;
      height: 24px;
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-transition: all .15s ease-out;
      -o-transition: all .15s ease-out;
      transition: all .15s ease-out; }
      .wrap > header div.util_menu div.noti_zone::after {
        display: block;
        clear: both;
        content: ""; }
      .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%;
        line-height: 15.5px;
        line-height: 1.3125rem; }
        @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 {
        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: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              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 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                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;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap; }
              .wrap > header div.util_menu div.noti_zone .rolling_slide ul.rolling_list li.swiper-slide a i {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 16px;
                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 {
        -webkit-transform: scale(0.975);
        -ms-transform: scale(0.975);
        transform: scale(0.975);
        -webkit-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
        transition: all .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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .userinfo_layer .area_wrap button.btn_infoedit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: 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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding-bottom: 1.25rem; }
      .userinfo_layer .area_wrap ul li button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          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: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: 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: #84fcaf;
            -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: -webkit-box !important;
    display: -ms-flexbox !important;
    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) ;
    overflow: hidden; }
    .category_all_layer.categoryMode ::-webkit-scrollbar {
      width: 0.4rem;
      height: 0.4rem; }
    .category_all_layer.categoryMode ::-webkit-scrollbar-thumb {
      background: #c7c7c7;
      border-radius: 10px; }
    .category_all_layer.categoryMode ::-webkit-scrollbar-track {
      background: #e8e8e8;
      border-radius: 10px; }
    .category_all_layer.categoryMode body.test {
      scrollbar-face-color: #c7c7c7;
      scrollbar-track-color: #e8e8e8; }
    @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+($spacer*4)));
        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+($spacer*4)));
      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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start; }
        .category_all_layer.categoryMode article.categoryArea .depth_innerWrap .depth2_contents {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          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%;
            color: #585CFF;
            border-bottom: 1px solid #585CFF; }
            @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 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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      min-height: 200px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      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: -webkit-linear-gradient(160deg, #5C5EFF 25%, #4CE0B0 95%);
      background: -o-linear-gradient(160deg, #5C5EFF 25%, #4CE0B0 95%);
      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::-webkit-input-placeholder {
            font-size: 14px;
            font-size: 0.91rem;
            line-height: 120%; }
          .category_all_layer.categorySearchMode article.searchArea .search_wrap input:-ms-input-placeholder {
            font-size: 14px;
            font-size: 0.91rem;
            line-height: 120%; }
          .category_all_layer.categorySearchMode article.searchArea .search_wrap input::-ms-input-placeholder {
            font-size: 14px;
            font-size: 0.91rem;
            line-height: 120%; }
          .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::-webkit-input-placeholder {
                font-size: 13.25px;
                font-size: 0.86125rem; }
              .category_all_layer.categorySearchMode article.searchArea .search_wrap input:-ms-input-placeholder {
                font-size: 13.25px;
                font-size: 0.86125rem; }
              .category_all_layer.categorySearchMode article.searchArea .search_wrap input::-ms-input-placeholder {
                font-size: 13.25px;
                font-size: 0.86125rem; }
              .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::-webkit-input-placeholder {
                font-size: 12.5px;
                font-size: 0.8125rem; }
              .category_all_layer.categorySearchMode article.searchArea .search_wrap input:-ms-input-placeholder {
                font-size: 12.5px;
                font-size: 0.8125rem; }
              .category_all_layer.categorySearchMode article.searchArea .search_wrap input::-ms-input-placeholder {
                font-size: 12.5px;
                font-size: 0.8125rem; }
              .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::-webkit-input-placeholder {
                font-size: 12.25px;
                font-size: 0.79625rem; }
              .category_all_layer.categorySearchMode article.searchArea .search_wrap input:-ms-input-placeholder {
                font-size: 12.25px;
                font-size: 0.79625rem; }
              .category_all_layer.categorySearchMode article.searchArea .search_wrap input::-ms-input-placeholder {
                font-size: 12.25px;
                font-size: 0.79625rem; }
              .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;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: 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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding: 1.25rem 0 0.5rem;
          font-size: 14px;
          font-size: 0.91rem;
          line-height: 120%;
          color: #fff; }
          @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 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: .75; }
        .category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          height: calc(100% - 50px); }
          .category_all_layer.categorySearchMode article.searchArea .recent_wrap ul.recent_list li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            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: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: 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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          height: auto; }
          .category_all_layer.categorySearchMode article.searchArea .hash_wrap ul.hash_list li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: 0 5px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            .category_all_layer.categorySearchMode article.searchArea .hash_wrap ul.hash_list li a {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
              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 {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: auto;
      background: #e7e7f0;
      overflow: hidden;
      overflow-y: auto; }
      .category_all_layer.categorySearchMode article.categoryArea .depth_innerWrap:after {
        content: '';
        display: block;
        width: calc(100% - $spacer*7.5);
        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: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0.8rem 1rem;
            font-size: 12px;
            font-size: 0.78rem;
            line-height: 120%;
            letter-spacing: -0.025rem;
            color: #6b6e80; }
            @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.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;
              z-index: 993; }
              @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 ul.category_depth2 {
      display: -webkit-box;
      display: -ms-flexbox;
      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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 0.5rem; }
        @media (max-width: 480px) {
          .category_all_layer.categorySearchMode ul.category_depth2 > li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: 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%;
      line-height: 100%;
      font-weight: 400;
      color: #858899; }
      @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 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;
          -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform: scaleX(0);
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          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;
          -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
          transform: scaleX(1);
          -webkit-transition: 0.25s ease-in;
          -o-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%;
    color: #fff;
    text-decoration: none;
    font-weight: bold; }
    @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: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;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      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: #454252;
        overflow: hidden;
        -webkit-transform-origin: center right;
        -ms-transform-origin: center right;
        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%;
          text-align: center;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          opacity: 0;
          line-height: 56px;
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%); }
          @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 > 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: #454252;
            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: #454252;
            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: #454252;
            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: #7275ff;
            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: #7275ff; }
      aside#quickMenuPC > ul > li:nth-child(3) {
        bottom: calc((56px * 2) + (0.65rem *2)); }
        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: calc(56px * 0); }
      aside#quickMenuPC > ul > li:hover {
        width: 150px;
        -webkit-transform-origin: center right;
        -ms-transform-origin: center right;
        transform-origin: center right; }
        aside#quickMenuPC > ul > li:hover > button > span {
          opacity: 1;
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0);
          -webkit-transition: all 0.4s;
          -o-transition: all 0.4s;
          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;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    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;
      -webkit-box-shadow: -6px 5px 25px rgba(17, 11, 41, 0.5);
      box-shadow: -6px 5px 25px rgba(17, 11, 41, 0.5);
      border: 1px solid #7275ff;
      text-align: center;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      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: #7275ff;
        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: #5c586f;
          color: #fff;
          position: absolute;
          bottom: -15px;
          right: -20px; }
          aside#quickMenuPC #quickOrder_box.on .txt_wrap .q_box_close:hover {
            background: #68647d; }
      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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 29%;
          height: 100%;
          margin: 0 1%;
          border-right: 1px dashed #8e8e9f; }
          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;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }

aside#quickMenuMobile {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  z-index: 989; }
  aside#quickMenuMobile ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    aside#quickMenuMobile ul li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      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;
          color: #858899; }
          @media (max-width: 480px) {
            aside#quickMenuMobile ul li button span {
              font-size: 11.5px;
              font-size: 0.7475rem; } }
        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;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        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: #6f72ff;
          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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  footer .footer_left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0.8;
    -ms-flex: 0.8;
    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: #606060; }
          @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: #535353; }
            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: #939393;
        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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18rem;
    flex: 0 0 18rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: auto; }
    footer .footer_right .callcenter {
      display: block;
      width: auto;
      font-size: 14px;
      font-size: 0.91rem;
      line-height: 120%;
      color: #5a5a5a; }
      @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 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;
        font-weight: 300;
        color: #bdbec7; }
        @media (max-width: 480px) {
          footer .footer_right ul.time li {
            font-size: 11.5px;
            font-size: 0.7475rem; } }
        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: #dedeea;
      border-radius: 5px; }
      footer .footer_right button:hover {
        background: #d8d8e6; }
  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: #bdbec7;
    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: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            padding: 0.5rem 0.65rem;
            border-radius: 0.75rem;
            background: #d6d6dc; }
            footer .footer_wrap .footer_right .callcenter > span {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
              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 {
              -webkit-box-flex: 1;
              -ms-flex: 1;
              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 {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            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 article.ba_standby 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, .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;
      margin: 0;
      padding: 90px 50px 50px 50px; }
      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 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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
          div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            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 article.ba_standby 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 {
          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 article.ba_standby 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 {
            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 article.ba_standby 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 {
            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 article.ba_standby 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 {
            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 article.ba_standby 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 {
            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 article.ba_standby 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 {
            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 article.ba_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 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 {
              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 article.ba_standby 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 {
            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 article.ba_standby 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 {
          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 article.ba_standby 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 {
            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 article.ba_standby 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 {
              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 article.ba_standby 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 {
              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 article.ba_standby 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 {
                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 article.ba_standby 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 {
                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 article.ba_standby 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 {
                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 article.ba_standby 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 {
              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 article.ba_standby 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 {
                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 article.ba_standby 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_register div.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby 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 {
          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 article.ba_standby 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_register 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, 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 {
            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 article.ba_standby 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_register div.MenuBanner img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby 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 {
            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 article.ba_standby 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 {
          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 article.ba_standby 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 {
          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 article.ba_standby 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 {
          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 article.ba_standby 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 {
            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 article.ba_standby 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 {
          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 article.ba_standby 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 {
          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 article.ba_standby 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 {
          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 article.ba_standby 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 {
          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 article.ba_standby 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_register 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,
          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 {
            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 article.ba_standby 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_register a.ban_wrap article.ban_ac figure img.on_w,
            div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac figure img.on_w,
            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.on_w,
            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.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_standby a.ban_wrap article.ban_ac figure img.on_m,
            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.on_m,
            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.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 article.ba_standby 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_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_standby a.ban_wrap article.ban_ac div.txt_wrap img.on_w,
            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.on_w,
            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.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,
            div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby a.ban_wrap article.ban_ac div.txt_wrap img.on_m,
            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.on_m,
            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.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 article.ba_standby 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_register 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, 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 {
            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 article.ba_standby 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_register 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, 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 {
              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 article.ba_standby 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_register 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, 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 {
              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;
          -webkit-box-shadow: 2px 2px 0px #ddd;
          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 {
              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::after {
                display: block;
                clear: both;
                content: ""; }
              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;
                -o-text-overflow: ellipsis;
                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;
                -o-text-overflow: ellipsis;
                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 {
    -webkit-box-shadow: none;
    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;
  position: absolute !important;
  top: 0;
  right: 0;
  z-index: 10; }
  div.banner_status.on {
    display: block; }
  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::after {
      display: block;
      clear: both;
      content: ""; }
    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;
      margin: 0;
      padding: 90px 50px 50px 50px;
      float: left;
      width: 80%; }
      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 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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
          div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            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; }