@charset "UTF-8";
/* common.scss */
/* _variables.scss */
/* */
/*  @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);      @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);      */
.ft_t {
  font-family: "Pretendard";
  font-weight: 100;
}

.ft_l {
  font-family: "Pretendard";
  font-weight: 300;
}

.ft_r {
  font-family: "Pretendard";
  font-weight: 500;
}

.ft_m {
  font-family: "Pretendard";
  font-weight: 500;
}

.ft_sb {
  font-family: "Pretendard";
  font-weight: 600;
}

.ft_b {
  font-family: "Pretendard";
  font-weight: 700;
}

.ft_eb {
  font-family: "Pretendard";
  font-weight: 800;
}

.ft_bb {
  font-family: "Pretendard";
  font-weight: 900;
}

/* 국문 폰트 선언 */
.th1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.36;
}

.tt1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.36;
}

.tt2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.36;
}

.tt30 {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.tt3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.36;
}

.tt4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.36;
}

.tt5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.36;
}

.tt6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.36;
}

.tb1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.78;
}

.tb2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.78;
}

@media all and (max-width: 1023px) {
  .th1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.36;
  }

  .tt1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.36;
  }

  .tt2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
  }

  .tt3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.36;
  }

  .tt4 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.36;
  }

  .tt5 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.36;
  }

  .tt6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.36;
  }

  .tb1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
  }

  .tb2 {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
  }
}

/* ============== spriteimg ========== */
/* pc */
/* mobile */
/* sns pc */
/* sns mb */
.form-bidding_select_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-bidding_select_arrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -177px -190px;
  width: 20px;
  height: 20px;
}

.form-bidding_select_arrow-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.form-bidding_select_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -100px -65px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .form-bidding_select_arrow {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .form-bidding_select_arrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -100px -65px;
    width: 15px;
    height: 15px;
  }
}

.form-calender {
  display: inline-block;
  width: 23px;
  height: 23px;
}

.form-calender::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -80px -190px;
  width: 23px;
  height: 23px;
}

.form-checkbox-dim {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-dim::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -207px -190px;
  width: 20px;
  height: 20px;
}

.form-checkbox-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-off::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px 0px;
  width: 20px;
  height: 20px;
}

.form-checkbox-off-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.form-checkbox-off-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -25px -70px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .form-checkbox-off {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .form-checkbox-off::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -25px -70px;
    width: 17px;
    height: 17px;
  }
}

.form-checkbox-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-on::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -30px;
  width: 20px;
  height: 20px;
}

.form-checkbox-on-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.form-checkbox-on-2x::after {
  content: "";
  display: block;
  background-image: url('https://seoulauction.com/images/common/sp_forms.png');
  background-size: 132px 125px;
  background-position: -47px -70px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .form-checkbox-on {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .form-checkbox-on::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -47px -70px;
    width: 17px;
    height: 17px;
  }
}

.form-checkbox_w-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox_w-off::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -60px;
  width: 20px;
  height: 20px;
}

.form-checkbox_w-off-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.form-checkbox_w-off-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -69px -70px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .form-checkbox_w-off {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .form-checkbox_w-off::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -69px -70px;
    width: 17px;
    height: 17px;
  }
}

.form-dot_tooltip-top {
  display: inline-block;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip-top::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -60px -230px;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip {
  display: inline-block;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -83px -230px;
  width: 13px;
  height: 15px;
}

.form-input_x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-input_x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -90px;
  width: 20px;
  height: 20px;
}

.form-input_x-2x {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.form-input_x-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -100px -44px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 1023px) {
  .form-input_x {
    display: inline-block;
    width: 16px;
    height: 16px;
  }

  .form-input_x::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -100px -44px;
    width: 16px;
    height: 16px;
  }
}

.form-radio-dim {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-dim::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -120px;
  width: 20px;
  height: 20px;
}

.form-radio-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-off::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -150px;
  width: 20px;
  height: 20px;
}

.form-radio-off-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.form-radio-off-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -100px 0px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .form-radio-off {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .form-radio-off::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -100px 0px;
    width: 17px;
    height: 17px;
  }
}

.form-radio-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-on::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -180px;
  width: 20px;
  height: 20px;
}

.form-radio-on-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.form-radio-on-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -100px -22px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .form-radio-on {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .form-radio-on::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -100px -22px;
    width: 17px;
    height: 17px;
  }
}

.form-search-del_lg {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.form-search-del_lg::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/ic_delete_sm.svg");
  background-position: center center;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}

.form-search-del_lg-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.form-search-del_lg-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: 0px 0px;
  width: 30px;
  height: 30px;
}

.form-search_lg {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.form-search_lg::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/ic_search_lg.svg");
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
}

.form-search_lg-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.form-search_lg-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -35px 0px;
  width: 30px;
  height: 30px;
}

.form-search_md {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.form-search_md::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: 0px -190px;
  width: 30px;
  height: 30px;
}

.form-search_md-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.form-search_md-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: 0px -35px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .form-search_md {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .form-search_md::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: 0px -35px;
    width: 30px;
    height: 30px;
  }
}

.form-select_arrow_md {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.form-select_arrow_md::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -40px -190px;
  width: 30px;
  height: 30px;
}

.form-select_arrow_md-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.form-select_arrow_md-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: -35px -35px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .form-select_arrow_md {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .form-select_arrow_md::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -35px -35px;
    width: 30px;
    height: 30px;
  }
}

.form-select_arrow_view-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-select_arrow_view-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-size: 132px 125px;
  background-position: 0px -70px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .form-select_arrow_view {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .form-select_arrow_view::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: 0px -70px;
    width: 20px;
    height: 20px;
  }
}

.form-star-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-star-off::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: 0px -230px;
  width: 20px;
  height: 20px;
}

.form-star-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-star-on::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -30px -230px;
  width: 20px;
  height: 20px;
}

.form-time {
  display: inline-block;
  width: 23px;
  height: 23px;
}

.form-time::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -113px -190px;
  width: 23px;
  height: 23px;
}

.form-tooltip {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.form-tooltip::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -146px -190px;
  width: 21px;
  height: 21px;
}

.circle_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.circle_arrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -152px;
  width: 20px;
  height: 20px;
}

.circle_arrow-2x {
  display: inline-block;
  width: 13px;
  height: 13px;
}

.circle_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -323.5px -451px;
  width: 13px;
  height: 13px;
}

@media screen and (max-width: 1023px) {
  .circle_arrow {
    display: inline-block;
    width: 13px;
    height: 13px;
  }

  .circle_arrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -323.5px -451px;
    width: 13px;
    height: 13px;
  }
}

.icon-academy_architecture {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-academy_architecture::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -510px -512px;
  width: 80px;
  height: 80px;
}

.icon-academy_architecture-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-academy_architecture-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -55.5px -200.5px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_architecture {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-academy_architecture::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -55.5px -200.5px;
    width: 50px;
    height: 50px;
  }
}

.icon-academy_authorism {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-academy_authorism::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -631px 0px;
  width: 80px;
  height: 80px;
}

.icon-academy_authorism-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-academy_authorism-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -110.5px -200.5px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_authorism {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-academy_authorism::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -110.5px -200.5px;
    width: 50px;
    height: 50px;
  }
}

.icon-academy_ceo {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-academy_ceo::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -631px -90px;
  width: 80px;
  height: 80px;
}

.icon-academy_ceo-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-academy_ceo-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -165.5px -200.5px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_ceo {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-academy_ceo::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -165.5px -200.5px;
    width: 50px;
    height: 50px;
  }
}

.icon-academy_inquiry {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-academy_inquiry::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -145px;
  width: 60px;
  height: 60px;
}

.icon-academy_inquiry-2x {
  display: inline-block;
  width: 44px;
  height: 44px;
}

.icon-academy_inquiry-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -159.5px -256px;
  width: 44px;
  height: 44px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_inquiry {
    display: inline-block;
    width: 44px;
    height: 44px;
  }

  .icon-academy_inquiry::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -159.5px -256px;
    width: 44px;
    height: 44px;
  }
}

.icon-academy_lectuure {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-academy_lectuure::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -631px -180px;
  width: 80px;
  height: 80px;
}

.icon-academy_lectuure-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-academy_lectuure-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -260.5px 0px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_lectuure {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-academy_lectuure::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -260.5px 0px;
    width: 50px;
    height: 50px;
  }
}

.icon-academy_linkarrow {
  display: inline-block;
  width: 40px;
  height: 20px;
}

.icon-academy_linkarrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -721px -682px;
  width: 40px;
  height: 20px;
}

.icon-academy_linkarrow-2x {
  display: inline-block;
  width: 25px;
  height: 15px;
}

.icon-academy_linkarrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -225.5px -356px;
  width: 25px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_linkarrow {
    display: inline-block;
    width: 25px;
    height: 15px;
  }

  .icon-academy_linkarrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -225.5px -356px;
    width: 25px;
    height: 15px;
  }
}

.icon-academy_market {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-academy_market::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -631px -270px;
  width: 80px;
  height: 80px;
}

.icon-academy_market-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-academy_market-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -260.5px -55px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_market {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-academy_market::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -260.5px -55px;
    width: 50px;
    height: 50px;
  }
}

.icon-academy_student {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-academy_student::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -631px -360px;
  width: 80px;
  height: 80px;
}

.icon-academy_student-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-academy_student-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -260.5px -110px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-academy_student {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-academy_student::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -260.5px -110px;
    width: 50px;
    height: 50px;
  }
}

.icon-accordion_arrow-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-accordion_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px -24px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-accordion_arrow {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-accordion_arrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -477.5px -24px;
    width: 15px;
    height: 15px;
  }
}

.icon-accordion_arrow_down {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-accordion_arrow_down::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -88px;
  width: 30px;
  height: 30px;
}

.icon-accordion_arrow_down-2x {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon-accordion_arrow_down-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -44.5px -451px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 1023px) {
  .icon-accordion_arrow_down {
    display: inline-block;
    width: 16px;
    height: 16px;
  }

  .icon-accordion_arrow_down::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -44.5px -451px;
    width: 16px;
    height: 16px;
  }
}

.icon-accordion_arrow_thin {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-accordion_arrow_thin::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -128px;
  width: 30px;
  height: 30px;
}

.icon-accordion_arrow_thin-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-accordion_arrow_thin-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -235px -167px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-accordion_arrow_thin {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-accordion_arrow_thin::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -235px -167px;
    width: 20px;
    height: 20px;
  }
}

.icon-accordion_arrow_up {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-accordion_arrow_up::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -168px;
  width: 30px;
  height: 30px;
}

.icon-accordion_arrow_up-2x {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon-accordion_arrow_up-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -65.5px -451px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 1023px) {
  .icon-accordion_arrow_up {
    display: inline-block;
    width: 16px;
    height: 16px;
  }

  .icon-accordion_arrow_up::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -65.5px -451px;
    width: 16px;
    height: 16px;
  }
}

.icon-author_more_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-author_more_arrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -182px;
  width: 20px;
  height: 20px;
}

.icon-author_more_arrow-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-author_more_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -180px -171.5px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-author_more_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-author_more_arrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -180px -171.5px;
    width: 20px;
    height: 20px;
  }
}

.icon-cancle_box {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-cancle_box::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -631px -450px;
  width: 80px;
  height: 80px;
}

.icon-cancle_box-2x {
  display: inline-block;
  width: 70px;
  height: 70px;
}

.icon-cancle_box-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: 0px 0px;
  width: 70px;
  height: 70px;
}

@media screen and (max-width: 1023px) {
  .icon-cancle_box {
    display: inline-block;
    width: 70px;
    height: 70px;
  }

  .icon-cancle_box::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: 0px 0px;
    width: 70px;
    height: 70px;
  }
}

.icon-common_pop_close {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-common_pop_close::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -212px;
  width: 20px;
  height: 20px;
}

.icon-common_pop_close-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.icon-common_pop_close-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -420px -390px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .icon-common_pop_close {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .icon-common_pop_close::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -420px -390px;
    width: 17px;
    height: 17px;
  }
}

.icon-customer {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-customer::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -215px;
  width: 60px;
  height: 60px;
}

.icon-customer-x2 {
  display: inline-block;
  width: 44.5px;
  height: 44.5px;
}

.icon-customer-x2::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -110px -256px;
  width: 44.5px;
  height: 44.5px;
}

@media screen and (max-width: 1023px) {
  .icon-customer {
    display: inline-block;
    width: 44.5px;
    height: 44.5px;
  }

  .icon-customer::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -110px -256px;
    width: 44.5px;
    height: 44.5px;
  }
}

.icon-del {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon-del::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -779px;
  width: 16px;
  height: 16px;
}

.icon-del-2x {
  display: inline-block;
  width: 12.5px;
  height: 12.5px;
}

.icon-del-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -306.5px -356px;
  width: 12.5px;
  height: 12.5px;
}

@media screen and (max-width: 1023px) {
  .icon-del {
    display: inline-block;
    width: 12.5px;
    height: 12.5px;
  }

  .icon-del::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -306.5px -356px;
    width: 12.5px;
    height: 12.5px;
  }
}

.icon-document {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-document::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: 0px -622px;
  width: 80px;
  height: 80px;
}

.icon-document-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-document-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -260.5px -165px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-document {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-document::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -260.5px -165px;
    width: 50px;
    height: 50px;
  }
}

.icon-favorite0 {
  display: inline-block;
  width: 16px;
  height: 15px;
}

.icon-favorite0::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -831px;
  width: 16px;
  height: 15px;
}

.icon-favorite1 {
  display: inline-block;
  width: 16px;
  height: 15px;
}

.icon-favorite1::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -856px;
  width: 16px;
  height: 15px;
}

.icon-file_down {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-file_down::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -208px;
  width: 30px;
  height: 30px;
}

.icon-file_down-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-file_down-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -78px -425px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-file_down {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-file_down::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -78px -425px;
    width: 20px;
    height: 20px;
  }
}

.icon-filter {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.icon-filter::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -683px -902px;
  width: 26px;
  height: 26px;
}

.icon-filter-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-filter-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -442.5px -201px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .icon-filter {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon-filter::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -442.5px -201px;
    width: 25px;
    height: 25px;
  }
}

.icon-filter_del {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-filter_del::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -242px;
  width: 20px;
  height: 20px;
}

.icon-filter_del-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-filter_del-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px -124px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-filter_del {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-filter_del::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -477.5px -124px;
    width: 15px;
    height: 15px;
  }
}

.icon-filter_refresh {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-filter_refresh::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -288px;
  width: 30px;
  height: 30px;
}

.icon-filter_refresh-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-filter_refresh-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -103px -425px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-filter_refresh {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-filter_refresh::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -103px -425px;
    width: 20px;
    height: 20px;
  }
}

.icon-fixed_arrow-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-fixed_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px -164px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-fixed_arrow {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-fixed_arrow::after {
    content: "";
    display: block;
    background-image: url(https://seoulauction.com/images/common/icon-heart-18.svg);
    /*background-size: 508.5px 490px;*/
    /*background-position: -477.5px -164px;*/
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
  }
}

.icon-heart_off {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-heart_off::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("https://seoulauction.com/images/common/icon-heart-18-off.svg");
  background-repeat: no-repeat;
}


@media screen and (max-width: 1023px) {
  .icon-heart_off {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-heart_off::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/icon-heart-18-off.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
  }
}

.icon-heart_on {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-heart_on::after {
  content: "";
  display: block;
  background-image: url(https://seoulauction.com/images/common/icon-heart-18.svg);
  /*background-position: -955px -408px;*/
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

/*.icon-heart_on-2x {*/
/*  display: inline-block;*/
/*  width: 30px;*/
/*  height: 30px;*/
/*}*/

/*.icon-heart_on-2x::after {*/
/*  content: "";*/
/*  display: block;*/
/*  background-image: url("https://seoulauction.com/images/common/sp_icons.png");*/
/*  background-size: 508.5px 490px;*/
/*  background-position: -405.5px -177.5px;*/
/*  width: 30px;*/
/*  height: 30px;*/
/*}*/

@media screen and (max-width: 1023px) {
  .icon-heart_on {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-heart_on::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/icon-heart-18.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
  }
}

.icon-img_swiper_next {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-img_swiper_next::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -462px;
  width: 50px;
  height: 50px;
}

.icon-img_swiper_prev {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-img_swiper_prev::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -522px;
  width: 50px;
  height: 50px;
}

.icon-inquiry {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-inquiry::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -272px;
  width: 20px;
  height: 20px;
}

.icon-inquiry-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-inquiry-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px -224px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-inquiry.only-pc {
    display: none;
  }
  .icon-inquiry {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-inquiry::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -477.5px -224px;
    width: 15px;
    height: 15px;
  }
}

.icon-inquiry_g {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-inquiry_g::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -302px;
  width: 20px;
  height: 20px;
}

.icon-inquiry_g-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-inquiry_g-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px -244px;
  width: 15px;
  height: 15px;
}

.icon-check-mint::after {
  content: "";
  display: block;
  background-image: url("https://public.seoulauction.io/resources/assets/images/common/ico-check-mint-circle.svg");
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1023px) {
  .icon-inquiry_g {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-inquiry_g::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -477.5px -244px;
    width: 15px;
    height: 15px;
  }
}

.icon-link_arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-link_arrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -528px;
  width: 30px;
  height: 30px;
}

.icon-link_arrow-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-link_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -442.5px -291px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .icon-link_arrow {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon-link_arrow::after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
  }
}

.icon-loan_glass {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-loan_glass::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -90px -622px;
  width: 80px;
  height: 80px;
}

.icon-loan_glass-2x {
  display: inline-block;
  width: 50.5px;
  height: 50.5px;
}

.icon-loan_glass-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -205px -56px;
  width: 50.5px;
  height: 50.5px;
}

@media screen and (max-width: 1023px) {
  .icon-loan_glass {
    display: inline-block;
    width: 50.5px;
    height: 50.5px;
  }

  .icon-loan_glass::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -205px -56px;
    width: 50.5px;
    height: 50.5px;
  }
}

.icon-loan_money {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-loan_money::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -180px -622px;
  width: 80px;
  height: 80px;
}

.icon-loan_money-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-loan_money-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: 0px -256px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-loan_money {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-loan_money::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: 0px -256px;
    width: 50px;
    height: 50px;
  }
}

.icon-loan_phone {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-loan_phone::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -270px -622px;
  width: 80px;
  height: 80px;
}

.icon-loan_phone-2x {
  display: inline-block;
  width: 50.5px;
  height: 51px;
}

.icon-loan_phone-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -205px 0px;
  width: 50.5px;
  height: 51px;
}

@media screen and (max-width: 1023px) {
  .icon-loan_phone {
    display: inline-block;
    width: 50.5px;
    height: 51px;
  }

  .icon-loan_phone::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -205px 0px;
    width: 50.5px;
    height: 51px;
  }
}

.icon-loan_recvemail {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-loan_recvemail::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -360px -622px;
  width: 80px;
  height: 80px;
}

.icon-loan_recvemail-2x {
  display: inline-block;
  width: 50.5px;
  height: 50.5px;
}

.icon-loan_recvemail-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -205px -111.5px;
  width: 50.5px;
  height: 50.5px;
}

@media screen and (max-width: 1023px) {
  .icon-loan_recvemail {
    display: inline-block;
    width: 50.5px;
    height: 50.5px;
  }

  .icon-loan_recvemail::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -205px -111.5px;
    width: 50.5px;
    height: 50.5px;
  }
}

.icon-loan_sendemail {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-loan_sendemail::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -450px -622px;
  width: 80px;
  height: 80px;
}

.icon-loan_sendemail-2x {
  display: inline-block;
  width: 50.5px;
  height: 50.5px;
}

.icon-loan_sendemail-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: 0px -200.5px;
  width: 50.5px;
  height: 50.5px;
}

@media screen and (max-width: 1023px) {
  .icon-loan_sendemail {
    display: inline-block;
    width: 50.5px;
    height: 50.5px;
  }

  .icon-loan_sendemail::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: 0px -200.5px;
    width: 50.5px;
    height: 50.5px;
  }
}

.icon-more_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-more_arrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -332px;
  width: 20px;
  height: 20px;
}

.icon-more_arrow-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-more_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -128px -425px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-more_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-more_arrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -128px -425px;
    width: 20px;
    height: 20px;
  }
}

.icon-navi_address {
  display: inline-block;
  width: 32px;
  height: 34px;
}

.icon-navi_address::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: 0px -946px;
  width: 32px;
  height: 34px;
}

.icon-navi_address-2x {
  display: inline-block;
  width: 25.5px;
  height: 27px;
}

.icon-navi_address-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -442.5px -169px;
  width: 25.5px;
  height: 27px;
}

@media screen and (max-width: 1023px) {
  .icon-navi_address {
    display: inline-block;
    width: 25.5px;
    height: 27px;
  }

  .icon-navi_address::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -442.5px -169px;
    width: 25.5px;
    height: 27px;
  }
}

.icon-navi_bus {
  display: inline-block;
  width: 35px;
  height: 32px;
}

.icon-navi_bus::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -44px -902px;
  width: 35px;
  height: 32px;
}

.icon-navi_bus-2x {
  display: inline-block;
  width: 25px;
  height: 23px;
}

.icon-navi_bus-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -161.5px -356px;
  width: 25px;
  height: 23px;
}

@media screen and (max-width: 1023px) {
  .icon-navi_bus {
    display: inline-block;
    width: 25px;
    height: 23px;
  }

  .icon-navi_bus::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -161.5px -356px;
    width: 25px;
    height: 23px;
  }
}

.icon-navi_car {
  display: inline-block;
  width: 48px;
  height: 28px;
}

.icon-navi_car::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -511px -712px;
  width: 48px;
  height: 28px;
}

.icon-navi_car-2x {
  display: inline-block;
  width: 29px;
  height: 17px;
}

.icon-navi_car-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -191.5px -356px;
  width: 29px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .icon-navi_car {
    display: inline-block;
    width: 29px;
    height: 17px;
  }

  .icon-navi_car::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -191.5px -356px;
    width: 29px;
    height: 17px;
  }
}

.icon-navi_subway {
  display: inline-block;
  width: 22px;
  height: 37px;
}

.icon-navi_subway::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px 0px;
  width: 22px;
  height: 37px;
}

.icon-navi_subway-2x {
  display: inline-block;
  width: 15.5px;
  height: 26px;
}

.icon-navi_subway-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -180px -140.5px;
  width: 15.5px;
  height: 26px;
}

@media screen and (max-width: 1023px) {
  .icon-navi_subway {
    display: inline-block;
    width: 15.5px;
    height: 26px;
  }

  .icon-navi_subway::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -180px -140.5px;
    width: 15.5px;
    height: 26px;
  }
}

.icon-notice {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-notice::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/ico-speaker.svg");
  width: 20px;
  height: 20px;
}

.icon-page_back {
  display: inline-block;
  width: 42px;
  height: 42px;
}

.icon-page_back::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: 0px -850px;
  width: 42px;
  height: 42px;
}

.icon-page_back-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_back-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -153px -425px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-page_back {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-page_back::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -153px -425px;
    width: 20px;
    height: 20px;
  }
}

.icon-page_next {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_next::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -392px;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -422px;
  width: 20px;
  height: 20px;
}

.icon-page_prev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prev::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -452px;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -482px;
  width: 20px;
  height: 20px;
}

.icon-pop_close {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-pop_close::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -648px -712px;
  width: 24px;
  height: 24px;
}

.icon-pop_close-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.icon-pop_close-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -426px -425px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .icon-pop_close {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .icon-pop_close::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -426px -425px;
    width: 17px;
    height: 17px;
  }
}

.icon-pop_icon-pop_images_close-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.icon-pop_icon-pop_images_close-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -448px -425px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .icon-pop_icon-pop_images_close {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .icon-pop_icon-pop_images_close::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -448px -425px;
    width: 17px;
    height: 17px;
  }
}

.icon-pop_images_close {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-pop_images_close::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -682px -712px;
  width: 24px;
  height: 24px;
}

.icon-pop_view_close {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-pop_view_close::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -716px -712px;
  width: 24px;
  height: 24px;
}

.icon-pop_view_close-2x {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.icon-pop_view_close-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: 0px -451px;
  width: 17px;
  height: 17px;
}

@media screen and (max-width: 1023px) {
  .icon-pop_view_close {
    display: inline-block;
    width: 17px;
    height: 17px;
  }

  .icon-pop_view_close::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: 0px -451px;
    width: 17px;
    height: 17px;
  }
}

.icon-p_sns-blog {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-p_sns-blog::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -356px -850px;
  width: 40px;
  height: 40px;
}

.icon-p_sns-blog-2x {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.icon-p_sns-blog-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -360.5px -227px;
  width: 33px;
  height: 33px;
}

@media screen and (max-width: 1023px) {
  .icon-p_sns-blog {
    display: inline-block;
    width: 33px;
    height: 33px;
  }

  .icon-p_sns-blog::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -227px;
    width: 33px;
    height: 33px;
  }
}

.icon-p_sns-facebook {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-p_sns-facebook::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -406px -850px;
  width: 40px;
  height: 40px;
}

.icon-p_sns-facebook-2x {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.icon-p_sns-facebook-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -360.5px -265px;
  width: 33px;
  height: 33px;
}

@media screen and (max-width: 1023px) {
  .icon-p_sns-facebook {
    display: inline-block;
    width: 33px;
    height: 33px;
  }

  .icon-p_sns-facebook::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -265px;
    width: 33px;
    height: 33px;
  }
}

.icon-p_sns-home {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-p_sns-home::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -456px -850px;
  width: 40px;
  height: 40px;
}

.icon-p_sns-home-2x {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.icon-p_sns-home-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -360.5px -303px;
  width: 33px;
  height: 33px;
}

@media screen and (max-width: 1023px) {
  .icon-p_sns-home {
    display: inline-block;
    width: 33px;
    height: 33px;
  }

  .icon-p_sns-home::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -303px;
    width: 33px;
    height: 33px;
  }
}

.icon-p_sns-instagram {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-p_sns-instagram::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -506px -850px;
  width: 40px;
  height: 40px;
}

.icon-p_sns-instagram-2x {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.icon-p_sns-instagram-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -315.5px -270px;
  width: 33px;
  height: 33px;
}

@media screen and (max-width: 1023px) {
  .icon-p_sns-instagram {
    display: inline-block;
    width: 33px;
    height: 33px;
  }

  .icon-p_sns-instagram::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -315.5px -270px;
    width: 33px;
    height: 33px;
  }
}

.icon-refresh {
  display: inline-block;
  width: 14px;
  height: 13px;
}

.icon-refresh::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -929px;
  width: 14px;
  height: 13px;
}

.icon-reply {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.icon-reply::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -881px;
  width: 14px;
  height: 14px;
}

.icon-select_arrow {
  display: inline-block;
  width: 36px;
  height: 36px;
}

.icon-select_arrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -806px -850px;
  width: 36px;
  height: 36px;
}


@media screen and (max-width: 1023px) {
  .icon-select_arrow {
    display: inline-block;
    width: 36px;
    height: 36px;
  }

  .icon-select_arrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -186px;
    width: 36px;
    height: 36px;
  }
}

.icon-sell_contract_1 {
  display: inline-block;
  width: 83px;
  height: 80px;
}

.icon-sell_contract_1::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -417px -512px;
  width: 83px;
  height: 80px;
}

.icon-sell_contract_1-2x {
  display: inline-block;
  width: 60px;
  height: 60.5px;
}

.icon-sell_contract_1-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -75px 0px;
  width: 60px;
  height: 60.5px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_contract_1 {
    display: inline-block;
    width: 60px;
    height: 60.5px;
  }

  .icon-sell_contract_1::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -75px 0px;
    width: 60px;
    height: 60.5px;
  }
}

.icon-sell_contract_2 {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-sell_contract_2::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -540px -622px;
  width: 80px;
  height: 80px;
}

.icon-sell_contract_2-2x {
  display: inline-block;
  width: 60px;
  height: 60.5px;
}

.icon-sell_contract_2-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -140px 0px;
  width: 60px;
  height: 60.5px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_contract_2 {
    display: inline-block;
    width: 60px;
    height: 60.5px;
  }

  .icon-sell_contract_2::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -140px 0px;
    width: 60px;
    height: 60.5px;
  }
}

.icon-sell_contract_3 {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-sell_contract_3::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -630px -622px;
  width: 80px;
  height: 80px;
}

.icon-sell_contract_3-2x {
  display: inline-block;
  width: 60px;
  height: 60.5px;
}

.icon-sell_contract_3-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: 0px -75px;
  width: 60px;
  height: 60.5px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_contract_3 {
    display: inline-block;
    width: 60px;
    height: 60.5px;
  }

  .icon-sell_contract_3::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: 0px -75px;
    width: 60px;
    height: 60.5px;
  }
}

.icon-sell_contract_4 {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-sell_contract_4::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -721px 0px;
  width: 80px;
  height: 80px;
}

.icon-sell_contract_4-2x {
  display: inline-block;
  width: 60px;
  height: 60.5px;
}

.icon-sell_contract_4-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -65px -75px;
  width: 60px;
  height: 60.5px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_contract_4 {
    display: inline-block;
    width: 60px;
    height: 60.5px;
  }

  .icon-sell_contract_4::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -65px -75px;
    width: 60px;
    height: 60.5px;
  }
}

.icon-sell_email {
  display: inline-block;
  width: 50px;
  height: 56px;
}

.icon-sell_email::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -140px;
  width: 50px;
  height: 56px;
}

.icon-sell_email-2x {
  display: inline-block;
  width: 37.5px;
  height: 42px;
}

.icon-sell_email-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -360.5px -45px;
  width: 37.5px;
  height: 42px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_email {
    display: inline-block;
    width: 37.5px;
    height: 42px;
  }

  .icon-sell_email::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -45px;
    width: 37.5px;
    height: 42px;
  }
}

.icon-sell_mail {
  display: inline-block;
  width: 22px;
  height: 17px;
}

.icon-sell_mail::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -752px;
  width: 22px;
  height: 17px;
}

.icon-sell_mail-2x {
  display: inline-block;
  width: 17px;
  height: 12.5px;
}

.icon-sell_mail-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -284.5px -356px;
  width: 17px;
  height: 12.5px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_mail {
    display: inline-block;
    width: 17px;
    height: 12.5px;
  }

  .icon-sell_mail::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -284.5px -356px;
    width: 17px;
    height: 12.5px;
  }
}

.icon-sell_member {
  display: inline-block;
  width: 50px;
  height: 56px;
}

.icon-sell_member::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -206px;
  width: 50px;
  height: 56px;
}

.icon-sell_member-2x {
  display: inline-block;
  width: 37.5px;
  height: 42px;
}

.icon-sell_member-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -360.5px -92px;
  width: 37.5px;
  height: 42px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_member {
    display: inline-block;
    width: 37.5px;
    height: 42px;
  }

  .icon-sell_member::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -92px;
    width: 37.5px;
    height: 42px;
  }
}

.icon-sell_phone {
  display: inline-block;
  width: 50px;
  height: 56px;
}

.icon-sell_phone::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -272px;
  width: 50px;
  height: 56px;
}

.icon-sell_phone-2x {
  display: inline-block;
  width: 37.5px;
  height: 42px;
}

.icon-sell_phone-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -360.5px -139px;
  width: 37.5px;
  height: 42px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_phone {
    display: inline-block;
    width: 37.5px;
    height: 42px;
  }

  .icon-sell_phone::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -139px;
    width: 37.5px;
    height: 42px;
  }
}

.icon-sell_step {
  display: inline-block;
  width: 15px;
  height: 28px;
}

.icon-sell_step::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -114px;
  width: 15px;
  height: 28px;
}

.icon-sell_step-2x {
  display: inline-block;
  width: 19.5px;
  height: 11px;
}

.icon-sell_step-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -220.5px -237.5px;
  width: 19.5px;
  height: 11px;
}

@media screen and (max-width: 1023px) {
  .icon-sell_step {
    display: inline-block;
    width: 19.5px;
    height: 11px;
  }

  .icon-sell_step::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -220.5px -237.5px;
    width: 19.5px;
    height: 11px;
  }
}

.icon-share_sns_kakao {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-share_sns_kakao::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -648px;
  width: 30px;
  height: 30px;
}

.icon-share_url_copy {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-share_url_copy::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -688px;
  width: 30px;
  height: 30px;
}

.icon-sns_apple {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-sns_apple::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -425px;
  width: 60px;
  height: 60px;
}

.icon-sns_apple-2x {
  display: inline-block;
  width: 55px;
  height: 55px;
}

.icon-sns_apple-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -130px -75px;
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_apple {
    display: inline-block;
    width: 55px;
    height: 55px;
  }

  .icon-sns_apple::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -130px -75px;
    width: 55px;
    height: 55px;
  }
}

.icon-sns_apple_type1 {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_apple_type1::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -556px -850px;
  width: 40px;
  height: 40px;
}

.icon-sns_apple_type1-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-sns_apple_type1-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -405.5px -247.5px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_apple_type1 {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-sns_apple_type1::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -405.5px -247.5px;
    width: 30px;
    height: 30px;
  }
}

.icon-sns_google {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-sns_google::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -565px;
  width: 60px;
  height: 60px;
}

.icon-sns_google-2x {
  display: inline-block;
  width: 55px;
  height: 55px;
}

.icon-sns_google-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: 0px -140.5px;
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_google {
    display: inline-block;
    width: 55px;
    height: 55px;
  }

  .icon-sns_google::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: 0px -140.5px;
    width: 55px;
    height: 55px;
  }
}

.icon-sns_google_type1 {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_google_type1::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -606px -850px;
  width: 40px;
  height: 40px;
}

.icon-sns_google_type1-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-sns_google_type1-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -405.5px -317.5px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_google_type1 {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-sns_google_type1::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -405.5px -317.5px;
    width: 30px;
    height: 30px;
  }
}

.icon-sns_kakao {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-sns_kakao::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -705px;
  width: 60px;
  height: 60px;
}

.icon-sns_kakao-2x {
  display: inline-block;
  width: 55px;
  height: 55px;
}

.icon-sns_kakao-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -60px -140.5px;
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_kakao {
    display: inline-block;
    width: 55px;
    height: 55px;
  }

  .icon-sns_kakao::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -60px -140.5px;
    width: 55px;
    height: 55px;
  }
}

.icon-sns_kakao_type1 {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_kakao_type1::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -656px -850px;
  width: 40px;
  height: 40px;
}

.icon-sns_kakao_type1-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-sns_kakao_type1-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: 0px -390px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_kakao_type1 {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-sns_kakao_type1::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: 0px -390px;
    width: 30px;
    height: 30px;
  }
}

.icon-sns_link_instagram {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.icon-sns_link_instagram::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -83px;
  width: 21px;
  height: 21px;
}

.icon-sns_link_instagram-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-sns_link_instagram-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px -364px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_link_instagram {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-sns_link_instagram::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -477.5px -364px;
    width: 15px;
    height: 15px;
  }
}

.icon-sns_naver {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-sns_naver::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -70px -780px;
  width: 60px;
  height: 60px;
}

.icon-sns_naver-2x {
  display: inline-block;
  width: 55px;
  height: 55px;
}

.icon-sns_naver-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -120px -140.5px;
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_naver {
    display: inline-block;
    width: 55px;
    height: 55px;
  }

  .icon-sns_naver::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -120px -140.5px;
    width: 55px;
    height: 55px;
  }
}

.icon-sns_naver_type1 {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_naver_type1::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -706px -850px;
  width: 40px;
  height: 40px;
}

.icon-sns_naver_type1-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-sns_naver_type1-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -70px -390px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-sns_naver_type1 {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-sns_naver_type1::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -70px -390px;
    width: 30px;
    height: 30px;
  }
}

.icon-swiper_next {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-swiper_next::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -642px;
  width: 50px;
  height: 50px;
}

.icon-swiper_prev {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-swiper_prev::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -702px;
  width: 50px;
  height: 50px;
}

.icon-system_arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon-system_arrow::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -805px;
  width: 16px;
  height: 16px;
}

.icon-system_arrow-2x {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.icon-system_arrow-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -394.5px -451px;
  width: 12px;
  height: 12px;
}

@media screen and (max-width: 1023px) {
  .icon-system_arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
  }

  .icon-system_arrow::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -394.5px -451px;
    width: 12px;
    height: 12px;
  }
}

.icon-tab_academy {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-tab_academy::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -762px;
  width: 50px;
  height: 50px;
}

.icon-tab_all {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-tab_all::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -210px -780px;
  width: 60px;
  height: 60px;
}

.icon-tab_architecture {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-tab_architecture::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -280px -780px;
  width: 60px;
  height: 60px;
}

.icon-tab_authorism {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-tab_authorism::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -350px -780px;
  width: 60px;
  height: 60px;
}

.icon-tab_ceo {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-tab_ceo::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -420px -780px;
  width: 60px;
  height: 60px;
}

.icon-tab_lectuure {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-tab_lectuure::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -490px -780px;
  width: 60px;
  height: 60px;
}

.icon-tab_market {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-tab_market::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -560px -780px;
  width: 60px;
  height: 60px;
}

.icon-tab_student {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-tab_student::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -630px -780px;
  width: 60px;
  height: 60px;
}

.icon-tel_g {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-tel_g::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -512px;
  width: 20px;
  height: 20px;
}

.icon-tel_g-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-tel_g-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px -384px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-tel_g {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-tel_g::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -477.5px -384px;
    width: 15px;
    height: 15px;
  }
}

.icon-video_play_white {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-video_play_white::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -410px -334px;
  width: 50px;
  height: 50px;
}

.icon-video_play_white-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-video_play_white-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -55px -256px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-video_play_white {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-video_play_white::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -55px -256px;
    width: 50px;
    height: 50px;
  }
}

.icon-viewer {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.icon-viewer::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -905px;
  width: 14px;
  height: 14px;
}

.icon-viewer_size-off {
  display: inline-block;
  width: 42px;
  height: 42px;
}

.icon-viewer_size-off::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -52px -850px;
  width: 42px;
  height: 42px;
}

.icon-viewer_size-off-2x {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-viewer_size-off-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -220.5px -200.5px;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 1023px) {
  .icon-viewer_size-off {
    display: inline-block;
    width: 32px;
    height: 32px;
  }

  .icon-viewer_size-off::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -220.5px -200.5px;
    width: 32px;
    height: 32px;
  }
}

.icon-viewer_size-on {
  display: inline-block;
  width: 42px;
  height: 42px;
}

.icon-viewer_size-on::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -104px -850px;
  width: 42px;
  height: 42px;
}

.icon-viewer_size-on-2x {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-viewer_size-on-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -405.5px 0px;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 1023px) {
  .icon-viewer_size-on {
    display: inline-block;
    width: 32px;
    height: 32px;
  }

  .icon-viewer_size-on::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -405.5px 0px;
    width: 32px;
    height: 32px;
  }
}

.icon-viewer_zoomin {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.icon-viewer_zoomin::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -952px;
  width: 10px;
  height: 10px;
}

.icon-viewer_zoomin-2x {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.icon-viewer_zoomin-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -497.5px -271px;
  width: 10px;
  height: 10px;
}

@media screen and (max-width: 1023px) {
  .icon-viewer_zoomin {
    display: inline-block;
    width: 10px;
    height: 10px;
  }

  .icon-viewer_zoomin::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -497.5px -271px;
    width: 10px;
    height: 10px;
  }
}

.icon-viewer_zoomout {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.icon-viewer_zoomout::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -885px -822px;
  width: 10px;
  height: 10px;
}

.icon-viewer_zoomout-2x {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.icon-viewer_zoomout-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -497.5px -286px;
  width: 10px;
  height: 10px;
}

@media screen and (max-width: 1023px) {
  .icon-viewer_zoomout {
    display: inline-block;
    width: 10px;
    height: 10px;
  }

  .icon-viewer_zoomout::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -497.5px -286px;
    width: 10px;
    height: 10px;
  }
}

.icon-view_heart_off {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-view_heart_off::after {
  content: "";
  display: block;
  background-image: url('https://public.seoulauction.io/resources/assets/images/common/ico-heart_detail_24.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}


@media screen and (max-width: 1023px) {
  .icon-view_heart_off {
    display: inline-block;
    width: 24px;
    height: 24px;
  }

  .icon-view_heart_off::after {
    content: "";
    display: block;
    background-image: url('https://public.seoulauction.io/resources/assets/images/common/ico-heart_detail_24.svg');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
}

.icon-view_heart_on {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-view_heart_on::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -848px;
  width: 30px;
  height: 30px;
}

.icon-view_heart_on-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-view_heart_on-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -385px -390px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-view_heart_on {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-view_heart_on::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -385px -390px;
    width: 30px;
    height: 30px;
  }
}

.icon-view_inquiry {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-view_inquiry::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -888px;
  width: 30px;
  height: 30px;
}

.icon-view_more {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-view_more::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -602px;
  width: 20px;
  height: 20px;
}

.icon-view_more_-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-view_more_-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -86.5px -451px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-view_more_ {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-view_more_::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -86.5px -451px;
    width: 15px;
    height: 15px;
  }
}

.icon-view_more_on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-view_more_on::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -632px;
  width: 20px;
  height: 20px;
}

.icon-view_more_on-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-view_more_on-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -106.5px -451px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-view_more_on {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-view_more_on::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -106.5px -451px;
    width: 15px;
    height: 15px;
  }
}

.icon-view_paging_left {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-view_paging_left::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -662px;
  width: 20px;
  height: 20px;
}

.icon-view_paging_left-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-view_paging_left-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -126.5px -451px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-view_paging_left {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-view_paging_left::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -126.5px -451px;
    width: 15px;
    height: 15px;
  }
}

.icon-view_paging_right {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-view_paging_right::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -692px;
  width: 20px;
  height: 20px;
}

.icon-view_paging_right-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-view_paging_right-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -146.5px -451px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-view_paging_right {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-view_paging_right::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -146.5px -451px;
    width: 15px;
    height: 15px;
  }
}

.icon-view_print {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-view_print::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/ico-print.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
}



@media screen and (max-width: 1023px) {
  .icon-view_print {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon-view_print::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/ico-print.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
  }
}

.icon-view_scale {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.icon-view_scale::after {
  content: "";
  display: block;
  background-image: url('https://public.seoulauction.io/resources/assets/images/common/ico-viewscale-mo.svg');
  /*background-position: -719px -902px;*/
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}

/*.icon-view_scale-2x {*/
/*  display: inline-block;*/
/*  width: 20px;*/
/*  height: 20px;*/
/*}*/

/*.icon-view_scale-2x::after {*/
/*  content: "";*/
/*  display: block;*/
/*  background-image: url("https://seoulauction.com/images/common/sp_icons.png");*/
/*  background-size: 508.5px 490px;*/
/*  background-position: -378px -425px;*/
/*  width: 20px;*/
/*  height: 20px;*/
/*}*/

@media screen and (max-width: 1023px) {
  .icon-view_scale {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-view_scale::after {
    content: "";
    display: block;
    background-image: url('https://public.seoulauction.io/resources/assets/images/common/ico-viewscale-mo.svg');
    background-position: center center;
    width: 20px;
    height: 20px;
  }
}

.icon-view_sns {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-view_sns::after {
  content: "";
  display: block;
  background-image: url('https://public.seoulauction.io/resources/assets/images/common/ico-share2.svg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
}

.icon-view_thum_bottom {
  display: inline-block;
  width: 73px;
  height: 58px;
}

.icon-view_thum_bottom::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -521px -440px;
  width: 73px;
  height: 58px;
}

.icon-view_thum_top {
  display: inline-block;
  width: 73px;
  height: 58px;
}

.icon-view_thum_top::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: 0px -712px;
  width: 73px;
  height: 58px;
}

.icon-zoom {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-zoom::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -453px -902px;
  width: 30px;
  height: 30px;
}

.icon-zoom_in {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-zoom_in::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -493px -902px;
  width: 30px;
  height: 30px;
}

.icon-zoom_out {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-zoom_out::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -533px -902px;
  width: 30px;
  height: 30px;
}

.icon_down {
  display: inline-block;
  width: 21px;
  height: 26px;
}

.icon_down::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -47px;
  width: 21px;
  height: 26px;
}

.icon_down-2x {
  display: inline-block;
  width: 15px;
  height: 19px;
}

.icon_down-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -477.5px 0px;
  width: 15px;
  height: 19px;
}

@media screen and (max-width: 1023px) {
  .icon_down {
    display: inline-block;
    width: 15px;
    height: 19px;
  }

  .icon_down::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -477.5px 0px;
    width: 15px;
    height: 19px;
  }
}

.icon_password_hide_off {
  display: inline-block;
  width: 27px;
  height: 27px;
}

.icon_password_hide_off::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -573px -902px;
  width: 27px;
  height: 27px;
}

.icon_password_hide_off-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon_password_hide_off-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -101.5px -356px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .icon_password_hide_off {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon_password_hide_off::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -101.5px -356px;
    width: 25px;
    height: 25px;
  }
}

.icon_password_hide_on {
  display: inline-block;
  width: 27px;
  height: 27px;
}

.icon_password_hide_on::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -610px -902px;
  width: 27px;
  height: 27px;
}

.icon_password_hide_on-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon_password_hide_on-2x::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -131.5px -356px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .icon_password_hide_on {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon_password_hide_on::after {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -131.5px -356px;
    width: 25px;
    height: 25px;
  }
}

.icon_print {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon_print::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -722px;
  width: 20px;
  height: 20px;
}

.video_play {
  display: inline-block;
  width: 61px;
  height: 61px;
}

.video_play::after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -74px;
  width: 61px;
  height: 61px;
}

@font-face {
  font-family: "iconfont";
  src: url("https://public.seoulauction.io/resources/static/font/iconfont.eot");
  src: url("https://public.seoulauction.io/resources/static/font/iconfont.eot?#iefix") format("eot"),
       url("https://public.seoulauction.io/resources/static/font/iconfont.woff2") format("woff2"),
       url("https://public.seoulauction.io/resources/static/font/iconfont.woff") format("woff"),
       url("https://public.seoulauction.io/resources/static/font/iconfont.ttf") format("truetype"),
       url("https://public.seoulauction.io/resources/static/font/iconfont.svg#iconfont") format("svg");
}

.spf:before, .spf-envelope:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
 /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
}

.spf-arrow_next:before {
  content: "\E001";
}

.spf-arrow_prev:before {
  content: "\E002";
}

/*
  _mixin.scss

  # 선언  (@content); 확장
  @mixin opacity($value) {
    opacity: $value;
    @content;
  }

  # 사용
  xxx {
    @include opacity(.5){
      확장 스타일
    }
  }

*/
/* opacity(1.0) == 100% */
/* 1줄 말줄임 */
/* 멀티라인 말줄임 */
/* 텍스트 깨기 */
/* 텍스트 단어별 줄바꿈  */
/* float 영역 유지 */
/*
* before 속성을 이용한 vertical 정열
*/
/**  비율로 영역 확보   bg-ratio ( $w, $h ) : ( 16:9 = 56.25%); */
/* ================= function ================= */
/* 단위환산 / vw(10vw) */
.monthPicker {
  letter-spacing: -1px;
  width: 280px;
  height: 180px;
  display: none;
  z-index: 10000 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
}

.monthPicker a {
  cursor: pointer;
}

.monthPicker span a {
  border: solid 1px  #ebebeb;
  padding: 0 2px;
  height: 20px;
  font-size: 10px;
  color: #bfbfbf;
  text-decoration: none;
}

.monthPicker .year {
  text-align: center;
  padding: 5px 10px;
  height: 50px;
  background-color: #21a099;
}

.monthPicker .year strong {
  color: #ffffff;
  line-height: 38px;
  font-size: 24px;
  font-weight: 300;
}

.monthPicker .year > span {
  position: absolute;
  top: 13px;
  width: 22px;
  height: 22px;
}

.monthPicker .year > span .changeYear {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  border: 1px solid #B2B2B2;
  border-radius: 2px;
  color: transparent;
  text-indent: -100px;
}

.monthPicker .year > span .changeYear::before {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #B2B2B2;
}

.monthPicker .year > span .changeYear:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 12px;
  left: 8px;
  background-color: #B2B2B2;
}

.monthPicker .year > span:first-child {
  left: 20px;
}

.monthPicker .year > span:first-child .changeYear::before {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year > span:first-child .changeYear:after {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child {
  right: 20px;
}

.monthPicker .year > span:last-child .changeYear::before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child .changeYear:after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .month-body {
  padding: 15px;
  background-color: #fff;
}

.monthPicker .month-body strong {
  font-size: 14px;
  margin: 0 20px;
}

.monthPicker .month-body ul {
  margin: 0px;
  list-style: none;
}

.monthPicker .month-body ul:after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.monthPicker .month-body ul li {
  float: left;
}

.monthPicker .month-body ul li a {
  width: 45px;
  padding: 5px;
  text-align: center;
  float: left;
  border: solid 1px  #ccc;
  margin: 2px;
  text-decoration: none;
  color: #666666;
}

.monthPicker .month-body ul li a:hover, .monthPicker .month-body ul li a:focus {
  border: solid 1px #aaa;
  color: #333333;
}

/* =============  jq-Grid ============= */
.table-box {
  position: relative;
  width: 100%;
}

.table-box.scroll_y .ui-jqgrid .ui-jqgrid-bdiv {
  overflow-x: hidden;
}

.ui-jqgrid[id^=gbox_] {
  box-sizing: border-box;
}

.ui-jqgrid[id^=gbox_].ui-widget.ui-widget-content {
  border: 0;
  border-top: 1px solid #ddd;
}

.ui-jqgrid[id^=gbox_] tr.ui-widget-content {
  border-color: #ddd;
}

.ui-jqgrid[id^=gbox_] .ui-widget-content {
  border: 0;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable {
  box-sizing: border-box;
  max-width: 100%;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable .ui-jqgrid-labels, .ui-jqgrid[id^=gbox_] .ui-jqgrid-htable .ui-widget-content, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable .ui-jqgrid-labels, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable .ui-widget-content {
  overflow: hidden;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable th, .ui-jqgrid[id^=gbox_] .ui-jqgrid-htable td, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable th, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable td {
  height: 30px;
  padding: 0 2px 0 2px;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-hdiv .ui-jqgrid-htable th {
  background-color: #f6f6f6;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-bdiv > div {
  overflow: hidden;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-bdiv .ui-jqgrid-btable tr.ui-row-ltr td {
  text-align: center;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager {
  border-top: 0;
  border-bottom: 1px solid #ddd !important;
  height: auto;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager .ui-pg-table td {
  height: 30px;
  padding: 0px;
  border: 1px solid transparent;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager .ui-pg-table td input[type="text"] {
  width: auto;
}

html, body {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Pretendard", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 16px;
  color: #555555;
  line-height: 1.3;
  letter-spacing: -0.4px;
  font-weight: 500;
 /* HTML5 display-role reset for older browsers   */;
}

html div, html span, html applet, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p, html blockquote, html pre, html a, html abbr, html acronym, html address, html big, html cite, html code, html del, html dfn, html em, html font, html img, html ins, html kbd, html q, html s, html samp, html small, html strike, html strong, html sub, html sup, html tt, html var, html b, html u, html i, html center, html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html table, html caption, html tbody, html tfoot, html thead, html tr, html th, html td, body div, body span, body applet, body object, body iframe, body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre, body a, body abbr, body acronym, body address, body big, body cite, body code, body del, body dfn, body em, body font, body img, body ins, body kbd, body q, body s, body samp, body small, body strike, body strong, body sub, body sup, body tt, body var, body b, body u, body i, body center, body dl, body dt, body dd, body ol, body ul, body li, body fieldset, body form, body label, body legend, body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td {
  margin: 0;
  padding: 0;
  border: 0;
}

html ul, html li, html ol, body ul, body li, body ol {
  list-style: none;
}

html img, html fieldset, html video, body img, body fieldset, body video {
  border: 0;
  vertical-align: top;
}

html input, html textarea, html select, body input, body textarea, body select {
  vertical-align: middle;
  resize: none;
  position: relative;
  -webkit-border-radius: 0;
  border-radius: 0;
}

html button, body button {
  border: 0 none;
  background: transparent;
  cursor: pointer;
}

html caption, html legend, html .hide, body caption, body legend, body .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

html table, body table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5;
}

html table caption.tit, body table caption.tit {
  width: 100%;
  height: auto;
  margin: 20px 0;
  font-size: 20px;
  font-weight: bold;
  text-indent: 0;
  visibility: visible;
}

html a:link, html a:visited, body a:link, body a:visited {
  text-decoration: none;
}

html a:active, html a:hover, html a:focus, body a:active, body a:hover, body a:focus {
  text-decoration: none;
}

html ins, body ins {
  text-decoration: none;
}

html del, body del {
  text-decoration: line-through;
}

html article, html aside, html details, html figcaption, html figure, html footer, html header, html hgroup, html menu, html nav, html section, body article, body aside, body details, body figcaption, body figure, body footer, body header, body hgroup, body menu, body nav, body section {
  display: block;
  box-sizing: border-box;
}

html blockquote, html q, body blockquote, body q {
  quotes: none;
}

html blockquote:before, html blockquote:after, html q:before, html q:after, body blockquote:before, body blockquote:after, body q:before, body q:after {
  content: '';
  content: none;
}

html li, html dt, html dd, html td, html th, html div, html p, html input, html textarea, html button, html option, html h1, html h2, html h3, html h4, html h5, html h6, html legend, html figcaption, body li, body dt, body dd, body td, body th, body div, body p, body input, body textarea, body button, body option, body h1, body h2, body h3, body h4, body h5, body h6, body legend, body figcaption {
  padding: 0;
  vertical-align: middle;
  box-sizing: border-box;
}

html a, html span, html i, html em, html input, html button, html samp, body a, body span, body i, body em, body input, body button, body samp {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: normal;
}

html strong, html b, body strong, body b {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: normal;
}

/*글자자동조절방지*/
::selection, -webkit-::selection, -moz-::selection, -ms-::selection, -o-::selection {
  color: #fff;
  background-color: #39C3BC;
}

/* 클리어 */
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

.bg-alt, .img-alt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.blind {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 0;
  height: 0;
  margin: -1px;
  padding: 0;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}

.pos-f {
  position: fixed !important;
}

.pos-a {
  position: absolute !important;
}

.bn {
  background: none !important;
}

.cb {
  clear: both;
  overflow: hidden;
}

.cl {
  clear: left;
  overflow: hidden;
}

.cr {
  clear: right;
  overflow: hidden;
}

/* 플로트 */
.fl {
  float: left;
}

.fr {
  float: right;
}

.fn {
  float: none !important;
}

/* 포지션 */
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.pf {
  position: fixed;
}

.ab-r {
  position: absolute;
  top: 0;
  right: 0;
}

.ab-l {
  position: absolute;
  top: 0;
  left: 0;
}

/* 텍스트 정렬 */
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

/* 테이블 스타일 */
.layout_t {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

.layout_t .layout_r {
  display: table-row;
}

.layout_t .layout_c {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* margin, padding (5px 단위로 100px까지) mg0, mg5, mg10 */
.mg0 {
  margin: 0px !important;
}

.mg5 {
  margin: 5px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg15 {
  margin: 15px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg25 {
  margin: 25px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg35 {
  margin: 35px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg45 {
  margin: 45px !important;
}

.mg50 {
  margin: 50px !important;
}

.mg55 {
  margin: 55px !important;
}

.mg60 {
  margin: 60px !important;
}

.mg65 {
  margin: 65px !important;
}

.mg70 {
  margin: 70px !important;
}

.mg75 {
  margin: 75px !important;
}

.mg80 {
  margin: 80px !important;
}

.mg85 {
  margin: 85px !important;
}

.mg90 {
  margin: 90px !important;
}

.mg95 {
  margin: 95px !important;
}

.mg100 {
  margin: 100px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

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

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pd0 {
  padding: 0px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd25 {
  padding: 25px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd35 {
  padding: 35px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd45 {
  padding: 45px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd55 {
  padding: 55px !important;
}

.pd60 {
  padding: 60px !important;
}

.pd65 {
  padding: 65px !important;
}

.pd70 {
  padding: 70px !important;
}

.pd75 {
  padding: 75px !important;
}

.pd80 {
  padding: 80px !important;
}

.pd85 {
  padding: 85px !important;
}

.pd90 {
  padding: 90px !important;
}

.pd95 {
  padding: 95px !important;
}

.pd100 {
  padding: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

/* width */
.w100 {
  width: 100px !important;
}

.w200 {
  width: 200px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w700 {
  width: 700px !important;
}

.w800 {
  width: 800px !important;
}

.w900 {
  width: 900px !important;
}

.w10p {
  width: 10% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

/* height */
.h100 {
  height: 100px !important;
}

.h200 {
  height: 200px !important;
}

.h300 {
  height: 300px !important;
}

.h400 {
  height: 400px !important;
}

.h500 {
  height: 500px !important;
}

.h600 {
  height: 600px !important;
}

.h700 {
  height: 700px !important;
}

.h800 {
  height: 800px !important;
}

.h900 {
  height: 900px !important;
}

.h10p {
  height: 10% !important;
}

.h20p {
  height: 20% !important;
}

.h30p {
  height: 30% !important;
}

.h40p {
  height: 40% !important;
}

.h50p {
  height: 50% !important;
}

.h60p {
  height: 60% !important;
}

.h70p {
  height: 70% !important;
}

.h80p {
  height: 80% !important;
}

.h90p {
  height: 90% !important;
}

.h100p {
  height: 100% !important;
}

/* ========================== layout */
.col1:after, .col2:after, .col3:after, .col4:after, .col5:after, .col6:after, .col7:after, .col8:after {
  content: '';
  display: block;
  clear: both;
}

.col1 > a, .col1 > li, .col1 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 100%;
}

.col2 > a, .col2 > li, .col2 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 50%;
}

.col3 > a, .col3 > li, .col3 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 33.3333%;
}

.col4 > a, .col4 > li, .col4 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 25%;
}

.col5 > a, .col5 > li, .col5 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 20%;
}

.col6 > a, .col6 > li, .col6 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 16.6666%;
}

.col7 > a, .col7 > li, .col7 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 14.2857%;
}

.col8 > a, .col8 > li, .col8 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 10%;
}

/* 버튼, 배경 opacity 모션 속성 심기 */
.btn-m, .bg-m {
  overflow: hidden;
  text-decoration: none;
  -webkit-transition-property: background, opacity;
  transition-property: background, opacity;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: linear, ease-in-out;
  transition-timing-function: linear, ease-in-out;
}

/* 버튼, 배경 opacity 모션 속성 실행 */
.btn2-m {
  background-position: 0 top;
  background-repeat: no-repeat;
}

.btn2-m .bg2-m {
  background-position: 0 bottom;
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn2-m:hover .bg2-m, .btn2-m:focus .bg2-m, .btn2-m:active .bg2-m {
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn2-m, .bg2-m {
  overflow: hidden;
  text-decoration: none;
  -webkit-transition-property: background, opacity;
  transition-property: background, opacity;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: linear, ease-in-out;
  transition-timing-function: linear, ease-in-out;
}

/* 아이콘 폰트 */
.spf, .spf-envelope:before {
  display: inline-block;
}

.spf::before {
  display: block;
  line-height: 1;
  normalize: true;
}

.spf-envelope:before {
  font-size: 20px;
  color: red;
}

/* style_common.scss */
html, body, .wrapper {
  min-height: 100%;
  width: 100%;
}

#container {
  min-height: 100%;
}

#contents {
  min-height: calc(100vh);
  min-height: calc(var(--vh, 1vh) * 100);
}

/* === 미포원 재정의==== */
.contents a {
  display: inline;
}

.contents .btn {
  display: inline-block;
}

.trp.popupfixed-wrap a {
  display: inline;
}

.trp.popupfixed-wrap .btn {
  display: inline-block;
}

/* // === 미포원 재정의==== */
.body-inner {
  width: 1439px;
  margin: 0 auto;
  position: relative;
}

.last-section {
  margin-bottom: 120px;
}

@media all and (max-width: 1023px) {
  .last-section {
    margin-bottom: 60px;
  }
}

/* ==========================  text item */
.text-notice {
  display: block;
  font-size: 18px;
  font-weight: normal;
  vertical-align: middle;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-style: normal;
}

.text-notice i, .text-notice span {
  vertical-align: top;
}

.colorB {
  color: #111111;
}

.colorB2 {
  color: #333333;
}

.colorP {
  color: #21a099;
}

.colorD {
  color: #555555;
}

.colorS {
  color: #777777;
}

.colorL {
  color: #999999;
}

.colorE {
  color: #db1b1b;
}

/* ========================== 컨텐츠 간격  */
.mt_st {
  margin-top: 50px;
}

.mt_ct {
  margin-top: 40px;
}

.mt_it {
  margin-top: 30px;
}

.mt_tb {
  margin-top: 20px;
}

.mt_p {
  margin-top: 10px;
}

.target_linka, .target_link:link {
  text-decoration: underline;
}

/* ==========================  비율  */
.img-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  text-align: center;
}

/* ==========================  정열  */
.img-align {
  position: absolute;
  right: 0;
  left: 0;
  vertical-align: middle;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.img-align::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  font-size: 0;
}
.img-align.align-top::before {
  display: none;
}

.img-align img {
  display: inline-block;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

/* ==========================  섹션 */
/* 섹션 공통 */
.basis-section {
  margin-top: 60px;
  width: 100%;
  max-width: 1420px;
  padding: 0 50px;
  margin-left: auto;
  margin-right: auto;
}
.basis-section.payment-page {
  margin-top: 10px
}
.basis-section.payment-page .section-inner {
  padding: 10px 0 10px;
}

.basis-section .section-inner {
  position: relative;
}

.basis-section .pc-full {
  margin-left: -60px;
  width: calc( 100% + 120px);
}

.basis-section.tab-cont-section {
  margin-top: 0;
}

.basis-section.edit_view-section {
  margin-top: 0;
}

@media all and (max-width: 1023px) {
  .basis-section {
    margin-top: 20px;
    padding: 0 25px;
  }

  .pc-full {
    margin-left: -25px;
    width: calc( 100% + 50px);
  }

  .mb-full {
    margin-left: -25px;
    width: calc( 100% + 50px);
  }
}

/* 페이지 타이틀 */
.page_title-section .section-inner {
  background-color: #fafafa;
}

.page_title-section .center-box {
  min-height: 180px;
  width: 100%;
  margin: 0 auto;
  max-width: 1420px;
  padding: 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 180px;
}

.page_title-section .page_title {
  color: #111;
  position: relative;
  font-size: 0;
  font-size: 0;
  line-height: 0;
}

.page_title-section .page_title::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.page_title-section .page_title span {
  vertical-align: middle;
}

@media all and (max-width: 1023px) {
  .page_title-section .center-box {
    height: auto;
    min-height: 90px;
    padding: 15px 25px;
  }
  .page_title-section .page_title span {
    font-size: 26px;
  }
}

.page_title-section.type-dark .section-inner {
  background-color: #243233;
}

.page_title-section.type-dark .center-box {
  align-items: flex-start;
}

.page_title-section.type-dark .page_title {
  font-family: "Libre Baskerville";
}

.page_title-section.type-dark .page_title span {
  font-size: 38px;
  font-weight: bold;
  color: #fff;
}

.page_title-section.type-dark .page_desc span {
  font-size: 18px;
  font-weight: 500;
  color: #dedede;
}

@media all and (max-width: 1023px) {
  .page_title-section.type-dark .page_title span {
    font-size: 24px;
  }

  .page_title-section.type-dark .page_desc span {
    font-size: 14px;
  }
}

.page_title-section.type-img .section-inner {
  background-position: center;
  background-repeat: no-repeat;
}

.page_title-section.type-img .center-box {
  align-items: flex-start;
  height: 300px;
}

.page_title-section.type-img .page_title {
  font-family: "Pretendard";
}

.page_title-section.type-img .page_title span {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
}

.page_title-section.type-img .page_desc span {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}

@media all and (max-width: 1023px) {
  .page_title-section.type-img .center-box {
    height: 250px;
  }

  .page_title-section.type-img .page_title span {
    font-size: 25px;
    line-height: 1.36;
  }

  .page_title-section.type-img .page_desc span {
    font-size: 14px;
    line-height: 1.6;
  }
}

.page_title-section.type-img.zerobase .section-inner {
  background-image: url("https://seoulauction.com/images/pc/auction/title_bg-zerobase.jpg");
}

@media all and (max-width: 1023px) {
  .page_title-section.type-img.zerobase .section-inner {
    background-image: url("https://seoulauction.com/images/mobile/auction/title_bg-zerobase.jpg");
  }
}

.page_title-section.type-img.introduce .section-inner {
  background-image: url("https://seoulauction.com/images/bg/bg-info-company-top@2x.jpg");
  background-color: #fff;
}


.page_title-section.type-img.introduce .center-box {
  height: 600px;
}

.page_title-section.type-img.introduce .page_desc {
  margin-top: 5px;
}

.page_title-section.type-img.introduce .page_desc span {
  font-size: 24px;
  line-height: 1.36;
  font-weight: 400;
}

.page_title-section.type-img.introduce .page_btn {
  margin-top: 60px;
}

.page_title-section.type-img.introduce .page_btn .btn {
  width: 170px;
  border-color: #fff;
  color: #fff;
}

.page_title-section.type-img.introduce .page_btn .btn span {
  color: #fff;
}

.page_title-section.type-img.introduce .page_btn .btn:hover span {
  color: #111;
}

@media all and (max-width: 1023px) {
  .page_title-section.type-img.introduce .section-inner {
    background-image: url("https://seoulauction.com/images/mobile/footer/title_bg-introduce.jpg");
    -webkit-background-size: cover;
    background-size: cover;
  }

  .page_title-section.type-img.introduce .center-box {
    height: 400px;
  }

  .page_title-section.type-img.introduce .page_title span {
    font-size: 26px;
    line-height: 1;
  }

  .page_title-section.type-img.introduce .page_desc span {
    font-size: 17px;
    line-height: 25px;
  }

  .page_title-section.type-img.introduce .page_desc {
    margin-top: 12px;
  }

  .page_title-section.type-img.introduce .page_btn {
    margin-top: 46px;
  }

  .page_title-section.type-img.introduce .page_btn .btn {
    width: 160px;
  }
}

.page_title-section.type-img.history .section-inner {
  background-image: url("https://seoulauction.com/images/pc/footer/title_bg-history.jpg");
}

.page_title-section.type-img.history .center-box {
  height: 180px;
}

.page_title-section.type-img.history .page_desc {
  margin-top: 5px;
}

.page_title-section.type-img.history .page_desc span {
  font-size: 24px;
  line-height: 1.36;
  font-weight: 400;
}

.page_title-section.type-img.history .page_btn {
  margin-top: 60px;
}

.page_title-section.type-img.history .page_btn .btn {
  width: 170px;
  border-color: #fff;
  color: #fff;
}

.page_title-section.type-img.history .page_btn .btn span {
  color: #fff;
}

.page_title-section.type-img.history .page_btn .btn:hover span {
  color: #111;
}

@media all and (max-width: 1023px) {
  .page_title-section.type-img.history .section-inner {
    background-image: url("https://seoulauction.com/images/mobile/footer/title_bg-history.jpg");
    -webkit-background-size: cover;
    background-size: cover;
  }

  .page_title-section.type-img.history .center-box {
    height: 90px;
  }

  .page_title-section.type-img.history .page_title span {
    font-size: 26px;
    line-height: 1;
  }

  .page_title-section.type-img.history .page_desc span {
    font-size: 17px;
    line-height: 25px;
  }

  .page_title-section.type-img.history .page_desc {
    margin-top: 12px;
  }

  .page_title-section.type-img.history .page_btn {
    margin-top: 46px;
  }

  .page_title-section.type-img.history .page_btn .btn {
    width: 160px;
  }
}

/* ==========================  content-panel (type-컨텐츠이름) */
.content-panel {
 /* ==== 게시판 상세 ====  */;
}

.content-panel > .panel-header {
  padding: 35px 0;
}
.content-panel > .panel-header.pd-top {
  padding: 95px 0 35px;
}

.content-panel > .panel-header .title span {
  color: #1c1c1c;
  line-height: 40px;
}

.content-panel > .panel-header .desc {
  margin-top: 20px;
}

.content-panel > .panel-header .ab-r {
  font-size: 0;
}

@media all and (max-width: 1023px) {
  .content-panel > .panel-header.pd-top {
    padding: 0;
  }
  .content-panel > .panel-header {
    padding: 15px 0;
  }

  .content-panel > .panel-header .title span {
    line-height: 30px;
  }

  .content-panel > .panel-header .desc {
    margin-top: 10px;
  }
}

.content-panel.type_panel-edit_view {
  padding: 0;
  margin-top: 100px;
 /* 진행 중인 OR 신청하기 아카데미 */ /* 게시판 해더 */ /* 아카데미 상세, 등록 */;
}

.content-panel.type_panel-edit_view > .panel-header {
  padding: 0;
}

.content-panel.type_panel-edit_view > .panel-body {
  margin-top: 40px;
}

.content-panel.type_panel-edit_view > .panel-footer {
  border-top: 1px solid #cccccc;
}

.content-panel.type_panel-edit_view > .panel-footer .inquiry-article {
  margin-top: 100px;
}

.content-panel.type_panel-edit_view > .panel-footer .button-area {
  padding: 0;
  margin-top: 60px;
}

.content-panel.type_panel-edit_view > .panel-footer .button-area .btn.btn_lg {
  width: 180px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-edit_view {
    margin-top: 42px;
  }

  .content-panel.type_panel-edit_view > .panel-body {
    margin-top: 10px;
  }

  .content-panel.type_panel-edit_view > .panel-footer .inquiry-article {
    margin-top: 50px;
  }

  .content-panel.type_panel-edit_view > .panel-footer .button-area {
    padding: 0;
    margin-top: 30px;
  }

  .content-panel.type_panel-edit_view > .panel-footer .button-area .btn.btn_lg {
    width: 160px;
  }
}

.content-panel.type_panel-edit_view .edit_view-header-area .area-inner {
  position: relative;
  padding: 40px 40px;
  display: flex;
  border-top: 1px solid #999;
  background-color: #f6f6f6;
}

.content-panel.type_panel-edit_view .edit_view-header-area .category {
  position: relative;
  padding: 0px;
  text-align: center;
  margin-right: 20px;
  padding-right: 20px;
}

.content-panel.type_panel-edit_view .edit_view-header-area .category i {
  vertical-align: middle;
}

.content-panel.type_panel-edit_view .edit_view-header-area .category span {
  font-size: 22px;
  color: #111111;
  font-weight: bold;
  line-height: 40px;
}

.content-panel.type_panel-edit_view .edit_view-header-area .category::after {
  position: absolute;
  top: 10px;
  right: 0;
  content: "";
  width: 2px;
  height: 20px;
  background-color: #999;
}

.content-panel.type_panel-edit_view .edit_view-header-area .title {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: auto;
  width: calc(100% - 226px - 284px);
 /* span { @include ellipsis-line(2); } */;
}

.content-panel.type_panel-edit_view .edit_view-header-area .title span {
  font-size: 24px;
  font-weight: bold;
  color: #111111;
}

.content-panel.type_panel-edit_view .edit_view-header-area .date {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  width: 284px;
}

.content-panel.type_panel-edit_view .edit_view-header-area .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 1px;
  height: 60px;
  background-color: #ccc;
}

.content-panel.type_panel-edit_view .edit_view-header-area .date span {
  font-size: 18px;
  line-height: 1.78;
  text-align: right;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-edit_view .edit_view-header-area .area-inner {
    padding: 25px 20px;
    display: block;
    flex-direction: initial;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .category {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .category i {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    overflow: hidden;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .category i::after {
    margin-left: -5px;
    margin-top: -5px;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .category span {
    font-size: 15px;
    padding-right: 0px;
    line-height: 25px;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .category::after {
    position: absolute;
    top: 5px;
    right: 0;
    content: "";
    width: 2px;
    height: 14px;
    background-color: #999;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .title {
    margin-top: 10px;
    padding: 0 0px;
    width: 100%;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .title span {
    font-size: 17px;
    line-height: 25px;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .date {
    display: block;
    border-top: 1px solid #ccc;
    margin-top: 17px;
    padding-top: 20px;
    position: relative;
    width: 100%;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .date::before {
    display: none;
  }

  .content-panel.type_panel-edit_view .edit_view-header-area .date span {
    font-size: 13px;
    line-height: 1.78;
    text-align: left;
  }
}

.content-panel.type_panel-edit_view .edit_view-header_notice-area .area-inner {
  height: 154px;
  padding: 0 40px;
  border-top: 1px solid #999;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-panel.type_panel-edit_view .edit_view-header_notice-area .title {
  font-size: 24px;
  font-weight: 700;
  color: #111111;
  line-height: 1.36;
}

.content-panel.type_panel-edit_view .edit_view-header_notice-area .desc {
  margin-top: 0;
  font-size: 18px;
  font-weight: 500;
  color: #777777;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-edit_view .edit_view-header_notice-area .area-inner {
    height: 89px;
    padding: 0 20px;
  }

  .content-panel.type_panel-edit_view .edit_view-header_notice-area .title {
    font-size: 17px;
    line-height: 1.5;
  }

  .content-panel.type_panel-edit_view .edit_view-header_notice-area .desc {
    font-size: 13px;
  }
}

.content-panel.type_panel-edit_view .edit_view-area {
  padding: 0 40px;
}

.content-panel.type_panel-edit_view .edit_view-area + .edit_view-area {
  margin-top: 40px;
}

.content-panel.type_panel-edit_view .button-area {
  padding: 60px 0;
  text-align: center;
}

.content-panel.type_panel-edit_view .button-area .btn_set-float .btn {
  width: 240px;
}

.content-panel.type_panel-edit_view .button-area .text-notice {
  margin-top: 30px;
  line-height: 20px;
  color: #333333;
}

.content-panel.type_panel-edit_view .button-area .text-notice i {
  margin-right: 5px;
  margin-top: -2px;
  vertical-align: middle;
}

.content-panel.type_panel-edit_view .button-area .text-notice span {
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
}

.content-panel.type_panel-edit_view .button-area .text-notice span + span {
  margin-left: 10px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-edit_view .edit_view-area {
    padding: 0 20px;
  }

  .content-panel.type_panel-edit_view .edit_view-area + .edit_view-area {
    margin-top: 10px;
  }

  .content-panel.type_panel-edit_view .btn_set-float .btn {
    width: 200px;
  }

  .content-panel.type_panel-edit_view .button-area {
    padding: 30px 0;
    text-align: center;
  }

  .content-panel.type_panel-edit_view .button-area .text-notice {
    margin-top: 30px;
    line-height: 1.3;
    text-align: center;
  }

  .content-panel.type_panel-edit_view .button-area .text-notice i {
    margin-right: 0px;
    margin-top: -3px;
  }

  .content-panel.type_panel-edit_view .button-area .text-notice span {
    font-size: 13px;
    line-height: 1.3;
  }

  .content-panel.type_panel-edit_view .button-area .text-notice span + span {
    margin-left: 0px;
  }
}

.con_box-panel {
  border: 1px solid  #ccc;
}

.con_box-panel > .p-header {
  padding: 10px;
}

.con_box-panel > .p-body {
  padding: 20px 10px;
  border-top: 1px solid #ccc;
}

.con_box-panel > .p-footer {
  padding: 10px;
  border-top: 1px solid #ccc;
}

/* ========================== //  content-panel (컨텐츠이름-panel) */
/* ========================== typo list */
.mark_char_item {
  position: relative;
  padding-left: 0.7em;
}

.mark_char_item::before {
  content: "-";
  display: inline-block;
  text-indent: -.7em;
}

.mark_char-list li {
  position: relative;
  padding-left: 0.7em;
}

.mark_char-list li::before {
  content: "-";
  display: inline-block;
  text-indent: -.7em;
  vertical-align: top;
}

.mark_char-list li.accent {
  color: #db1b1b;
}

.mark_item {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.mark-list li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: 500;
  line-height: 1.5;
}

.mark-list li.accent {
  color: #db1b1b;
}

.mark_dot-list li {
  position: relative;
  padding-left: 0.5em;
}

.mark_dot-list li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 11px;
  left: 0;
  background-color: #555555;
}

@media all and (max-width: 1023px) {
  .mark_dot-list li.text-help:after {
    top: 8px;
  }
}

.mark_dot-list.type-point li {
  line-height: 1.78;
}

.mark_dot-list.type-point li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 13px;
  left: 0;
  border-radius: 50%;
  background-color: #21a099;
}

.mark_dot-list.type-point li em {
  color: #21a099;
}

@media all and (max-width: 1023px) {
  .mark_dot-list.type-point li {
    line-height: 1.5;
  }

  .mark_dot-list.type-point li:after {
    content: "";
    display: block;
    width: 2.5px;
    height: 2.5px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #21a099;
  }
}

.caution-list li {
  position: relative;
  padding-left: 0.5em;
}

/* ========================== table_style default */
.table-panel {
  position: relative;
}

.table-panel > .panel-header {
  position: relative;
  padding: 15px 0;
}

.table-panel > .panel-header .title {
  color: #333333;
  line-height: 35px;
}

.table-panel > .panel-header .title span {
  line-height: 35px;
}

.table-panel > .panel-header .title em {
  color: #21a099;
}

.table-panel .ab-r {
  font-size: 0;
}

.table-panel .ab-r .btn_set {
  display: inline-block;
}

.table-panel .ab-r .typo_set {
  display: inline-block;
  margin-top: 15px;
}

.table-panel .data-empty {
  border: 0;
}

.table-panel .dataTables_length {
  font-weight: 700;
  color: #111;
  margin-bottom: 15px;
}

.table-panel .dataTables_length.result_txt {
  font-size: 20px;
}

.table-panel .dataTables_length span em {
  color: #21a099;
  margin-left: 5px;
}

@media all and (max-width: 1023px) {
  .table-panel > .panel-header {
    position: relative;
    padding: 10px 0;
  }

  .table-panel > .panel-header .title {
    color: #111111;
    line-height: 36px;
  }

  .table-panel > .panel-header .title span {
    line-height: 36px;
  }

  .table-panel > .panel-header .title em {
    color: #21a099;
  }

  .table-panel .ab-r {
    font-size: 0;
  }

  .table-panel .ab-r .btn_set {
    display: inline-block;
  }

  .table-panel .ab-r .typo_set {
    display: inline-block;
    margin-top: 15px;
  }

  .table-panel .dataTables_length {
    margin-bottom: 10px;
  }

  .table-panel .dataTables_length.result_txt {
    font-size: 15px;
  }
}

.table_base {
  width: 100%;
  table-layout: fixed;
}

.table_base th, .table_base td {
  text-align: center;
  padding: 3px 10px;
  height: 55px;
}

.table_base th {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.table_base td {
  font-size: 16px;
  font-weight: 500;
 /* line-height: 34px; */
  word-wrap: break-word;
  word-break: keep-all;
}

.table_base td strong {
  color: #333;
}

.table_base td span {
  color: #555;
}

@media all and (max-width: 1023px) {
  .table_base th, .table_base td {
    text-align: center;
    padding: 2px 5px;
    height: 45px;
  }

  .table_base th {
    font-size: 15px;
  }

  .table_base td {
    font-size: 14px;
    line-height: 20px;
  }
}

.table_base th.vet, .table_base td.vet {
  vertical-align: top;
}

.table_base th.vat, .table_base td.vat {
  vertical-align: top;
}

.table_base th.tal, .table_base td.tal {
  text-align: left;
}

.table_base th.tar, .table_base td.tar {
  text-align: right;
}

.table_base th.tac, .table_base td.tac {
  text-align: center;
}

.table_base th.bdl, .table_base td.bdl {
  border-left: 1px solid #cccccc !important;
}

.table_base th.bdr, .table_base td.bdr {
  border-right: 1px solid #cccccc !important;
}

.table_base th.bdt_b, .table_base td.bdt_b {
  border-top: 1px solid #999 !important;
}

.table_base .top_bold_bar {
  border-top: 1px solid #999 !important;
}

.table_base .topbar_none {
  border-top: 0px !important;
}

.table_base .bottom_bar {
  border-bottom: 1px solid #cccccc !important;
}

/* ========================== table_list : .name-XXXX */
.list-table th {
  padding: 15px 20px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  color: #111111;
  background-color: #f7f8f8;
}

.list-table td {
  padding: 15px 20px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}

.list-table td .td-inner {
  height: 46px;
}

.list-table td .td-inner.oneline {
  padding-top: 13px;
}

.list-table th.tal, .list-table td.tal {
  text-align: left;
}

.list-table th.tar, .list-table td.tar {
  text-align: right;
}

.list-table th.tac, .list-table td.tac {
  text-align: center;
}

.list-table tbody tr:first-child td {
  border-top: 0;
}

.list-table.top_bold_bar {
  border-top: 1px solid #999;
}

@media all and (max-width: 1023px) {
  .list-table td {
    padding: 15px 10px;
  }
}

/* ==========================  form table : .name-XXXX */
.form-table th {
  padding: 10px 30px;
  background: #f6f6f6;
  text-align: left;
  font-size: 16px;
  color: #333333;
  line-height: 1.36;
}

.form-table th .data_th {
  min-height: 48px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.form-table th .data_th span {
  vertical-align: middle;
  font-size: 16px;
  color: #333333;
  line-height: 1.36;
}

.form-table th, .form-table td {
  padding: 10px 20px;
  border-bottom: 1px solid #e6e6e6;
  height: 30px;
  text-align: left;
}

.form-table th .textarea-box, .form-table td .textarea-box {
  position: relative;
}

.form-table th .textarea-box textarea, .form-table td .textarea-box textarea {
  height: 70px;
}

.form-table th .data_out, .form-table td .data_out {
  min-height: 48px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.form-table th .data_out span, .form-table td .data_out span {
  vertical-align: middle;
  font-size: 16px;
  color: #555555;
  line-height: 1.36;
}

.form-table th .edit_module, .form-table td .edit_module {
  height: 150px;
  overflow-y: auto;
}

.form-table th .form_alert, .form-table td .form_alert {
  display: none;
  margin-top: 5px;
  color: #ea0530;
  font-size: 12px;
}

.form-table th i {
  color: #ea0530;
  margin-left: 3px;
}

.form-table td label {
  margin-right: 30px;
}

.form-table td input, .form-table td a {
  vertical-align: middle;
}

.form-table tr.disabled th, .form-table tr.disabled td {
  color: #aaaaaa;
}

/* 반응형 */
.form_table-list {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #cfcfcf;
}

.form_table-list > .panel-header {
  position: relative;
}

.form_table-list > .panel-header .title em {
  color: #21a099;
}

.form_table-list .panel-body {
  border-top: 1px solid #999;
}

.form_table-list.col_size-50-100 li {
  width: 50%;
}

@media all and (max-width: 1023px) {
  .form_table-list.col_size-50-100 li {
    width: 100%;
  }
}

.form_table-list.data_size-165 .th {
  width: 165px;
}

.form_table-list.data_size-165 .td {
  width: calc( 100% - 165px);
}

@media all and (max-width: 1023px) {
  .form_table-list.data_size-165 .th {
    width: 95px;
  }

  .form_table-list.data_size-165 .td {
    width: calc( 100% - 95px);
  }
}

.form_table-list > li {
  display: flex;
  width: 100%;
  border-top: 1px solid #cfcfcf;
}

.form_table-list .th, .form_table-list .td {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.form_table-list .th em, .form_table-list .td em {
  color: #21a099;
  font-weight: bold;
}

.form_table-list .th {
  padding: 10px 30px;
  min-height: 70px;
  background-color: #f6f6f6;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}

.form_table-list .td {
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}

@media all and (max-width: 1023px) {
  .form_table-list > li:first-child {
    border-top: 1px solid #999;
  }

  .form_table-list .th {
    padding: 5px 15px;
    min-height: 45px;
    font-size: 14px;
    font-weight: 600;
  }

  .form_table-list .td {
    padding: 5px 10px;
    font-size: 14px;
  }
}

.form_table-list.data_size-185 {
  border-top: 1px solid #999999;
}

.form_table-list.data_size-185.data_size-200 .th {
  width: 200px;
}

.form_table-list.data_size-185.data_size-200 .td {
  width: calc( 100% - 200px);
}

.form_table-list.data_size-185.data_size-290 .th {
  width: 261px;
}

.form_table-list.data_size-185.data_size-290 .td {
  width: calc( 100% - 261px);
}

.form_table-list.data_size-185 > li:first-child {
  border-top: 0;
}

.form_table-list.data_size-185 .th {
  width: 190px;
  min-height: 46px;
  line-height: 46px;
  background: none;
  font-size: 20px;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.form_table-list.data_size-185 .th label {
  font-weight: 600;
  font-size: 20px;
}
.form_table-list.data_size-185 .th .multiline {
  position: relative;
  line-height: 1.5;
}
.form_table-list.data_size-185 .th i {
  color: #db1b1b;
  margin-left: 3px;
  margin-top: 3px;
  vertical-align: middle;
}
.form_table-list.data_size-185 .th .multiline i {
  vertical-align: top;
  position: absolute;
}

.form_table-list.data_size-185 .td {
  width: calc( 100% - 190px);
}

.form_table-list.data_size-185 .col_select {
  display: flex;
}

.form_table-list.data_size-185 .col_select .select-box + .select-box {
  margin-left: 10px;
}

.form_table-list.data_size-185 .input_grid {
  display: flex;
  align-items: center;
}

.form_table-list.data_size-185 .input_grid span {
  margin-left: 10px;
}

@media all and (max-width: 1023px) {
  .form_table-list.data_size-185.data_size-200 {
    border-top: none;
  }
  .form_table-list.data_size-185.data_size-290 .th {
    width: 100%;
  }

  .form_table-list.data_size-185.data_size-290 .td {
    width: 100%;
  }

  .form_table-list.data_size-185 > li {
    flex-direction: column;
    border-top: 0;
  }

  .form_table-list.data_size-185 > li:last-child {
    padding-bottom: 25px;
  }
  .form_table-list.data_size-185.data_size-200 .td,
  .form_table-list.data_size-185 .th, .form_table-list.data_size-185 .td {
    width: 100%;
  }

  .form_table-list.data_size-185 .td {
    padding: 0;
  }

  .form_table-list.data_size-185 .th {
    min-height: auto;
    padding: 24px 0 10px;
    font-size: 15px;
    line-height: normal;
  }

  .form_table-list.data_size-185 .th label {
    font-size: 15px;
  }

  .form_table-list.data_size-185 .col_select {
    flex-direction: column;
  }

  .form_table-list.data_size-185 .col_select .select-box + .select-box {
    margin: 10px 0 0;
  }
}

/* ==========================  data table : .name-XXXX */
.data-table {
  width: 100%;
  border-top: 1px solid #999;
}

.data-table th, .data-table td {
  border: 1px solid #ccc;
}

.data-table th {
  background: #f3f3f3;
}

.data-table tr:first-child > th, .data-table tr:first-child > td {
  border-top: 0px;
}

.data-table tr:last-child > th {
  border-bottom: 0px;
}

.data-table tr > th:first-child, .data-table tr > td:first-child {
  border-left: 0px;
}

.data-table tr > th:last-child, .data-table tr > td:last-child {
  border-right: 0px;
}

.data-table.name-condition th, .data-table.name-condition td {
  height: 60px;
}

.data-table.name-condition th {
  background: #f8f8f8;
}

@media all and (max-width: 1023px) {
  .data-table.name-condition th, .data-table.name-condition td {
    height: 45px;
  }

  .data-table.name-condition th {
    font-size: 14px;
  }

  .data-table.name-condition td {
    font-size: 13px;
    line-height: 20px;
  }
}

.data-empty {
  padding: 50px 0;
  text-align: center;
  color: #999;
}

.data-empty.type-big {
  padding: 100px 0;
}

.data-empty.type-big .img_empty img {
  width: 74px;
}

.data-empty.type-big .txt_empty {
  margin-top: 35px;
  text-align: center;
}

.data-empty.type-big .txt_empty .title {
  color: #555;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.data-empty.type-big .txt_empty .desc {
  margin-top: 10px;
  color: #888;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.24px;
}

.data-empty.type-big .empty_btn {
  margin-top: 35px;
  text-align: center;
}

.data-empty.type-big .empty_btn .btn {
  width: 170px;
}

.data-empty.type-big .empty_btn .btn span {
  color: #555;
}

@media all and (max-width: 1023px) {
  .data-empty {
    padding: 25px 0;
  }

  .data-empty.type-big {
    padding: 50px 0;
  }

  .data-empty.type-big .img_empty img {
    width: 50px;
  }

  .data-empty.type-big .txt_empty {
    margin-top: 25px;
  }

  .data-empty.type-big .txt_empty .title {
    font-size: 17px;
  }

  .data-empty.type-big .txt_empty .desc {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
  }
}

/* ========================== LIST comingsoon */
.comingsoon-article .article-inner {
  padding: 0px 0px;
}

.comingsoon-article .img_empty {
  text-align: center;
}

.comingsoon-article .img_empty img {
  width: 270px;
}

.comingsoon-article .txt_empty {
  margin-top: 50px;
  text-align: center;
  color: #333333;
}

.comingsoon-article .txt_empty .title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
}

.comingsoon-article .txt_empty .desc {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .comingsoon-article .article-inner {
    padding: 30px 0px 0px;
  }

  .comingsoon-article .img_empty img {
    width: 135px;
  }

  .comingsoon-article .txt_empty {
    margin-top: 30px;
  }

  .comingsoon-article .txt_empty .title {
    font-size: 22px;
  }

  .comingsoon-article .txt_empty .desc {
    margin-top: 10px;
    font-size: 14px;
  }
}

.mCustomScrollBox {
  padding-right: 0px;
}

.mCustomScrollbar.pr0 > .mCustomScrollBox {
  padding-right: 0px;
}

/* ========================== 약관 내용 */
.terms_contents {
  padding: 0;
 /* ========================== table_terms */;
}

.terms_contents .h1 {
  font-size: 20px;
  color: #111111;
  font-weight: bold;
}

.terms_contents .h2 {
  font-size: 18px;
  color: #111111;
  font-weight: bold;
}

.terms_contents .h3 {
  font-size: 16px;
  color: #111111;
  font-weight: bold;
}

.terms_contents p {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}

.terms_contents p strong {
  color: #111111;
}

.terms_contents ul li {
  line-height: 1.5;
  font-size: 14px;
}

.terms_contents ol {
  padding: 0 0 10px 0px;
}

.terms_contents ol li {
  text-indent: -18px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents .indent-list {
  padding: 0 0 10px 0px;
}

.terms_contents .indent-list li {
  text-indent: -18px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents mark, .terms_contents .mark {
  color: #5aafe6;
  background-color: transparent;
}

.terms_contents .table_terms {
  width: 100%;
}

.terms_contents .table_terms > thead > tr > th {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #111111;
  text-align: center;
  background: #f8f8f8;
}

.terms_contents .table_terms > tbody > tr > th {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #111111;
  text-align: center;
  background: #f8f8f8;
}

.terms_contents .table_terms > tbody > tr > td {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  color: #111111;
  text-align: center;
}

.terms_contents .table_terms > tbody > tr > td a {
  font-size: 14px;
}

.terms_contents .table_terms > tbody > tr > td .font_red {
  color: #db1b1b;
}

.terms_contents .table_terms > tbody > tr > td li {
  font-size: 14px;
}

.terms_contents .table_terms > tbody > tr.rowspan > td:first-child {
  border-left: 1px solid #e1e1e1;
}

/* ========================== 에디터 */
.view_editor-warp {
  padding: 20px 0 60px;
 /* 이미지 맵 */;
}

.view_editor-warp .row_2 {
  display: flex;
}

.view_editor-warp .row_2 .col-item {
  width: 54.6042%;
}

.view_editor-warp .row_2 .col-item:last-child {
  width: 45.3958%;
  padding-left: 60px;
}

.view_editor-warp hr {
  margin: 0;
  margin-top: 20px;
  padding-top: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}

.view_editor-warp p {
  line-height: 1.78;
  font-size: 18px;
  color: #555555;
}

.view_editor-warp p strong {
  font-weight: 600;
  color: #111111;
}

.view_editor-warp p + p {
  margin-top: 30px;
}

.view_editor-warp .btn_set {
  margin-top: 30px;
}

.view_editor-warp .img-box {
  width: auto;
}

.view_editor-warp .img-box img {
  max-width: 100%;
}

.view_editor-warp .img-box.img-tar {
  text-align: center;
}

.view_editor-warp .img-box.img-tac {
  text-align: center;
}

.view_editor-warp .mark_dot-list li {
  position: relative;
  padding-left: 0.5em;
  line-height: 1.78;
  font-size: 18px;
  color: #555555;
}

.view_editor-warp .mark_dot-list li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 14px;
  left: 0;
  background-color: #777777;
}

.view_editor-warp .imgmap_original-area {
  text-align: center;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.view_editor-warp .imgmap_original-area .map-box {
  position: relative;
  width: 740px;
  margin: 0 auto;
}

.view_editor-warp .info-box + .info-box {
  margin-top: 70px;
}

.view_editor-warp .info-box {
  margin-top: 0px;
}

.view_editor-warp .info-box .title + .desc {
  margin-top: 16px;
}

.view_editor-warp .info-box .desc + .desc {
  margin-top: 30px;
}

.view_editor-warp .info-box .title {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 1.36;
}

.view_editor-warp .info-box .desc {
  font-size: 15px;
  font-weight: 400;
  color: #555555;
  line-height: 1.6;
}

.view_editor-warp .info-box .desc a {
  display: inline-block;
}

.view_editor-warp .info-box .desc .sub-links {
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.view_editor-warp .info-box .desc .vide_img-box {
  font-size: 0;
  line-height: 0;
}

.view_editor-warp .info-box .desc .vide_img-box a {
  margin-top: 20px;
  margin-right: 20px;
}

.view_editor-warp .btn.btn_lg {
  width: 240px;
}

@media all and (max-width: 1023px) {
  .view_editor-warp .row_2 {
    display: flex;
    flex-direction: column;
  }

  .view_editor-warp .row_2 .col-item {
    flex: initial;
    width: 100%;
  }

  .view_editor-warp .row_2 .col-item:first-child {
    padding-right: 0px;
  }

  .view_editor-warp .row_2 .col-item + .col-item {
    margin-top: 20px;
    padding-left: 0;
    width: 100%;
  }

  .view_editor-warp hr {
    margin-top: 15px;
    padding-top: 15px;
  }

  .view_editor-warp p {
    font-size: 14px;
  }

  .view_editor-warp p + p {
    margin-top: 20px;
  }

  .view_editor-warp .img-box {
    width: auto;
  }

  .view_editor-warp .img-box img {
    max-width: 100%;
  }

  .view_editor-warp .img-box.img-tar {
    text-align: center;
  }

  .view_editor-warp .img-box.img-tac {
    text-align: center;
  }

  .view_editor-warp .mark_dot-list li {
    position: relative;
    padding-left: 0.5em;
    line-height: 1.5;
    font-size: 14px;
  }

  .view_editor-warp .mark_dot-list li:after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #777777;
  }

  .view_editor-warp .btn.btn_lg {
    width: 200px;
  }

  .view_editor-warp .info-box + .info-box {
    margin-top: 40px;
  }

  .view_editor-warp .info-box {
    margin-top: 0px;
  }

  .view_editor-warp .info-box .title + .desc {
    margin-top: 20px;
  }

  .view_editor-warp .info-box .desc + .desc {
    margin-top: 20px;
  }

  .view_editor-warp .info-box .title {
    /*font-size: 19px;*/
    /*line-height: 1.36;*/
  }

  .view_editor-warp .info-box .desc {
    font-size: 15px;
    line-height: 1.6;
  }

  .view_editor-warp .info-box .desc a {
    display: inline-block;
  }

  .view_editor-warp .info-box .desc .vide_img-box {
    font-size: 0;
    line-height: 0;
  }

  .view_editor-warp .info-box .desc .vide_img-box a {
    display: block;
    margin-top: 17px;
    margin-right: 0px;
  }

  .view_editor-warp .info-box .desc .vide_img-box a img {
    width: 100%;
  }
}

/* ui_common.scss */
/* ====== 버튼 ====== */
a.btn, a.btn.btn_lg, a.btn.btn_sm, a.btn.btn_xs, button.btn, button.btn.btn_lg, button.btn.btn_sm, button.btn.btn_xs {
  font-size: 0;
  line-height: 0;
}

.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 5px 15px 5px;
  margin-bottom: 0;
  font-family: "Pretendard";
  font-weight: 600;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0px;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn span {
  font-family: "Pretendard";
  color: #555;
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  box-sizing: border-box;
  vertical-align: middle;
}

.btn i {
  width: 36px;
  margin-left: 0px;
  vertical-align: middle;
}

.btn i::before {
  font-size: 16px;
}

.btn span + i {
  margin-left: 0px;
}

@media all and (max-width: 1023px) {
  .btn {
    font-size: 14px;
    padding: 3px 15px 3px;
    line-height: 35px;
  }

  .btn span {
    font-size: 14px;
  }
}

.btn_bottom {
  margin-top: 40px;
}

.btn_set-float:after {
  content: '';
  display: block;
  clear: both;
}

.btn_set-float.tac {
  text-align: center;
}

.btn_set-float .btng-l {
  float: left;
}

.btn_set-float .btng-r {
  float: right;
}

.btn_set {
  display: flex;
}

.btn_set .btn_item {
  flex: 1;
  text-align: center;
}

.btn_set .btn_item .btn {
  width: 100%;
}

.btn_set_more {
  text-align: center;
}

.btn_set_more .btn {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .btn_set_more .btn {
    width: 160px;
  }
}

/* 리스트 뷰일때 */
.type-width_list .scroll_top-box .box-inner {
  position: relative;
  padding: 0 60px;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
}

@media all and (max-width: 1439px) {
  .type-width_list .scroll_top-box .box-inner {
    padding: 0 50px;
    max-width: 1420px;
  }
}

@media all and (max-width: 1023px) {
  .type-width_list .scroll_top-box .box-inner {
    padding: 0 25px;
  }
}

/* ====== PAGING ====== */
.paging-area {
  width: 100%;
  clear: both;
  position: relative;
  margin: 20px 0 0px;
  letter-spacing: 0px;
  text-align: center;
}

.paging-area .paging {
  position: relative;
  text-align: center;
  font-size: 0;
}

.paging-area .paging a {
  position: relative;
  display: inline-block;
  color: #555555;
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-decoration: none;
  vertical-align: top;
  padding: 0 10px;
  margin: 0 2px;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 300;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.paging-area .paging a em {
  font-style: normal;
}

.paging-area .paging a.prev, .paging-area .paging a.prev_end, .paging-area .paging a.next, .paging-area .paging a.next_end {
  border: 1px solid transparent;
  box-sizing: border-box;
}

.paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 7px;
}

.paging-area .paging a.prev {
  width: 34px;
  padding: 0px;
  text-indent: -9999px;
}

.paging-area .paging a.prev_end {
  width: 34px;
  padding: 0px;
  text-indent: -9999px;
}

.paging-area .paging a.next {
  width: 34px;
  padding: 0px;
  text-indent: -9999px;
}

.paging-area .paging a.next_end {
  width: 34px;
  padding: 0px;
  text-indent: -9999px;
}

.paging-area .paging .on {
  background: #39c3bc;
  border: 1px solid #39c3bc;
  color: #fff
}

.paging-area .paging .on strong {
  color: #333333;
  font-weight: 600;
}

.paging-area .paging a:hover, .paging-area .paging a:focus, .paging-area .paging a.next:hover, .paging-area .paging a.next_end:hover, .paging-area .paging a.prev:hover, .paging-area .paging a.prev_end:hover {
  border: 1px solid #ededed;
}

@media all and (max-width: 1023px) {
  .paging-area {
    margin: 0px 0 10px;
    letter-spacing: 0px;
    text-align: center;
  }

  .paging-area .paging a, .paging-area .paging strong {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 1px;
    font-size: 14px;
  }

  .paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
  }

  .paging-area .paging a.prev {
    width: 32px;
  }

  .paging-area .paging a.prev_end {
    width: 32px;
  }

  .paging-area .paging a.next {
    width: 32px;
  }

  .paging-area .paging a.next_end {
    width: 32px;
  }
}

/* ================== TAB MENU */
.tab-wrap {
  position: relative;
}

.tab-list {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
 /* ================== TAB MENU tab_type1 */ /* ================== TAB MENU setting */;
}

.tab-list > li {
  display: inline;
  width: 100%;
  list-style: none;
  box-sizing: border-box;
}

.tab-list > li .btn-area {
  position: absolute;
  height: 50px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #000;
}

.tab-list > li .btn-area a {
  font-size: 18px;
  font-weight: bold;
  background-color: #dadada;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.tab-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

.tab-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

.tab-list > li > .con-area {
  display: none;
  width: 100%;
  margin-top: 50px;
  margin-left: 0px;
  left: 0px;
  border: 0px solid #ccc;
  padding: 0 0px;
}

.tab-list > .on .btn-area a {
  color: #ffffff;
  background-color: #21a099;
}

.tab-list > .on > .con-area {
  display: block;
}

.tab-list.tab_type1 > li {
  background: #eaeaea;
}

.tab-list.tab_type1 > li .btn-area {
  color: #555555;
  border: 1px solid #d0d0d0;
  border-bottom: 2px solid #21a099;
  border-left: none;
}

.tab-list.tab_type1 > li .btn-area a {
  background-color: #eaeaea;
}

.tab-list.tab_type1 > li:first-child .btn-area {
  border-left: 1px solid #d0d0d0;
}

.tab-list.tab_type1 > .on .btn-area {
  border: 2px solid #21a099 !important;
  border-bottom: none !important;
}

.tab-list.tab_type1 > .on .btn-area a {
  color: #111111;
  font-weight: bold;
  background-color: #fff;
}

.tab-list.tab_type1 > .on_prev .btn-area {
  border-right: 0px solid transparent;
}

.tab-list.tab_col2 > li .btn-area {
  top: 0;
  left: 0;
  width: 50%;
}

.tab-list.tab_col2 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col2 > li:nth-child(2) .btn-area {
  left: 50%;
}

.tab-list.tab_col3 > li .btn-area {
  top: 0;
  left: 0;
  width: 33.333333333%;
  border-left: 1px solid #cccccc;
}

.tab-list.tab_col3 > li:nth-child(1) .btn-area {
  left: 0;
  border-left: none;
}

.tab-list.tab_col3 > li:nth-child(2) .btn-area {
  left: 33.3333333333%;
}

.tab-list.tab_col3 > li:nth-child(3) .btn-area {
  left: 66.6666666666%;
}

.tab-list.tab_col4 > li .btn-area {
  top: 0;
  left: 0;
  width: 25%;
}

.tab-list.tab_col4 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col4 > li:nth-child(2) .btn-area {
  left: 25%;
}

.tab-list.tab_col4 > li:nth-child(3) .btn-area {
  left: 50%;
}

.tab-list.tab_col4 > li:nth-child(4) .btn-area {
  left: 75%;
}

.tab-list.tab_col5 > li .btn-area {
  top: 0;
  left: 0;
  width: 20%;
}

.tab-list.tab_col5 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col5 > li:nth-child(2) .btn-area {
  left: 20%;
}

.tab-list.tab_col5 > li:nth-child(3) .btn-area {
  left: 40%;
}

.tab-list.tab_col5 > li:nth-child(4) .btn-area {
  left: 60%;
}

.tab-list.tab_col5 > li:nth-child(5) .btn-area {
  left: 80%;
}

/* 아이콘 텝 */
.tab_icon-list {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #ccc;
}

.tab_icon-list li {
  flex: 1;
}

.tab_icon-list li.active .tab-btn::after, .tab_icon-list li:hover .tab-btn::after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #4DADA7;
}

.tab_icon-list li.active .tab-btn .icon, .tab_icon-list li:hover .tab-btn .icon {
  opacity: 1;
}

.tab_icon-list li.active .tab-btn .txt span, .tab_icon-list li:hover .tab-btn .txt span {
  color: #21a099;
  font-weight: bold;
}

.tab_icon-list .tab-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}

.tab_icon-list .tab-btn .icon {
  padding-top: 18px;
  opacity: .6;
  font-size: 0;
  line-height: 0;
}

.tab_icon-list .tab-btn .txt {
  font-size: 22px;
  font-weight: 500;
  color: #555555;
  line-height: 1;
  height: 45px;
  padding-bottom: 10px;
  position: relative;
  font-size: 0;
}

.tab_icon-list .tab-btn .txt::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.tab_icon-list .tab-btn .txt span {
  vertical-align: middle;
  font-size: 22px;
}

/* 텍스트 텝 */
.tab_icon-list + .tab_txt-list, .set-pc_mb + .tab_txt-list {
  margin-top: 40px;
}

@media all and (max-width: 1023px) {
  .tab_icon-list + .tab_txt-list, .set-pc_mb + .tab_txt-list {
    margin-top: 25px;
  }
}

.tab_txt-list {
  display: flex;
  justify-content: center;
}

.tab_txt-list li.active .tab-btn .txt::after, .tab_txt-list li:hover .tab-btn .txt::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-color: #4DADA7;
}

.tab_txt-list li.active .tab-btn .txt span, .tab_txt-list li:hover .tab-btn .txt span {
  color: #21a099;
  font-weight: bold;
}

.tab_txt-list .tab-btn {
  padding: 0 20px;
  text-align: center;
}

.tab_txt-list .tab-btn .txt {
  font-weight: 500;
  color: #555555;
  text-align: center;
  position: relative;
  font-size: 0;
}

.tab_txt-list .tab-btn .txt::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.tab_txt-list .tab-btn .txt span {
  vertical-align: middle;
  font-size: 20px;
  line-height: 24px;
}

@media all and (max-width: 1023px) {
  .tab_txt-list .tab-btn {
    padding: 0 20px;
  }

  .tab_txt-list .tab-btn .txt span {
    vertical-align: middle;
    font-size: 15px;
    line-height: 22px;
  }
}

/* ===================================== main tab : 메인 중양정열 */
.tab-menu-section {
  margin-top: 0;
}

@media all and (max-width: 1023px) {
  .tab-menu-section {
    padding: 0;
  }
}

.tab-area {
 /* 왼쪽정열 [경매 리스트, 검색]  */ /* 왼쪽정열  h:62 font-24 */ /* 왼쪽정열  h:62->h:50  font-24  모바일일때 좌우 패딩 25px */ /* 왼쪽정열  h:62->50  font-24->14  x-scroll */ /* 왼쪽정열  h:62 font-20 */ /* 왼쪽정열 h:74  */ /* 왼쪽정열 h:74 mobile   */ /* 중앙정열 모바일 2줄 [전시 탭]  */;
}

.tab-area.double_line .tab-list li a {
  line-height: 30px;
}

.tab-area .tab-list {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  height: 62px;
}

.tab-area .tab-list li {
  text-align: center;
}

.tab-area .tab-list li a {
  position: relative;
  display: block;
  height: 62px;
  line-height: 60px;
  font-size: 18px;
  color: #777777;
  font-weight: 500;
  white-space: nowrap;
}

.tab-area .tab-list li.active a {
  color: #39c3bc;
  font-weight: 700;
 /* border-bottom: 2px solid $colorP; */;
}

.tab-area .tab-list li.active a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #39c3bc;
}

@media all and (max-width: 1023px) {
  .tab-area {
    overflow: hidden;
    overflow-x: auto;
    height: 44px;
    -ms-overflow-style: none;
 /* IE and Edge */
    scrollbar-width: none;
 /* Firefox */;
  }

  .tab-area::-webkit-scrollbar {
    display: none;
 /* Chrome, Safari, Opera*/;
  }

  .tab-area .tab-list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 25px;
    height: 44px;
    min-width: max-content;
    width:100%;
  }

  .tab-area .tab-list li {
    width: 141px;
    text-align: center;
    flex: none;
  }

  .tab-area .tab-list li a {
    height: 44px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 500;
  }

  .tab-area .tab-list li.active a {
    font-weight: 600;
  }
}
.tab-area.type-left {
  overflow: hidden;
  overflow-x: auto;
}
.tab-area.type-left .tab-list {
  display: flex;
  justify-content: flex-start;
  height: 62px;
}

.tab-area.type-left .tab-list li {
  width: auto;
}

.tab-area.type-left .tab-list li a {
  padding: 0 0px;
  margin-right: 60px;
  font-size: 24px;
  font-weight: 500;
  box-sizing: border-box;
  color: #777777;
  height: 61px;
}

.tab-area.type-left .tab-list li em {
  color: #555;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.tab-area.type-left .tab-list li.active a {
  font-size: 24px;
  font-weight: 700;
  color: #21a099;
}

.tab-area.type-left .tab-list li.active em {
  color: #21a099;
}

@media all and (max-width: 1023px) {
  .tab-area.type-left {
    height: 55px;
  }

  .tab-area.type-left .tab-list {
    padding: 0 25px;
    height: 54px;
    min-width: 100%;
    width: max-content;
  }

  .tab-area.type-left .tab-list li {
    width: auto;
  }

  .tab-area.type-left .tab-list li a {
    padding: 0 0px;
    margin-right: 30px;
    font-size: 16px;
    height: 53px;
    line-height: 53px;
  }

  .tab-area.type-left .tab-list li em {
    font-size: 14px;
    font-weight: 400;
    color: #777777;
  }

  .tab-area.type-left .tab-list li.active a {
    font-size: 16px;
  }
}

.tab-area.type-left_mm.double_line .tab-list {
  height: 80px;
}

.tab-area.type-left_mm.double_line .tab-list li a {
  height: 79px;
}

.tab-area.type-left_mm .tab-list {
  display: flex;
  justify-content: flex-start;
  height: 62px;
}

.tab-area.type-left_mm .tab-list li {
  width: auto;
}

.tab-area.type-left_mm .tab-list li a {
  font-size: 24px;
  font-weight: 500;
  margin-right: 60px;
  height: 61px;
  box-sizing: border-box;
}

.tab-area.type-left_mm .tab-list li.active a {
  font-size: 24px;
  font-weight: 700;
}

@media all and (max-width: 1023px) {
  .tab-area.type-left_mm {
    height: 49px;
  }

  .tab-area.type-left_mm .tab-list {
    padding: 0 0px;
    height: 49px;
  }

  .tab-area.type-left_mm .tab-list li {
    width: auto;
  }

  .tab-area.type-left_mm .tab-list li a {
    padding: 0 0px;
    font-size: 16px;
    margin-right: 30px;
    height: 47px;
    line-height: 47px;
  }

  .tab-area.type-left_mm .tab-list li.active a {
    font-size: 16px;
  }
}

.tab-area.type-left_mm_2 {
  border-bottom: 1px solid #333333;
}

.tab-area.type-left_mm_2 .tab-list {
  display: flex;
  justify-content: flex-start;
  border-bottom: 0;
}

.tab-area.type-left_mm_2 .tab-list li {
  width: auto;
  height: 100%;
}

.tab-area.type-left_mm_2 .tab-list li a {
  height: 100%;
  font-size: 24px;
  font-weight: 500;
  margin-right: 60px;
  box-sizing: border-box;
}

.tab-area.type-left_mm_2 .tab-list li.active a {
  font-size: 24px;
  font-weight: 700;
}

.tab-area.type-left_mm_2 .tab-list li.active a::after {
  height: 3px;
}

@media all and (max-width: 1023px) {
  .tab-area.type-left_mm_2 {
    height: 50px;
  }

  .tab-area.type-left_mm_2 .tab-list {
    padding: 0 25px;
    height: 50px;
  }

  .tab-area.type-left_mm_2 .tab-list li {
    width: auto;
    height: 100%;
  }

  .tab-area.type-left_mm_2 .tab-list li a {
    padding: 0 0px;
    font-size: 16px;
    margin-right: 30px;
    height: 100%;
    line-height: 53px;
  }

  .tab-area.type-left_mm_2 .tab-list li.active a {
    font-size: 16px;
  }
}

.tab-area.type-left_mm_3 {
  border-bottom: 1px solid #ccc;
  overflow-x: auto;
}

.tab-area.type-left_mm_3 .tab-list {
  display: flex;
  justify-content: flex-start;
  height: 62px;
  border-bottom: 0;
  min-width: auto;
}

.tab-area.type-left_mm_3 .tab-list li {
  width: auto;
}

.tab-area.type-left_mm_3 .tab-list li a {
  font-size: 24px;
  font-weight: 500;
  margin-right: 60px;
  height: 61px;
  box-sizing: border-box;
}

.tab-area.type-left_mm_3 .tab-list li.active a {
  font-size: 24px;
  font-weight: 700;
}

.tab-area.type-left_mm_3 .tab-list li.active a::after {
  height: 3px;
}

@media all and (max-width: 1023px) {
  .tab-area.type-left_mm_3 {
    height: 50px;
  }

  .tab-area.type-left_mm_3 .tab-list {
    padding: 0 0px;
    height: 50px;
  }

  .tab-area.type-left_mm_3 .tab-list li {
    width: auto;
  }

  .tab-area.type-left_mm_3 .tab-list li a {
    padding: 0 0px;
    font-size: 14px;
    margin-right: 30px;
    height: 100%;
    line-height: 50px;
  }

  .tab-area.type-left_mm_3 .tab-list li.active a {
    font-size: 14px;
    font-weight: 700;
  }
}

.tab-area.type-left_md .tab-list {
  display: flex;
  justify-content: flex-start;
}

.tab-area.type-left_md .tab-list li {
  width: auto;
}

.tab-area.type-left_md .tab-list li a {
  font-size: 20px;
  font-weight: 500;
  margin-right: 30px;
}

.tab-area.type-left_md .tab-list li.active a {
  font-size: 20px;
  font-weight: 700;
}

@media all and (max-width: 1023px) {
  .tab-area.type-left_md {
    height: 49px;
  }

  .tab-area.type-left_md .tab-list {
    padding: 0 0px;
    height: 49px;
  }

  .tab-area.type-left_md .tab-list li {
    width: auto;
  }

  .tab-area.type-left_md .tab-list li a {
    padding: 0 0px;
    font-size: 15px;
    height: 49px;
    line-height: 53px;
  }

  .tab-area.type-left_md .tab-list li.active a {
    font-size: 15px;
  }
}

.tab-area.type-left_lg {
  border-bottom: 1px solid #ccc;
}

.tab-area.type-left_lg .tab-list {
  display: flex;
  justify-content: flex-start;
  height: auto;
  border-bottom: 0;
}

.tab-area.type-left_lg .tab-list li {
  width: auto;
}

.tab-area.type-left_lg .tab-list li a {
  font-size: 20px;
  font-weight: 500;
  margin-right: 60px;
  line-height: 73px;
  height: 73px;
  box-sizing: border-box;
}

.tab-area.type-left_lg .tab-list li.active a {
  font-size: 20px;
  font-weight: 700;
}

@media all and (max-width: 1023px) {
  .tab-area.type-left_lg {
    height: 49px;
  }

  .tab-area.type-left_lg .tab-list {
    padding: 0 10px;
    height: 49px;
    min-width: auto;
  }

  .tab-area.type-left_lg .tab-list li {
    width: auto;
    /*padding: 0 15px;*/
  }
  .tab-area.type-left_lg .tab-list li:first-child {
    padding-left: 15px
  }

  .tab-area.type-left_lg .tab-list li a {
    padding: 0 0px;
    margin-right: 0;
    font-size: 15px;
    height: 49px;
    line-height: 49px;
  }

  .tab-area.type-left_lg .tab-list li.active a {
    font-size: 15px;
  }
}

.tab-area.type-left_lg2 {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.tab-area.type-left_lg2 .tab-list {
  display: flex;
  justify-content: flex-start;
  height: auto;
  border-bottom: 0;
}

.tab-area.type-left_lg2 .tab-list li {
  width: auto;
}

.tab-area.type-left_lg2 .tab-list li a {
  font-size: 20px;
  font-weight: 500;
  margin-right: 60px;
  line-height: 73px;
  height: 73px;
  box-sizing: border-box;
}

.tab-area.type-left_lg2 .tab-list li.active a {
  font-size: 20px;
  font-weight: 700;
}

@media all and (max-width: 1023px) {
  .tab-area.type-left_lg2 {
    height: 49px;
    margin: 0 -25px;
  }

  .tab-area.type-left_lg2 .tab-list {
    padding: 0 25px;
    height: 49px;
    min-width: auto;
  }

  .tab-area.type-left_lg2 .tab-list li {
    width: auto;
    padding: 0;
  }

  .tab-area.type-left_lg2 .tab-list li a {
    padding: 0 0px;
    margin-right: 0;
    font-size: 15px;
    height: 49px;
    line-height: 49px;
  }

  .tab-area.type-left_lg2 .tab-list li.active a {
    font-size: 15px;
  }

  .tab-area.type-left_lg2 .tab-list li.active a::after {
    bottom: 0;
  }

  .tab-area.type-left_lg2 .tab-list li + li {
    margin-left: 30px;
  }
}

.tab-area.type-center_m2 .tab-list li {
  width: auto;
}

.tab-area.type-center_m2 .tab-list li a {
  display: flex;
  padding: 0 40px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  line-height: 1.36;
}

@media all and (max-width: 1023px) {
  .tab-area.type-center_m2 {
    height: auto;
  }

  .tab-area.type-center_m2 .tab-list {
    justify-content: center;
    height: 77px;
    min-width: auto;
  }

  .tab-area.type-center_m2 .tab-list li {
    width: 50%;
  }

  .tab-area.type-center_m2 .tab-list li a {
    display: flex;
    padding: 16px 20px;
    height: 77px;
  }
}

.tab-area.type-sorting {
  border: 0px;
  width: calc(100% + 10px);
  margin-left: -5px;
}

.tab-area.type-sorting .tab-list {
  height: auto;
  border: 0px;
}

.tab-area.type-sorting .tab-list li {
  border: 1px solid #dedede;
  margin: 0 5px;
}

.tab-area.type-sorting .tab-list li a {
  display: block;
  height: 54px;
  line-height: 52px;
  color: #333333;
  background: #f6f6f6;
  border: 2px solid transparent;
}

.tab-area.type-sorting .tab-list li.active {
  border-color: transparent;
}

.tab-area.type-sorting .tab-list li.active a {
  border-color: #4dada7;
}

.tab-area.type-sorting .tab-list li.active a::after {
  display: none;
}

@media all and (max-width: 1023px) {
  .tab-area.type-sorting {
    height: auto;
    overflow: auto;
    overflow-x: auto;
  }

  .tab-area.type-sorting .tab-list {
    display: block;
    height: auto;
    border: 0px;
    padding: 0;
    min-width: 100%;
    margin-top: -5px;
  }

  .tab-area.type-sorting .tab-list li {
    border: 0;
    padding: 5px 5px;
    margin: 0;
    width: 33.33333%;
    float: left;
  }

  .tab-area.type-sorting .tab-list li a {
    display: block;
    height: 54px;
    line-height: 52px;
    color: #333333;
    background: #f6f6f6;
    border: 2px solid #dedede;
  }

  .tab-area.type-sorting .tab-list li.active a {
    border-color: #4dada7;
  }

  .tab-area.type-sorting .tab-list li.active a::after {
    display: none;
  }
}

.tab-cont, .tab_cont {
  display: none;
}

.tab-cont.active, .tab_cont.active {
  display: block;
}

.sub_tab-area .tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 82px;
}

.sub_tab-area .tab-list li {
  width: auto;
  margin: 0 9px;
}

.sub_tab-area .tab-list li a {
  position: relative;
  display: block;
  height: 82px;
  color: #555555;
  white-space: nowrap;
  min-width: 204px;
}

.sub_tab-area .tab-list li a span {
  display: block;
  color: #999999;
  font-weight: 700;
}

.sub_tab-area .tab-list li a::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(-45deg, transparent 4px, #ccc 0);
}

.sub_tab-area .tab-list li.active a {
  color: #333333;
}

.sub_tab-area .tab-list li.active a span {
  color: #21a099;
}

.sub_tab-area .tab-list li.active a::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(-45deg, transparent 4px, #21a099 0);
}

.sub_tab-area .tab-list.type2 li a {
  min-width: 265px;
}

.tab-cont-sub {
  display: none;
}

.tab-cont-sub.active {
  display: block;
}

@media all and (max-width: 1023px) {
  .tab-cont {
    display: none;
  }

  .tab-cont.active {
    display: block;
  }

  .sub_tab-area .tab-list {
    height: 50px;
    width: calc( 100% + 12px);
    margin-left: -6px;
    height: 100%;
    justify-content: space-between;
  }

  .sub_tab-area .tab-list li {
    width: 50%;
    margin: 10px 0 10px;
    padding: 0 6px;
  }

  .sub_tab-area .tab-list li a {
    height: 50px;
    min-width: auto;
  }

  .sub_tab-area .tab-list li a::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(-45deg, transparent 2px, #ccc 0);
  }

  .sub_tab-area .tab-list li.active a::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(-45deg, transparent 2px, #21a099 0);
  }

  .sub_tab-area .tab-list.type2 li a {
    min-width: auto;
  }
}

/* ================== accordion MENU */
.accordion-wrap.noneline {
  border-top: 0;
}

.accordion-wrap {
  border-top: 1px solid #acacac;
}

.accordion-list {
  border-top: 1px solid #acacac;
}

.accordion-list > li {
  border-bottom: 1px solid #d4d4d4;
}

.accordion-list > li .header-area {
  position: relative;
  background-color: #f6f6f6;
}

.accordion-list > li .header-area .accordion_name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.accordion-list > li .header-area .acc_btn {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 20px 50px 28px 20px;
}

.accordion-list > li .header-area .acc_btn i {
  position: absolute;
  top: 18px;
  right: 15px;
}

.accordion-list > li > .con-area {
  display: none;
  padding: 30px;
}

.accordion-list > li.on .header-area .acc_btn i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-list.policy .header-area {
  position: relative;
  white-space: normal;
}

.accordion-list.policy .header-area .accordion_name {
  padding: 24px 50px 24px 30px;
  white-space: normal;
}

.accordion-list.policy .header-area .accordion_name.eng_accordion {
  padding: 15px 50px 15px 30px;
}

.accordion-list.policy .header-area .acc_btn {
  position: absolute;
  right: 25px;
  top: 50%;
  height: 30px;
  margin-top: -15px;
  padding: 0;
}

.accordion-list.policy .header-area .acc_btn i {
  position: static;
}

.accordion-list.faq .header-area {
  position: relative;
  white-space: normal;
  background-color: #fff;
}

.accordion-list.faq .header-area .accordion_name {
  padding: 44px 50px 44px 65px;
  white-space: normal;
  color: #333;
}

.accordion-list.faq .header-area .accordion_name .faq {
  font-size: 28px;
  font-weight: 600;
  color: #21a099;
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 40px;
}

.accordion-list.faq .header-area .accordion_name .icon-accordion_arrow_down {
  position: absolute;
  right: 25px;
  top: 50%;
  height: 30px;
  margin-top: -15px;
  padding: 0;
}

.accordion-list.faq .con-area {
  background: #f6f6f6;
  padding: 55px 60px 55px 104px;
  position: relative;
}

.accordion-list.faq .con-area .faq {
  font-size: 28px;
  font-weight: 600;
  color: #555555;
  display: inline-block;
  width: 44px;
  margin-left: -44px;
  float: left;
}

.accordion-list.faq > li.on .header-area .icon-accordion_arrow_down {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media all and (max-width: 1023px) {
  .accordion-list > li .header-area .acc_btn {
    padding: 16px 40px 16px 16px;
  }

  .accordion-list > li > .con-area {
    display: none;
    padding: 15px;
  }

  .accordion-list.policy .header-area .accordion_name {
    padding: 15px 45px 15px 15px;
    white-space: normal;
  }

  .accordion-list.policy .header-area .accordion_name.eng_accordion {
    padding: 10px 45px 10px 15px;
  }

  .accordion-list.policy .header-area .acc_btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    right: 10px;
  }

  .accordion-list.faq .header-area .accordion_name {
    padding: 17px 50px 17px 20px;
  }

  .accordion-list.faq .header-area .accordion_name .faq {
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 16px;
  }

  .accordion-list.faq .header-area .accordion_name .icon-accordion_arrow_down {
    position: absolute;
    right: 14px;
    top: 50%;
    height: 16px;
    margin-top: -8px;
  }

  .accordion-list.faq .con-area {
    padding: 25px 20px 25px 42px;
  }

  .accordion-list.faq .con-area .faq {
    font-size: 18px;
    width: 20px;
    margin-left: -20px;
  }
}

/* ================== gallery-wrap 스와이퍼 기본속성 */
.gallery-wrap {
  position: relative;
}

.gallery-wrap .gallery_container {
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.gallery-wrap .gallery_container .swiper-slide img {
  width: 100%;
}

.gallery-wrap .btn-next, .gallery-wrap .btn-prev {
  overflow: hidden;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.gallery-wrap:hover .btn-next {
  background-color: rgba(0, 0, 0, 0.5);
}

.gallery-wrap:hover .btn-prev {
  background-color: rgba(0, 0, 0, 0.5);
}

.gallery-wrap:hover .btn-next:hover, .gallery-wrap:hover .btn-prev:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.gallery-wrap .btn-next {
  right: 0;
}

.gallery-wrap .btn-prev {
  left: 0;
}

.gallery-wrap .pagination {
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.gallery-wrap .pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: #ccc;
  opacity: 1;
}

.gallery-wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #555;
}

@media all and (max-width: 1023px) {
  .gallery-wrap .gallery_container {
    overflow: visible;
  }
  .gallery-wrap .gallery_container.exhibit_gallery{
    overflow: visible;
  }

  .gallery-wrap .btn-next {
    display: none;
  }

  .gallery-wrap .btn-prev {
    display: none;
  }

  .gallery-wrap .pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 2px;
  }
}

div.mojs_hart {
  z-index: 13;
}

.contents, .popupfixed-wrap, .filter_fixed-wrap {
 /* ======================== input text  */ /* placeholder */ /* ======================== focus, ,disabled, input_error */ /* focus */ /* read only,  disabled */ /* error */ /* input 삭제 */ /* 검색 */ /* ======================== textarea  */ /* ======================== input byte  */ /* ========================  input radio */ /* ========================  input checkbox */ /* ========================  select : 44 < 56 */ /* ========================  input file */ /* ========================  jQuery datepicker */ /* 커스텀 카운터 인풋 박스 */ /* ========================  timepicker */ /* ========================  starpoint */;
}

.contents select, .contents button, .contents input, .popupfixed-wrap select, .popupfixed-wrap button, .popupfixed-wrap input, .filter_fixed-wrap select, .filter_fixed-wrap button, .filter_fixed-wrap input {
  font-family: "Pretendard", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
}

.contents input[type="text"].placeholdersjs, .contents input[type="password"].placeholdersjs, .contents input[type="number"].placeholdersjs, .contents input[type="url"].placeholdersjs, .contents input[type="email"].placeholdersjs, .contents input[type="search"].placeholdersjs, .contents textarea.placeholdersjs, .popupfixed-wrap input[type="text"].placeholdersjs, .popupfixed-wrap input[type="password"].placeholdersjs, .popupfixed-wrap input[type="number"].placeholdersjs, .popupfixed-wrap input[type="url"].placeholdersjs, .popupfixed-wrap input[type="email"].placeholdersjs, .popupfixed-wrap input[type="search"].placeholdersjs, .popupfixed-wrap textarea.placeholdersjs, .filter_fixed-wrap input[type="text"].placeholdersjs, .filter_fixed-wrap input[type="password"].placeholdersjs, .filter_fixed-wrap input[type="number"].placeholdersjs, .filter_fixed-wrap input[type="url"].placeholdersjs, .filter_fixed-wrap input[type="email"].placeholdersjs, .filter_fixed-wrap input[type="search"].placeholdersjs, .filter_fixed-wrap textarea.placeholdersjs {
  color: #aaaaaa;
}

.contents input[type="text"]:-ms-input-placeholder, .contents input[type="password"]:-ms-input-placeholder, .contents input[type="number"]:-ms-input-placeholder, .contents input[type="url"]:-ms-input-placeholder, .contents input[type="email"]:-ms-input-placeholder, .contents input[type="search"]:-ms-input-placeholder, .contents textarea:-ms-input-placeholder, .popupfixed-wrap input[type="text"]:-ms-input-placeholder, .popupfixed-wrap input[type="password"]:-ms-input-placeholder, .popupfixed-wrap input[type="number"]:-ms-input-placeholder, .popupfixed-wrap input[type="url"]:-ms-input-placeholder, .popupfixed-wrap input[type="email"]:-ms-input-placeholder, .popupfixed-wrap input[type="search"]:-ms-input-placeholder, .popupfixed-wrap textarea:-ms-input-placeholder, .filter_fixed-wrap input[type="text"]:-ms-input-placeholder, .filter_fixed-wrap input[type="password"]:-ms-input-placeholder, .filter_fixed-wrap input[type="number"]:-ms-input-placeholder, .filter_fixed-wrap input[type="url"]:-ms-input-placeholder, .filter_fixed-wrap input[type="email"]:-ms-input-placeholder, .filter_fixed-wrap input[type="search"]:-ms-input-placeholder, .filter_fixed-wrap textarea:-ms-input-placeholder {
  color: #aaaaaa;
}

.contents input[type="text"]::-webkit-input-placeholder, .contents input[type="password"]::-webkit-input-placeholder, .contents input[type="number"]::-webkit-input-placeholder, .contents input[type="url"]::-webkit-input-placeholder, .contents input[type="email"]::-webkit-input-placeholder, .contents input[type="search"]::-webkit-input-placeholder, .contents textarea::-webkit-input-placeholder, .popupfixed-wrap input[type="text"]::-webkit-input-placeholder, .popupfixed-wrap input[type="password"]::-webkit-input-placeholder, .popupfixed-wrap input[type="number"]::-webkit-input-placeholder, .popupfixed-wrap input[type="url"]::-webkit-input-placeholder, .popupfixed-wrap input[type="email"]::-webkit-input-placeholder, .popupfixed-wrap input[type="search"]::-webkit-input-placeholder, .popupfixed-wrap textarea::-webkit-input-placeholder, .filter_fixed-wrap input[type="text"]::-webkit-input-placeholder, .filter_fixed-wrap input[type="password"]::-webkit-input-placeholder, .filter_fixed-wrap input[type="number"]::-webkit-input-placeholder, .filter_fixed-wrap input[type="url"]::-webkit-input-placeholder, .filter_fixed-wrap input[type="email"]::-webkit-input-placeholder, .filter_fixed-wrap input[type="search"]::-webkit-input-placeholder, .filter_fixed-wrap textarea::-webkit-input-placeholder {
  color: #aaaaaa;
}

.contents input[type="text"]::-moz-placeholder, .contents input[type="password"]::-moz-placeholder, .contents input[type="number"]::-moz-placeholder, .contents input[type="url"]::-moz-placeholder, .contents input[type="email"]::-moz-placeholder, .contents input[type="search"]::-moz-placeholder, .contents textarea::-moz-placeholder, .popupfixed-wrap input[type="text"]::-moz-placeholder, .popupfixed-wrap input[type="password"]::-moz-placeholder, .popupfixed-wrap input[type="number"]::-moz-placeholder, .popupfixed-wrap input[type="url"]::-moz-placeholder, .popupfixed-wrap input[type="email"]::-moz-placeholder, .popupfixed-wrap input[type="search"]::-moz-placeholder, .popupfixed-wrap textarea::-moz-placeholder, .filter_fixed-wrap input[type="text"]::-moz-placeholder, .filter_fixed-wrap input[type="password"]::-moz-placeholder, .filter_fixed-wrap input[type="number"]::-moz-placeholder, .filter_fixed-wrap input[type="url"]::-moz-placeholder, .filter_fixed-wrap input[type="email"]::-moz-placeholder, .filter_fixed-wrap input[type="search"]::-moz-placeholder, .filter_fixed-wrap textarea::-moz-placeholder {
  color: #aaaaaa;
}

.contents em.star, .popupfixed-wrap em.star, .filter_fixed-wrap em.star {
  display: inline-block;
  height: 14px;
  padding: 0 5px;
  color: #f24848;
  font-weight: bold;
}
input[type="tel"],
.contents input[type="text"], .contents input[type="password"], .contents input[type="number"],
.contents input[type="url"], .contents input[type="email"], .contents input[type="search"],
.popupfixed-wrap input[type="text"],
.popupfixed-wrap input[type="password"],
.popupfixed-wrap input[type="number"],
.popupfixed-wrap input[type="url"],
.popupfixed-wrap input[type="email"],
.popupfixed-wrap input[type="search"],
.filter_fixed-wrap input[type="text"],
.filter_fixed-wrap input[type="password"],
.filter_fixed-wrap input[type="number"],
.filter_fixed-wrap input[type="url"],
.filter_fixed-wrap input[type="email"],
.filter_fixed-wrap input[type="search"] {
  width: 100%;
  height: 48px;
  padding: 8px 15px 8px;
  font-size: 18px;
  vertical-align: middle;
  border: 1px solid #ccc;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
}

@media all and (max-width: 1023px) {
  input[type="tel"],
  .contents input[type="text"], .contents input[type="password"], .contents input[type="number"], .contents input[type="url"], .contents input[type="email"], .contents input[type="search"], .popupfixed-wrap input[type="text"], .popupfixed-wrap input[type="password"], .popupfixed-wrap input[type="number"], .popupfixed-wrap input[type="url"], .popupfixed-wrap input[type="email"], .popupfixed-wrap input[type="search"], .filter_fixed-wrap input[type="text"], .filter_fixed-wrap input[type="password"], .filter_fixed-wrap input[type="number"], .filter_fixed-wrap input[type="url"], .filter_fixed-wrap input[type="email"], .filter_fixed-wrap input[type="search"] {
    font-size: 14px;
    padding: 5px 15px 5px;
    line-height: 22px;
    height: 43px;
  }
}

.contents input[type="text"].h56, .contents input[type="password"].h56, .contents input[type="number"].h56, .contents input[type="url"].h56, .contents input[type="email"].h56, .contents input[type="search"].h56, .popupfixed-wrap input[type="text"].h56, .popupfixed-wrap input[type="password"].h56, .popupfixed-wrap input[type="number"].h56, .popupfixed-wrap input[type="url"].h56, .popupfixed-wrap input[type="email"].h56, .popupfixed-wrap input[type="search"].h56, .filter_fixed-wrap input[type="text"].h56, .filter_fixed-wrap input[type="password"].h56, .filter_fixed-wrap input[type="number"].h56, .filter_fixed-wrap input[type="url"].h56, .filter_fixed-wrap input[type="email"].h56, .filter_fixed-wrap input[type="search"].h56 {
  height: 56px;
}

@media all and (max-width: 1023px) {
  .contents input[type="text"].h56, .contents input[type="password"].h56, .contents input[type="number"].h56, .contents input[type="url"].h56, .contents input[type="email"].h56, .contents input[type="search"].h56, .popupfixed-wrap input[type="text"].h56, .popupfixed-wrap input[type="password"].h56, .popupfixed-wrap input[type="number"].h56, .popupfixed-wrap input[type="url"].h56, .popupfixed-wrap input[type="email"].h56, .popupfixed-wrap input[type="search"].h56, .filter_fixed-wrap input[type="text"].h56, .filter_fixed-wrap input[type="password"].h56, .filter_fixed-wrap input[type="number"].h56, .filter_fixed-wrap input[type="url"].h56, .filter_fixed-wrap input[type="email"].h56, .filter_fixed-wrap input[type="search"].h56 {
    font-size: 13px;
    padding: 5px 15px 5px;
    line-height: 22px;
    height: 53px;
  }
}

.contents input[type="text"].h42, .contents input[type="password"].h42, .contents input[type="number"].h42, .contents input[type="url"].h42, .contents input[type="email"].h42, .contents input[type="search"].h42, .popupfixed-wrap input[type="text"].h42, .popupfixed-wrap input[type="password"].h42, .popupfixed-wrap input[type="number"].h42, .popupfixed-wrap input[type="url"].h42, .popupfixed-wrap input[type="email"].h42, .popupfixed-wrap input[type="search"].h42, .filter_fixed-wrap input[type="text"].h42, .filter_fixed-wrap input[type="password"].h42, .filter_fixed-wrap input[type="number"].h42, .filter_fixed-wrap input[type="url"].h42, .filter_fixed-wrap input[type="email"].h42, .filter_fixed-wrap input[type="search"].h42 {
  height: 42px;
  font-size: 14px;
}

@media all and (max-width: 1023px) {
  .contents input[type="text"].h42, .contents input[type="password"].h42, .contents input[type="number"].h42, .contents input[type="url"].h42, .contents input[type="email"].h42, .contents input[type="search"].h42, .popupfixed-wrap input[type="text"].h42, .popupfixed-wrap input[type="password"].h42, .popupfixed-wrap input[type="number"].h42, .popupfixed-wrap input[type="url"].h42, .popupfixed-wrap input[type="email"].h42, .popupfixed-wrap input[type="search"].h42, .filter_fixed-wrap input[type="text"].h42, .filter_fixed-wrap input[type="password"].h42, .filter_fixed-wrap input[type="number"].h42, .filter_fixed-wrap input[type="url"].h42, .filter_fixed-wrap input[type="email"].h42, .filter_fixed-wrap input[type="search"].h42 {
    font-size: 13px;
    padding: 5px 15px 5px;
    line-height: 22px;
    height: 43px;
  }
}

.contents input[type="text"]:focus, .contents input[type="text"]:hover, .contents input[type="password"]:focus, .contents input[type="password"]:hover, .contents input[type="number"]:focus, .contents input[type="number"]:hover, .contents input[type="url"]:focus, .contents input[type="url"]:hover, .contents input[type="email"]:focus, .contents input[type="email"]:hover, .contents input[type="search"]:focus, .contents input[type="search"]:hover, .popupfixed-wrap input[type="text"]:focus, .popupfixed-wrap input[type="text"]:hover, .popupfixed-wrap input[type="password"]:focus, .popupfixed-wrap input[type="password"]:hover, .popupfixed-wrap input[type="number"]:focus, .popupfixed-wrap input[type="number"]:hover, .popupfixed-wrap input[type="url"]:focus, .popupfixed-wrap input[type="url"]:hover, .popupfixed-wrap input[type="email"]:focus, .popupfixed-wrap input[type="email"]:hover, .popupfixed-wrap input[type="search"]:focus, .popupfixed-wrap input[type="search"]:hover, .filter_fixed-wrap input[type="text"]:focus, .filter_fixed-wrap input[type="text"]:hover, .filter_fixed-wrap input[type="password"]:focus, .filter_fixed-wrap input[type="password"]:hover, .filter_fixed-wrap input[type="number"]:focus, .filter_fixed-wrap input[type="number"]:hover, .filter_fixed-wrap input[type="url"]:focus, .filter_fixed-wrap input[type="url"]:hover, .filter_fixed-wrap input[type="email"]:focus, .filter_fixed-wrap input[type="email"]:hover, .filter_fixed-wrap input[type="search"]:focus, .filter_fixed-wrap input[type="search"]:hover {
  border-color: #333333;
}

.contents input[type="text"]:readonly, .contents input[type="text"].readonly, .contents input[type="text"]:disabled, .contents input[type="text"].disabled, .contents input[type="password"]:readonly, .contents input[type="password"].readonly, .contents input[type="password"]:disabled, .contents input[type="password"].disabled, .contents input[type="number"]:readonly, .contents input[type="number"].readonly, .contents input[type="number"]:disabled, .contents input[type="number"].disabled, .contents input[type="url"]:readonly, .contents input[type="url"].readonly, .contents input[type="url"]:disabled, .contents input[type="url"].disabled, .contents input[type="email"]:readonly, .contents input[type="email"].readonly, .contents input[type="email"]:disabled, .contents input[type="email"].disabled, .contents input[type="search"]:readonly, .contents input[type="search"].readonly, .contents input[type="search"]:disabled, .contents input[type="search"].disabled, .popupfixed-wrap input[type="text"]:readonly, .popupfixed-wrap input[type="text"].readonly, .popupfixed-wrap input[type="text"]:disabled, .popupfixed-wrap input[type="text"].disabled, .popupfixed-wrap input[type="password"]:readonly, .popupfixed-wrap input[type="password"].readonly, .popupfixed-wrap input[type="password"]:disabled, .popupfixed-wrap input[type="password"].disabled, .popupfixed-wrap input[type="number"]:readonly, .popupfixed-wrap input[type="number"].readonly, .popupfixed-wrap input[type="number"]:disabled, .popupfixed-wrap input[type="number"].disabled, .popupfixed-wrap input[type="url"]:readonly, .popupfixed-wrap input[type="url"].readonly, .popupfixed-wrap input[type="url"]:disabled, .popupfixed-wrap input[type="url"].disabled, .popupfixed-wrap input[type="email"]:readonly, .popupfixed-wrap input[type="email"].readonly, .popupfixed-wrap input[type="email"]:disabled, .popupfixed-wrap input[type="email"].disabled, .popupfixed-wrap input[type="search"]:readonly, .popupfixed-wrap input[type="search"].readonly, .popupfixed-wrap input[type="search"]:disabled, .popupfixed-wrap input[type="search"].disabled, .filter_fixed-wrap input[type="text"]:readonly, .filter_fixed-wrap input[type="text"].readonly, .filter_fixed-wrap input[type="text"]:disabled, .filter_fixed-wrap input[type="text"].disabled, .filter_fixed-wrap input[type="password"]:readonly, .filter_fixed-wrap input[type="password"].readonly, .filter_fixed-wrap input[type="password"]:disabled, .filter_fixed-wrap input[type="password"].disabled, .filter_fixed-wrap input[type="number"]:readonly, .filter_fixed-wrap input[type="number"].readonly, .filter_fixed-wrap input[type="number"]:disabled, .filter_fixed-wrap input[type="number"].disabled, .filter_fixed-wrap input[type="url"]:readonly, .filter_fixed-wrap input[type="url"].readonly, .filter_fixed-wrap input[type="url"]:disabled, .filter_fixed-wrap input[type="url"].disabled, .filter_fixed-wrap input[type="email"]:readonly, .filter_fixed-wrap input[type="email"].readonly, .filter_fixed-wrap input[type="email"]:disabled, .filter_fixed-wrap input[type="email"].disabled, .filter_fixed-wrap input[type="search"]:readonly, .filter_fixed-wrap input[type="search"].readonly, .filter_fixed-wrap input[type="search"]:disabled, .filter_fixed-wrap input[type="search"].disabled {
  background-color: #f6f6f6;
  color: #aaaaaa;
}

.contents input[type="text"]:readonly + i:first-child, .contents input[type="text"].readonly + i:first-child, .contents input[type="text"]:disabled + i:first-child, .contents input[type="text"].disabled + i:first-child, .contents input[type="password"]:readonly + i:first-child, .contents input[type="password"].readonly + i:first-child, .contents input[type="password"]:disabled + i:first-child, .contents input[type="password"].disabled + i:first-child, .contents input[type="number"]:readonly + i:first-child, .contents input[type="number"].readonly + i:first-child, .contents input[type="number"]:disabled + i:first-child, .contents input[type="number"].disabled + i:first-child, .contents input[type="url"]:readonly + i:first-child, .contents input[type="url"].readonly + i:first-child, .contents input[type="url"]:disabled + i:first-child, .contents input[type="url"].disabled + i:first-child, .contents input[type="email"]:readonly + i:first-child, .contents input[type="email"].readonly + i:first-child, .contents input[type="email"]:disabled + i:first-child, .contents input[type="email"].disabled + i:first-child, .contents input[type="search"]:readonly + i:first-child, .contents input[type="search"].readonly + i:first-child, .contents input[type="search"]:disabled + i:first-child, .contents input[type="search"].disabled + i:first-child, .popupfixed-wrap input[type="text"]:readonly + i:first-child, .popupfixed-wrap input[type="text"].readonly + i:first-child, .popupfixed-wrap input[type="text"]:disabled + i:first-child, .popupfixed-wrap input[type="text"].disabled + i:first-child, .popupfixed-wrap input[type="password"]:readonly + i:first-child, .popupfixed-wrap input[type="password"].readonly + i:first-child, .popupfixed-wrap input[type="password"]:disabled + i:first-child, .popupfixed-wrap input[type="password"].disabled + i:first-child, .popupfixed-wrap input[type="number"]:readonly + i:first-child, .popupfixed-wrap input[type="number"].readonly + i:first-child, .popupfixed-wrap input[type="number"]:disabled + i:first-child, .popupfixed-wrap input[type="number"].disabled + i:first-child, .popupfixed-wrap input[type="url"]:readonly + i:first-child, .popupfixed-wrap input[type="url"].readonly + i:first-child, .popupfixed-wrap input[type="url"]:disabled + i:first-child, .popupfixed-wrap input[type="url"].disabled + i:first-child, .popupfixed-wrap input[type="email"]:readonly + i:first-child, .popupfixed-wrap input[type="email"].readonly + i:first-child, .popupfixed-wrap input[type="email"]:disabled + i:first-child, .popupfixed-wrap input[type="email"].disabled + i:first-child, .popupfixed-wrap input[type="search"]:readonly + i:first-child, .popupfixed-wrap input[type="search"].readonly + i:first-child, .popupfixed-wrap input[type="search"]:disabled + i:first-child, .popupfixed-wrap input[type="search"].disabled + i:first-child, .filter_fixed-wrap input[type="text"]:readonly + i:first-child, .filter_fixed-wrap input[type="text"].readonly + i:first-child, .filter_fixed-wrap input[type="text"]:disabled + i:first-child, .filter_fixed-wrap input[type="text"].disabled + i:first-child, .filter_fixed-wrap input[type="password"]:readonly + i:first-child, .filter_fixed-wrap input[type="password"].readonly + i:first-child, .filter_fixed-wrap input[type="password"]:disabled + i:first-child, .filter_fixed-wrap input[type="password"].disabled + i:first-child, .filter_fixed-wrap input[type="number"]:readonly + i:first-child, .filter_fixed-wrap input[type="number"].readonly + i:first-child, .filter_fixed-wrap input[type="number"]:disabled + i:first-child, .filter_fixed-wrap input[type="number"].disabled + i:first-child, .filter_fixed-wrap input[type="url"]:readonly + i:first-child, .filter_fixed-wrap input[type="url"].readonly + i:first-child, .filter_fixed-wrap input[type="url"]:disabled + i:first-child, .filter_fixed-wrap input[type="url"].disabled + i:first-child, .filter_fixed-wrap input[type="email"]:readonly + i:first-child, .filter_fixed-wrap input[type="email"].readonly + i:first-child, .filter_fixed-wrap input[type="email"]:disabled + i:first-child, .filter_fixed-wrap input[type="email"].disabled + i:first-child, .filter_fixed-wrap input[type="search"]:readonly + i:first-child, .filter_fixed-wrap input[type="search"].readonly + i:first-child, .filter_fixed-wrap input[type="search"]:disabled + i:first-child, .filter_fixed-wrap input[type="search"].disabled + i:first-child {
  z-index: 1;
}

.contents input[type="text"].input_error, .contents input[type="password"].input_error, .contents input[type="number"].input_error, .contents input[type="url"].input_error, .contents input[type="email"].input_error, .contents input[type="search"].input_error, .popupfixed-wrap input[type="text"].input_error, .popupfixed-wrap input[type="password"].input_error, .popupfixed-wrap input[type="number"].input_error, .popupfixed-wrap input[type="url"].input_error, .popupfixed-wrap input[type="email"].input_error, .popupfixed-wrap input[type="search"].input_error, .filter_fixed-wrap input[type="text"].input_error, .filter_fixed-wrap input[type="password"].input_error, .filter_fixed-wrap input[type="number"].input_error, .filter_fixed-wrap input[type="url"].input_error, .filter_fixed-wrap input[type="email"].input_error, .filter_fixed-wrap input[type="search"].input_error {
  border-color: #DB1B1B;
}

.contents .input-box, .popupfixed-wrap .input-box, .filter_fixed-wrap .input-box {
  position: relative;
  vertical-align: top;
}

.contents .input-box .error_msg, .popupfixed-wrap .input-box .error_msg, .filter_fixed-wrap .input-box .error_msg {
  margin-top: 10px;
  display: inline-block;
  font-size: 16px;
  line-height: 1.36;
  color: #db1b1b;
}

.contents .input-box .check_byte-w, .popupfixed-wrap .input-box .check_byte-w, .filter_fixed-wrap .input-box .check_byte-w {
  padding-right: 90px !important;
}

.contents .input-box .check_byte-h, .popupfixed-wrap .input-box .check_byte-h, .filter_fixed-wrap .input-box .check_byte-h {
  padding-bottom: 50px !important;
}

.contents .input-box label, .contents .input-box .dash, .popupfixed-wrap .input-box label, .popupfixed-wrap .input-box .dash, .filter_fixed-wrap .input-box label, .filter_fixed-wrap .input-box .dash {
  display: inline-block;
  padding: 8px 20px 8px;
  box-sizing: border-box;
}

.contents .input-box label:frist-child, .popupfixed-wrap .input-box label:frist-child, .filter_fixed-wrap .input-box label:frist-child {
  padding-left: 0;
}

.contents .input-box .dash, .popupfixed-wrap .input-box .dash, .filter_fixed-wrap .input-box .dash {
  padding: 8px 0px 8px 0px;
}

.contents .input-box input[type="text"], .contents .input-box input[type="password"], .contents .input-box input[type="number"], .contents .input-box input[type="url"], .contents .input-box input[type="email"], .contents .input-box input[type="search"], .popupfixed-wrap .input-box input[type="text"], .popupfixed-wrap .input-box input[type="password"], .popupfixed-wrap .input-box input[type="number"], .popupfixed-wrap .input-box input[type="url"], .popupfixed-wrap .input-box input[type="email"], .popupfixed-wrap .input-box input[type="search"], .filter_fixed-wrap .input-box input[type="text"], .filter_fixed-wrap .input-box input[type="password"], .filter_fixed-wrap .input-box input[type="number"], .filter_fixed-wrap .input-box input[type="url"], .filter_fixed-wrap .input-box input[type="email"], .filter_fixed-wrap .input-box input[type="search"] {
  padding: 8px 15px 8px;
}

.contents .input-box .btn, .popupfixed-wrap .input-box .btn, .filter_fixed-wrap .input-box .btn {
  margin-top: -1px;
}

.contents .input-box .byte_check, .popupfixed-wrap .input-box .byte_check, .filter_fixed-wrap .input-box .byte_check {
  position: absolute;
  top: 10px;
  right: 15px;
}

.contents .input-box .byte_check em, .popupfixed-wrap .input-box .byte_check em, .filter_fixed-wrap .input-box .byte_check em {
  vertical-align: middle;
  font-size: 14px;
  color: #e90000;
}

.contents .input-box .byte_check span, .popupfixed-wrap .input-box .byte_check span, .filter_fixed-wrap .input-box .byte_check span {
  vertical-align: middle;
  font-size: 14px;
}

@media all and (max-width: 1023px) {
  .contents .input-box .error_msg, .popupfixed-wrap .input-box .error_msg, .filter_fixed-wrap .input-box .error_msg {
    margin-top: 8px;
    font-size: 13px;
  }
}

.contents .input_del, .popupfixed-wrap .input_del, .filter_fixed-wrap .input_del {
  position: relative;
  display: block;
}

.contents .input_del input, .popupfixed-wrap .input_del input, .filter_fixed-wrap .input_del input {
  padding-right: 25px;
  padding-right: 48px;
}

.contents .input_del button, .popupfixed-wrap .input_del button, .filter_fixed-wrap .input_del button {
  display: none;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -10px;
  font-size: 0;
  line-height: 0;
}

@media all and (max-width: 1023px) {
  .contents .input_del button, .popupfixed-wrap .input_del button, .filter_fixed-wrap .input_del button {
    margin-top: -8px;
  }
}

.contents .search-box, .popupfixed-wrap .search-box, .filter_fixed-wrap .search-box {
  position: relative;
}

.contents .search-box input, .popupfixed-wrap .search-box input, .filter_fixed-wrap .search-box input {
  padding-right: 40px;
  padding-left: 20px;
}

.contents .search-box .form-search_md, .popupfixed-wrap .search-box .form-search_md, .filter_fixed-wrap .search-box .form-search_md {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 30px;
  height: 30px;
}

@media all and (max-width: 1023px) {
  .contents .search-box select, .popupfixed-wrap .search-box select, .filter_fixed-wrap .search-box select {
    padding: 10px 15px;
    font-size: 13px;
    line-height: 21px;
  }

  .contents .search-box .form-search_md, .popupfixed-wrap .search-box .form-search_md, .filter_fixed-wrap .search-box .form-search_md {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 30px;
    height: 30px;
  }
}

.contents .textarea-box textarea, .popupfixed-wrap .textarea-box textarea, .filter_fixed-wrap .textarea-box textarea {
  width: 100%;
  height: 145px;
  padding: 8px 15px 8px;
  border: 1px solid #B2B2B2;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}

.contents .textarea-box textarea:focus, .contents .textarea-box textarea:hover, .popupfixed-wrap .textarea-box textarea:focus, .popupfixed-wrap .textarea-box textarea:hover, .filter_fixed-wrap .textarea-box textarea:focus, .filter_fixed-wrap .textarea-box textarea:hover {
  border-color: #333333;
}

.contents .textarea-box .byte_check, .popupfixed-wrap .textarea-box .byte_check, .filter_fixed-wrap .textarea-box .byte_check {
  margin-top: 0px;
  text-align: right;
  color: #777777;
  font-size: 16px;
}

.contents .textarea-box .byte_check em, .popupfixed-wrap .textarea-box .byte_check em, .filter_fixed-wrap .textarea-box .byte_check em {
  vertical-align: bottom;
  font-size: 16px;
  color: #21a099;
  font-weight: 400;
}

.contents .textarea-box .byte_check span, .popupfixed-wrap .textarea-box .byte_check span, .filter_fixed-wrap .textarea-box .byte_check span {
  vertical-align: bottom;
}

.contents .textarea-box.byte, .popupfixed-wrap .textarea-box.byte, .filter_fixed-wrap .textarea-box.byte {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}

.contents .textarea-box.byte textarea, .popupfixed-wrap .textarea-box.byte textarea, .filter_fixed-wrap .textarea-box.byte textarea {
  width: calc(100% - 110px);
}

.contents .textarea-box.byte .byte_check, .popupfixed-wrap .textarea-box.byte .byte_check, .filter_fixed-wrap .textarea-box.byte .byte_check {
  margin-left: 15px;
  width: 95px;
  text-align: left;
}

@media all and (max-width: 1023px) {
  .contents .textarea-box textarea, .popupfixed-wrap .textarea-box textarea, .filter_fixed-wrap .textarea-box textarea {
    height: 86px;
  }

  .contents .textarea-box.byte, .popupfixed-wrap .textarea-box.byte, .filter_fixed-wrap .textarea-box.byte {
    align-items: flex-end;
    flex-direction: column;
  }

  .contents .textarea-box.byte textarea, .popupfixed-wrap .textarea-box.byte textarea, .filter_fixed-wrap .textarea-box.byte textarea {
    width: 100%;
    height: 255px;
    font-size: 14px;
  }

  .contents .textarea-box.byte .byte_check, .popupfixed-wrap .textarea-box.byte .byte_check, .filter_fixed-wrap .textarea-box.byte .byte_check {
    margin-top: 10px;
    font-size: 13px;
    width: 100%;
    text-align: right;
  }

  .contents .textarea-box.byte .byte_check em, .popupfixed-wrap .textarea-box.byte .byte_check em, .filter_fixed-wrap .textarea-box.byte .byte_check em {
    font-size: 13px;
  }
}

.contents .input-byte, .popupfixed-wrap .input-byte, .filter_fixed-wrap .input-byte {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.contents .input-byte input, .popupfixed-wrap .input-byte input, .filter_fixed-wrap .input-byte input {
  width: calc(100% - 110px);
}

.contents .input-byte .byte_check, .popupfixed-wrap .input-byte .byte_check, .filter_fixed-wrap .input-byte .byte_check {
  margin-left: 15px;
  width: 95px;
  text-align: left;
  color: #777777;
  font-size: 16px;
}

.contents .input-byte .byte_check em, .popupfixed-wrap .input-byte .byte_check em, .filter_fixed-wrap .input-byte .byte_check em {
  font-weight: 400;
  color: #21a099;
  font-size: 16px;
}

@media all and (max-width: 1023px) {
  .contents .input-byte, .popupfixed-wrap .input-byte, .filter_fixed-wrap .input-byte {
    align-items: flex-end;
    flex-direction: column;
  }

  .contents .input-byte input, .popupfixed-wrap .input-byte input, .filter_fixed-wrap .input-byte input {
    width: 100%;
  }

  .contents .input-byte .byte_check, .popupfixed-wrap .input-byte .byte_check, .filter_fixed-wrap .input-byte .byte_check {
    margin-top: 10px;
    font-size: 13px;
    width: 100%;
    text-align: right;
  }

  .contents .input-byte .byte_check em, .popupfixed-wrap .input-byte .byte_check em, .filter_fixed-wrap .input-byte .byte_check em {
    font-size: 13px;
  }
}

.contents .trp.radio-box + .trp.radio-box, .popupfixed-wrap .trp.radio-box + .trp.radio-box, .filter_fixed-wrap .trp.radio-box + .trp.radio-box {
  margin-left: 40px;
}

.contents .trp.radio-box, .popupfixed-wrap .trp.radio-box, .filter_fixed-wrap .trp.radio-box {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  min-height: 24px;
}
.input-top-mt {
  margin-top: 12px;
}
.input-wth-264 {
  width: 264px;
}
 .popupfixed-wrap .trp.radio-box label, .filter_fixed-wrap .trp.radio-box label {
  display: inline-block;
  height: 24px;
  margin-left: 0px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.contents .trp.radio-box label {
  display: inline-block;
  height: 24px;
  margin-left: 0px;
  color: var(--Semantic-Color-Gray-Text-component-default, #444);
  font-size: var(--Font-size-font-size-base, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-line-height-lg, 24px); /* 150% */
}

.contents .trp.radio-box em, .popupfixed-wrap .trp.radio-box em, .filter_fixed-wrap .trp.radio-box em {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.contents .trp.radio-box input[type="radio"], .popupfixed-wrap .trp.radio-box input[type="radio"], .filter_fixed-wrap .trp.radio-box input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
 /*  width:100%; */
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.contents .trp.radio-box input[type="radio"] + i, .popupfixed-wrap .trp.radio-box input[type="radio"] + i, .filter_fixed-wrap .trp.radio-box input[type="radio"] + i {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0px;
}

.contents .trp.radio-box input[type="radio"] + i:after, .popupfixed-wrap .trp.radio-box input[type="radio"] + i:after, .filter_fixed-wrap .trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -150px;
  width: 20px;
  height: 20px;
}

.contents .trp.radio-box input[type="radio"]:checked + i:after, .popupfixed-wrap .trp.radio-box input[type="radio"]:checked + i:after, .filter_fixed-wrap .trp.radio-box input[type="radio"]:checked + i:after {
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -180px;
  width: 20px;
  height: 20px;
}

.contents .trp.radio-box input[type="radio"]:disabled + i, .popupfixed-wrap .trp.radio-box input[type="radio"]:disabled + i, .filter_fixed-wrap .trp.radio-box input[type="radio"]:disabled + i {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.contents .trp.radio-box input[type="radio"]:disabled + i:after, .popupfixed-wrap .trp.radio-box input[type="radio"]:disabled + i:after, .filter_fixed-wrap .trp.radio-box input[type="radio"]:disabled + i:after {
  display: block;
  content: '';
 /* @include sp_icons($form-radio-dim); */;
}

.contents .trp.radio-box input[type="radio"]:disabled + i + label, .popupfixed-wrap .trp.radio-box input[type="radio"]:disabled + i + label, .filter_fixed-wrap .trp.radio-box input[type="radio"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
 /*  color:$colorL; */;
}
.contents .checkbox_wrap_mo-block .trp.checkbox-box,
.popupfixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box,
.filter_fixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box {
  margin-right: 40px;

}
.contents .checkbox_wrap_mo-block .trp.checkbox-box + .trp.checkbox-box,
.popupfixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box + .trp.checkbox-box,
.filter_fixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box + .trp.checkbox-box {
  margin-left: 0
}

@media all and (max-width: 1023px) {
  .contents .trp.radio-box, .popupfixed-wrap .trp.radio-box, .filter_fixed-wrap .trp.radio-box {
    padding-left: 25px;
    min-height: 17px;
  }
  .contents .radio_wrap.mo-block .trp.radio-box,
  .popupfixed-wrap .radio_wrap.mo-block .trp.radio-box,
  .filter_fixed-wrap .radio_wrap.mo-block .trp.radio-box {
    display: block;
  }
  .contents .radio_wrap.mo-block .trp.radio-box + .trp.radio-box,
  .popupfixed-wrap .radio_wrap.mo-block .trp.radio-box + .trp.radio-box,
  .filter_fixed-wrap .radio_wrap.mo-block .trp.radio-box + .trp.radio-box {
    margin-left: 0;
    margin-top: 16px;
  }
  .contents .checkbox_wrap_mo-block .trp.checkbox-box,
  .popupfixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box,
  .filter_fixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box {
    display: block;
  }
  .contents .checkbox_wrap_mo-block .trp.checkbox-box + .trp.checkbox-box,
  .popupfixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box + .trp.checkbox-box,
  .filter_fixed-wrap .checkbox_wrap_mo-block .trp.checkbox-box + .trp.checkbox-box {
    margin-left: 0;
    margin-top: 16px;
  }


  .contents .trp.radio-box + .trp.radio-box, .popupfixed-wrap .trp.radio-box + .trp.radio-box, .filter_fixed-wrap .trp.radio-box + .trp.radio-box {
    margin-left: 30px;
  }

  .contents .trp.radio-box label, .popupfixed-wrap .trp.radio-box label, .filter_fixed-wrap .trp.radio-box label {
    height: 17px;
    font-size: 14px;
    line-height: 17px;
  }

  .contents .trp.radio-box input[type="radio"], .popupfixed-wrap .trp.radio-box input[type="radio"], .filter_fixed-wrap .trp.radio-box input[type="radio"] {
    width: 17px;
    height: 17px;
  }

  .contents .trp.radio-box input[type="radio"] + i:after, .popupfixed-wrap .trp.radio-box input[type="radio"] + i:after, .filter_fixed-wrap .trp.radio-box input[type="radio"] + i:after {
    display: block;
    content: '';
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -100px 0px;
    width: 17px;
    height: 17px;
  }

  .contents .trp.radio-box input[type="radio"]:checked + i:after, .popupfixed-wrap .trp.radio-box input[type="radio"]:checked + i:after, .filter_fixed-wrap .trp.radio-box input[type="radio"]:checked + i:after {
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -100px -22px;
    width: 17px;
    height: 17px;
  }
}

.contents .trp.radio-box.re label, .popupfixed-wrap .trp.radio-box.re label, .filter_fixed-wrap .trp.radio-box.re label {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  text-indent: 0px;
}

.contents .trp.radio-box.re input[type="radio"] + i, .popupfixed-wrap .trp.radio-box.re input[type="radio"] + i, .filter_fixed-wrap .trp.radio-box.re input[type="radio"] + i {
  position: relative;
}

.contents .trp.checkbox-box + .trp.checkbox-box, .popupfixed-wrap .trp.checkbox-box + .trp.checkbox-box, .filter_fixed-wrap .trp.checkbox-box + .trp.checkbox-box {
  margin-left: 40px;
}

.contents .trp.checkbox-box + .trp.checkbox-box, .popupfixed-wrap .trp.checkbox-box + .trp.checkbox-box, .filter_fixed-wrap .trp.checkbox-box + .trp.checkbox-box {
  margin-left: 40px;
}

.contents .trp.checkbox-box, .popupfixed-wrap .trp.checkbox-box, .filter_fixed-wrap .trp.checkbox-box {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  min-height: 24px;
}

.contents .trp.checkbox-box label, .popupfixed-wrap .trp.checkbox-box label, .filter_fixed-wrap .trp.checkbox-box label {
  display: inline-block;
  height: 24px;
  margin-left: 0px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}


.contents .trp.checkbox-box em, .popupfixed-wrap .trp.checkbox-box em, .filter_fixed-wrap .trp.checkbox-box em {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.contents .trp.checkbox-box input[type="checkbox"], .popupfixed-wrap .trp.checkbox-box input[type="checkbox"], .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
 /*  width:100%; */
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.contents .trp.checkbox-box input[type="checkbox"] + i, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"] + i, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"] + i {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0px;
}

.contents .trp.checkbox-box input[type="checkbox"] + i:after, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"] + i:after, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px 0px;
  width: 20px;
  height: 20px;
}

.contents .trp.checkbox-box input[type="checkbox"]:checked + i:after, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"]:checked + i:after, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"]:checked + i:after {
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -30px;
  width: 20px;
  height: 20px;
}

.contents .trp.checkbox-box input[type="checkbox"]:disabled + i, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"]:disabled + i, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"]:disabled + i {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.contents .trp.checkbox-box input[type="checkbox"]:disabled + i:after, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"]:disabled + i:after, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"]:disabled + i:after {
  display: block;
  content: '';
 /* @include sp_icons($form-checkbox-dim); */;
}

.contents .trp.checkbox-box input[type="checkbox"]:disabled + i + label, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"]:disabled + i + label, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
 /* color:$colorL; */;
}

@media all and (max-width: 1023px) {
  .contents .trp.checkbox-box, .popupfixed-wrap .trp.checkbox-box, .filter_fixed-wrap .trp.checkbox-box {
    padding-left: 25px;
    min-height: 17px;
  }

  .contents .trp.checkbox-box + .trp.checkbox-box, .popupfixed-wrap .trp.checkbox-box + .trp.checkbox-box, .filter_fixed-wrap .trp.checkbox-box + .trp.checkbox-box {
    margin-left: 30px;
  }

  .contents .trp.checkbox-box label, .popupfixed-wrap .trp.checkbox-box label, .filter_fixed-wrap .trp.checkbox-box label {
    height: 17px;
    font-size: 14px;
    line-height: 17px;
  }

  .contents .trp.checkbox-box input[type="checkbox"], .popupfixed-wrap .trp.checkbox-box input[type="checkbox"], .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"] {
    width: 17px;
    height: 17px;
  }

  .contents .trp.checkbox-box input[type="checkbox"] + i:after, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"] + i:after, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"] + i:after {
    display: block;
    content: '';
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -25px -70px;
    width: 17px;
    height: 17px;
  }

  .contents .trp.checkbox-box input[type="checkbox"]:checked + i:after, .popupfixed-wrap .trp.checkbox-box input[type="checkbox"]:checked + i:after, .filter_fixed-wrap .trp.checkbox-box input[type="checkbox"]:checked + i:after {
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -47px -70px;
    width: 17px;
    height: 17px;
  }
}

.contents .trp.checkbox-box.re label, .popupfixed-wrap .trp.checkbox-box.re label, .filter_fixed-wrap .trp.checkbox-box.re label {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.contents .trp.checkbox-box.re input[type="checkbox"] + i, .popupfixed-wrap .trp.checkbox-box.re input[type="checkbox"] + i, .filter_fixed-wrap .trp.checkbox-box.re input[type="checkbox"] + i {
  position: relative;
}

.contents .input-group, .popupfixed-wrap .input-group, .filter_fixed-wrap .input-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.contents .input-group input, .popupfixed-wrap .input-group input, .filter_fixed-wrap .input-group input {
  width: calc( 100% - 140px);
}

.contents .input-group .btn, .popupfixed-wrap .input-group .btn, .filter_fixed-wrap .input-group .btn {
  width: 140px;
  border-left: 0;
}

@media all and (max-width: 1023px) {
  .contents .input-group input, .popupfixed-wrap .input-group input, .filter_fixed-wrap .input-group input {
    width: calc( 100% - 115px);
  }

  .contents .input-group .btn, .popupfixed-wrap .input-group .btn, .filter_fixed-wrap .input-group .btn {
    width: 115px;
    height: 43px;
  }
}

.contents .error_text, .popupfixed-wrap .error_text, .filter_fixed-wrap .error_text {
  color: #DB1B1B;
}

.contents .ok_text, .popupfixed-wrap .ok_text, .filter_fixed-wrap .ok_text {
  color: #0040E4;
}

.contents .search-group, .popupfixed-wrap .search-group, .filter_fixed-wrap .search-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.contents .search-group input, .popupfixed-wrap .search-group input, .filter_fixed-wrap .search-group input {
  width: calc( 100% - 65px);
}

.contents .search-group .btn, .popupfixed-wrap .search-group .btn, .filter_fixed-wrap .search-group .btn {
  width: 85px;
}

@media all and (max-width: 1023px) {
  .contents .search-group input, .popupfixed-wrap .search-group input, .filter_fixed-wrap .search-group input {
    width: calc( 100% - 85px);
  }

  .contents .search-group .btn, .popupfixed-wrap .search-group .btn, .filter_fixed-wrap .search-group .btn {
    width: 85px;
    height: 43px;
  }
}

.contents .search-group.sm input, .popupfixed-wrap .search-group.sm input, .filter_fixed-wrap .search-group.sm input {
  height: 42px;
  font-size: 16px;
}

.contents .search-group.sm .btn, .popupfixed-wrap .search-group.sm .btn, .filter_fixed-wrap .search-group.sm .btn {
  height: 42px;
  padding: 3px 15px 3px;
}

@media all and (max-width: 1023px) {
  .contents .search-group.sm input, .popupfixed-wrap .search-group.sm input, .filter_fixed-wrap .search-group.sm input {
    width: calc( 100% - 85px);
    font-size: 13px;
    padding: 5px 15px 5px;
    line-height: 22px;
  }

  .contents .search-group.sm .btn, .popupfixed-wrap .search-group.sm .btn, .filter_fixed-wrap .search-group.sm .btn {
    width: 85px;
  }
}

.contents .pw_mask_box, .popupfixed-wrap .pw_mask_box, .filter_fixed-wrap .pw_mask_box {
  position: relative;
}

.contents .pw_mask_box input[type="password"], .popupfixed-wrap .pw_mask_box input[type="password"], .filter_fixed-wrap .pw_mask_box input[type="password"] {
  padding-right: 63px;
}

.contents .pw_mask_box .input-side, .popupfixed-wrap .pw_mask_box .input-side, .filter_fixed-wrap .pw_mask_box .input-side {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 16px;
}

.contents .pw_mask_box .btn_pw_mask, .popupfixed-wrap .pw_mask_box .btn_pw_mask, .filter_fixed-wrap .pw_mask_box .btn_pw_mask {
  font-size: 0;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -573px -902px;
  width: 27px;
  height: 27px;
}

.contents .pw_mask_box .btn_pw_mask.on, .popupfixed-wrap .pw_mask_box .btn_pw_mask.on, .filter_fixed-wrap .pw_mask_box .btn_pw_mask.on {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -610px -902px;
  width: 27px;
  height: 27px;
}

@media all and (max-width: 1023px) {
  .contents .pw_mask_box input[type="password"], .popupfixed-wrap .pw_mask_box input[type="password"], .filter_fixed-wrap .pw_mask_box input[type="password"] {
    padding-right: 53px;
  }

  .contents .pw_mask_box .input-side, .popupfixed-wrap .pw_mask_box .input-side, .filter_fixed-wrap .pw_mask_box .input-side {
    padding: 8px 15px;
  }
}

.contents .select-box, .popupfixed-wrap .select-box, .filter_fixed-wrap .select-box {
  position: relative;
 /* .icon-select_arrow */ /* h42 -> 43 */ /* 드롭다운 커스텀 */ /* type ===  */;
}

.contents .select-box select, .popupfixed-wrap .select-box select, .filter_fixed-wrap .select-box select {
  width: 100%;
  padding: 9px 15px 9px 15px;
  background-color: transparent;
  border: 1px solid #B2B2B2;
  border-radius: 0px;
  -webkit-appearance: none;
  font-size: 18px;
  line-height: 24px;
}

.contents .select-box select:hover, .popupfixed-wrap .select-box select:hover, .filter_fixed-wrap .select-box select:hover {
  border: 1px solid #333333;
}

@media all and (max-width: 1023px) {
  .contents .select-box select, .popupfixed-wrap .select-box select, .filter_fixed-wrap .select-box select {
    font-size: 14px;
  }
}

.contents .select-box > i, .popupfixed-wrap .select-box > i, .filter_fixed-wrap .select-box > i {
  position: absolute;
  top: 4px;
  right: 8px;
  width: 36px;
  height: 36px;
  z-index: 1;
  pointer-events: none;
  background-color: #fff;
}

.contents .select-box.h56-point_line, .popupfixed-wrap .select-box.h56-point_line, .filter_fixed-wrap .select-box.h56-point_line {
 /* .icon-select_arrow */;
}

.contents .select-box.h56-point_line select, .popupfixed-wrap .select-box.h56-point_line select, .filter_fixed-wrap .select-box.h56-point_line select {
  padding: 13px 15px;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
  border: 3px solid #4DADA7;
}

.contents .select-box.h56-point_line > i, .popupfixed-wrap .select-box.h56-point_line > i, .filter_fixed-wrap .select-box.h56-point_line > i {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 36px;
  height: 36px;
}

@media all and (max-width: 1023px) {
  .contents .select-box.h56-point_line select, .popupfixed-wrap .select-box.h56-point_line select, .filter_fixed-wrap .select-box.h56-point_line select {
    padding: 13px 15px 13px 15px;
    font-size: 15px;
    line-height: 22px;
  }
}

.contents .select-box.h42-line select, .popupfixed-wrap .select-box.h42-line select, .filter_fixed-wrap .select-box.h42-line select {
  padding: 10px 40px 10px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #555555;
  line-height: 20px;
}

.contents .select-box.h42-line .form-select_arrow_md, .popupfixed-wrap .select-box.h42-line .form-select_arrow_md, .filter_fixed-wrap .select-box.h42-line .form-select_arrow_md {
  position: absolute;
  top: 6px;
  right: 7px;
  width: 30px;
  height: 30px;
}

@media all and (max-width: 1023px) {
  .contents .select-box.h42-line select, .popupfixed-wrap .select-box.h42-line select, .filter_fixed-wrap .select-box.h42-line select {
    padding: 10px 40px 10px 20px;
    font-size: 13px;
    line-height: 21px;
  }

  .contents .select-box.h42-line .form-select_arrow_md, .popupfixed-wrap .select-box.h42-line .form-select_arrow_md, .filter_fixed-wrap .select-box.h42-line .form-select_arrow_md {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 30px;
    height: 30px;
  }
}

.contents .select-box .trp-dropdown-area, .popupfixed-wrap .select-box .trp-dropdown-area, .filter_fixed-wrap .select-box .trp-dropdown-area {
  position: relative;
}

.contents .select-box .trp-dropdown-area.h42-line button, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line button, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line button {
  padding: 10px 40px 10px 0px;
  font-size: 18px;
  font-weight: 500;
  color: #555555;
  line-height: 22px;
}

.contents .select-box .trp-dropdown-area.h42-line button em, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line button em, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line button em {
  color: #21a099;
  font-weight: 600;
}

.contents .select-box .trp-dropdown-area.h42-line button span, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line button span, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line button span {
  font-size: 16px;
  color: #333333;
  margin-left: 10px;
  font-weight: bold;
}

.contents .select-box .trp-dropdown-area.h42-line .form-select_arrow_md, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line .form-select_arrow_md, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line .form-select_arrow_md {
  position: absolute;
  top: 6px;
  right: 7px;
  width: 30px;
  height: 30px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .trp-dropdown-area.h42-line button, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line button, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line button {
    padding: 6px 40px 6px 0px;
    font-size: 14px;
    line-height: 23px;
  }

  .contents .select-box .trp-dropdown-area.h42-line button em, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line button em, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line button em {
    font-weight: 600;
  }

  .contents .select-box .trp-dropdown-area.h42-line button span, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line button span, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line button span {
    font-size: 13px;
    font-weight: 600;
  }

  .contents .select-box .trp-dropdown-area.h42-line .form-select_arrow_md, .popupfixed-wrap .select-box .trp-dropdown-area.h42-line .form-select_arrow_md, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-line .form-select_arrow_md {
    position: absolute;
    top: 2.5px;
    right: 7px;
    width: 30px;
    height: 30px;
  }
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box {
  position: absolute;
  top: 42px;
  display: none;
  z-index: 1;
  padding: 10px 0 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  min-width: 100%;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box {
  border-bottom: 1px solid #ccc;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box input, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box input, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box input {
  border: 0;
  font-size: 16px;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box i, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box i, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box i {
  top: 9px;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box .list-box, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .list-box, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .list-box {
  max-height: 520px;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box li.on a, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box li.on a, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box li.on a {
  background-color: #ededed;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box a, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box a .image-area, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a .image-area, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a .image-area {
  width: 50px;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box a .typo-area, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a .typo-area, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a .typo-area {
  width: calc(100% - 50px);
  padding-left: 18px;
  text-align: left;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box a:hover, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a:hover, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a:hover {
  background-color: #ededed;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box a em, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a em, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a em {
  color: #21a099;
  font-weight: 600;
}

.contents .select-box .trp-dropdown-area .trp-dropdown_list-box a span, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a span, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a span {
  font-size: 16px;
  font-weight: 600;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .contents .select-box .trp-dropdown-area .trp-dropdown_list-box, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box {
    top: 35px;
    min-width: 200px;
  }

  .contents .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box {
    margin-top: 0;
  }

  .contents .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box input, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box input, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box input {
    border: 0;
    font-size: 16px;
  }

  .contents .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box i, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box i, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box .search-box i {
    top: 5px;
  }

  .contents .select-box .trp-dropdown-area .trp-dropdown_list-box a, .popupfixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a, .filter_fixed-wrap .select-box .trp-dropdown-area .trp-dropdown_list-box a {
    font-size: 14px;
  }
}

.contents .select-box .trp-dropdown-area.h42-lines button, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines button, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines button {
  padding: 10px 40px 10px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #555555;
  border: 1px solid #cccccc;
  line-height: 20px;
  width: 100%;
  text-align: left;
  border-radius: 3px;
}

.contents .select-box .trp-dropdown-area.h42-lines button em, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines button em, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines button em {
  color: #21a099;
  font-weight: 600;
}

.contents .select-box .trp-dropdown-area.h42-lines button span, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines button span, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines button span {
  font-size: 16px;
  color: #555;
  margin-left: 0px;
  font-weight: 400;
}

.contents .select-box .trp-dropdown-area.h42-lines .form-select_arrow_md, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines .form-select_arrow_md, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines .form-select_arrow_md {
  position: absolute;
  top: 8px;
  right: 7px;
  width: 30px;
  height: 30px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .trp-dropdown-area.h42-lines button, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines button, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines button {
    padding: 6px 40px 6px 0px;
    font-size: 14px;
    line-height: 23px;
  }

  .contents .select-box .trp-dropdown-area.h42-lines button em, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines button em, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines button em {
    font-weight: 600;
  }

  .contents .select-box .trp-dropdown-area.h42-lines button span, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines button span, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines button span {
    font-size: 13px;
    font-weight: 600;
  }

  .contents .select-box .trp-dropdown-area.h42-lines .form-select_arrow_md, .popupfixed-wrap .select-box .trp-dropdown-area.h42-lines .form-select_arrow_md, .filter_fixed-wrap .select-box .trp-dropdown-area.h42-lines .form-select_arrow_md {
    position: absolute;
    top: 2.5px;
    right: 7px;
    width: 30px;
    height: 30px;
  }
}

.contents .select-box .trp-dropdown-area.h50-line_center button, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button {
  padding: 15px 50px 15px 50px;
  font-size: 18px;
  font-weight: 500;
  color: #555555;
  border: 1px solid #cccccc;
  line-height: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
}

.contents .select-box .trp-dropdown-area.h50-line_center button em, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button em, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button em {
  color: #21a099;
  font-weight: 600;
}

.contents .select-box .trp-dropdown-area.h50-line_center button span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button span {
  font-size: 18px;
  color: #333333;
  margin-left: 0px;
  font-weight: 600;
}

.contents .select-box .trp-dropdown-area.h50-line_center button i, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button i, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button i {
  position: absolute;
  top: 10px;
  right: 10px;
}

.contents .select-box .trp-dropdown-area.h50-line_center button.active i, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button.active i, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button.active i {
  transform: rotate(180deg);
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box {
  top: 50px;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box {
  padding: 10px;
  text-align: center;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box span {
  font-size: 15px;
  line-height: 1.5;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box {
  max-height: 100%;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box a, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box a, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box a {
  display: block;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box a .typo-area, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box a .typo-area, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box a .typo-area {
  width: 100%;
  text-align: center;
  padding-left: 0;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li span {
  font-size: 18px;
  color: #777777;
  line-height: 1.5;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li.active span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li.active span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li.active span {
  color: #db1b1b;
}

.contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li.active ~ li span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li.active ~ li span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box li.active ~ li span {
  color: #333333;
}

@media all and (max-width: 1023px) {
  .contents .select-box .trp-dropdown-area.h50-line_center button, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button {
    padding: 15px 40px 15px 40px;
    font-size: 14px;
    line-height: 20px;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center button em, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button em, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button em {
    font-weight: 600;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center button span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center button span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center button span {
    font-size: 15px;
    font-weight: 600;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box {
    top: 51px;
    width: 100%;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box {
    padding: 10px;
    text-align: center;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .legend-box span {
    font-size: 15px;
    line-height: 1.5;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box {
    max-width: 100%;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box a, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box a, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box a {
    display: block;
    padding: 8px 15px;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box a .typo-area, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box a .typo-area, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box a .typo-area {
    width: 100%;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li span {
    font-size: 15px;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li.active span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li.active span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li.active span {
    color: #db1b1b;
  }

  .contents .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li.active ~ li span, .popupfixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li.active ~ li span, .filter_fixed-wrap .select-box .trp-dropdown-area.h50-line_center .trp-dropdown_list-box .list-box li.active ~ li span {
    color: #777777;
  }
}

.contents .select-box .select2Basic, .contents .select-box .select2Basic42, .contents .select-box .select2Basic_pop, .popupfixed-wrap .select-box .select2Basic, .popupfixed-wrap .select-box .select2Basic42, .popupfixed-wrap .select-box .select2Basic_pop, .filter_fixed-wrap .select-box .select2Basic, .filter_fixed-wrap .select-box .select2Basic42, .filter_fixed-wrap .select-box .select2Basic_pop {
  width: 100%;
  min-width: 100%;
  height: 48px;
}

.contents .select-box .select2-container, .popupfixed-wrap .select-box .select2-container, .filter_fixed-wrap .select-box .select2-container {
  text-align: left;
  font-size: 0;
  line-height: 0;
  width: 100% !important;
}

.contents .select-box .select2-container .selection, .popupfixed-wrap .select-box .select2-container .selection, .filter_fixed-wrap .select-box .select2-container .selection {
  width: 100%;
}

.contents .select-box .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2-container .select2-selection--single {
  height: 48px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2-container .select2-selection--single {
    height: 43px;
  }
}

.contents .select-box .select2-results__option, .popupfixed-wrap .select-box .select2-results__option, .filter_fixed-wrap .select-box .select2-results__option {
  padding: 0 15px;
}

.contents .select-box .select2-container--default .select2-selection--single, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single {
  border: 1px solid #ccc;
  border-radius: 3px;
}

.contents .select-box .select2-container--default .select2-selection--single:hover, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single:hover, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single:hover {
  border: 1px solid #333333;
}

.contents .select-box .select2-container--default .select2-selection--single:focus, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single:focus, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single:focus {
  border: 1px solid #333333;
}

.contents .select-box .select2-container--default .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 46px;
  padding: 0 48px 0 15px;
  font-size: 18px;
  color: #999
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2-container--default .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
    padding: 0 40px 0 15px;
    font-size: 14px;
  }
}

.contents .select-box .select2-container--default .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0px;
  height: 48px;
  width: 43px;
}

.contents .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  left: 0;
  margin-left: 0;
  margin-top: -17px;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -806px -850px;
  width: 36px;
  height: 36px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2-container--default .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px;
  }

  .contents .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -186px;
    width: 36px;
    height: 36px;
  }
}

.contents .select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
 /* border-color: #888 transparent transparent transparent; */ /* border-width: 5px 4px 0 4px; */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.contents .select-box .select2Basic42 + .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single {
  height: 42px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic42 + .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single {
    height: 43px;
  }
}

.contents .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  padding: 0 42px 0 15px;
  font-size: 14px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
    padding: 0 43px 0 15px;
    font-size: 14px;
  }
}

.contents .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0px;
  height: 42px;
  width: 42px;
}

.contents .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  left: auto;
  right: 8px;
  margin-left: 0;
  margin-top: -15px;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -40px -190px;
  width: 30px;
  height: 30px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow {
    height: 43px;
    width: 42px;
  }

  .contents .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2Basic42 + .select2-container .select2-selection--single .select2-selection__arrow b {
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -35px -35px;
    width: 30px;
    height: 30px;
  }
}

.contents .select-box .select2Basic50 + .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single {
  height: 48px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic50 + .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single {
    height: 43px;
  }
}

.contents .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 46px;
  padding: 0 42px 0 15px;
  font-size: 18px;
  color: #555;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
    padding: 0 43px 0 15px;
    font-size: 14px;
  }
}

.contents .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0px;
  height: 42px;
  width: 42px;
}

.contents .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  left: auto;
  right: 8px;
  margin-left: 0;
  margin-top: -12px;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -40px -190px;
  width: 30px;
  height: 30px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow {
    height: 43px;
    width: 42px;
  }

  .contents .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2Basic50 + .select2-container .select2-selection--single .select2-selection__arrow b {
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -35px -35px;
    width: 30px;
    height: 30px;
  }
}

.contents .select-box .select2Basic56_line + .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single {
  height: 56px;
  border: 3px solid #4DADA7;
  border-radius: 0px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic56_line + .select2-container .select2-selection--single, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single {
    height: 56px;
  }
}

.contents .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  padding: 0 50px 0 50px;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding: 0 54px 0 15px;
    font-size: 15px;
  }
}

.contents .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0px;
  height: 56px;
  width: 56px;
}

.contents .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  left: auto;
  right: 8px;
  margin-left: 0;
  margin-top: -18px;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -806px -850px;
  width: 36px;
  height: 36px;
}

@media all and (max-width: 1023px) {
  .contents .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow {
    height: 54px;
    width: 54px;
  }

  .contents .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow b, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow b, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container .select2-selection--single .select2-selection__arrow b {
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -360.5px -186px;
    width: 36px;
    height: 36px;
  }
}

.contents .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single {
  background-color: #e7e7e7;
}

.contents .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  opacity: .4;
}

.contents .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single .select2-selection__arrow, .popupfixed-wrap .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single .select2-selection__arrow, .filter_fixed-wrap .select-box .select2Basic56_line + .select2-container.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  opacity: .4;
}

.contents .trp.file-box, .popupfixed-wrap .trp.file-box, .filter_fixed-wrap .trp.file-box {
  position: relative;
}

.contents .trp.file-box label.screen-reader-text, .popupfixed-wrap .trp.file-box label.screen-reader-text, .filter_fixed-wrap .trp.file-box label.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.contents .trp.file-box .trp-Filetext, .popupfixed-wrap .trp.file-box .trp-Filetext, .filter_fixed-wrap .trp.file-box .trp-Filetext {
  width: calc( 100% - 120px);
  height: 48px;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #B2B2B2;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.contents .trp.file-box .btn, .popupfixed-wrap .trp.file-box .btn, .filter_fixed-wrap .trp.file-box .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 110px;
  height: 48px;
 /* background:#757575; color:#fff; font-size:16px; font-weight: 300; */
  -webkit-appearance: none;
  -moz-appearance: none;
}

.contents .trp.file-box .trp-Filehidden, .popupfixed-wrap .trp.file-box .trp-Filehidden, .filter_fixed-wrap .trp.file-box .trp-Filehidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

@media all and (max-width: 1023px) {
  .contents .trp.file-box .trp-Filetext, .popupfixed-wrap .trp.file-box .trp-Filetext, .filter_fixed-wrap .trp.file-box .trp-Filetext {
    font-size: 14px;
    padding: 5px 15px 5px;
    line-height: 22px;
    height: 43px;
  }

  .contents .trp.file-box .btn, .popupfixed-wrap .trp.file-box .btn, .filter_fixed-wrap .trp.file-box .btn {
    font-size: 14px;
    height: 43px;
  }

  .contents .trp.file-box .trp-Filehidden, .popupfixed-wrap .trp.file-box .trp-Filehidden, .filter_fixed-wrap .trp.file-box .trp-Filehidden {
    height: 43px;
  }
}

.contents .datepicker-box, .popupfixed-wrap .datepicker-box, .filter_fixed-wrap .datepicker-box {
  position: relative;
  display: inline-block;
  min-width: 155px;
  height: 48px;
  background-color: #f2f2f2;
}

.contents .datepicker-box input, .popupfixed-wrap .datepicker-box input, .filter_fixed-wrap .datepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.contents .datepicker-box i::after, .popupfixed-wrap .datepicker-box i::after, .filter_fixed-wrap .datepicker-box i::after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -80px -190px;
  width: 23px;
  height: 23px;
}

.contents .datepicker-box.type_label, .popupfixed-wrap .datepicker-box.type_label, .filter_fixed-wrap .datepicker-box.type_label {
  display: block;
  font-size: 0;
}

.contents .datepicker-box.type_label label, .popupfixed-wrap .datepicker-box.type_label label, .filter_fixed-wrap .datepicker-box.type_label label {
  position: relative;
  display: inline-block;
  padding: 10px 13px 10px 15px;
  font-size: 15px;
  color: #111111;
  font-weight: bold;
  width: 88px;
  box-sizing: border-box;
  font-family: "Pretendard";
  line-height: 30px;
}

.contents .datepicker-box.type_label label::after, .popupfixed-wrap .datepicker-box.type_label label::after, .filter_fixed-wrap .datepicker-box.type_label label::after {
  content: '';
  display: block;
  width: 1px;
  height: 15px;
  background-color: #d2d2d2;
  position: absolute;
  top: 18px;
  right: 0px;
}

.contents .datepicker-box.type_label input, .popupfixed-wrap .datepicker-box.type_label input, .filter_fixed-wrap .datepicker-box.type_label input {
  width: calc( 100% - 88px);
  vertical-align: top;
  padding-right: 70px;
  text-align: center;
}

.contents .ui-count, .popupfixed-wrap .ui-count, .filter_fixed-wrap .ui-count {
  position: relative;
  display: inline-block;
  border-radius: 0;
}

.contents .ui-count .ui-countTxt, .popupfixed-wrap .ui-count .ui-countTxt, .filter_fixed-wrap .ui-count .ui-countTxt {
  width: 60px;
  padding-right: 30px;
  padding-left: 10px;
  text-align: right;
  background: #fff;
}

.contents .ui-count:before, .popupfixed-wrap .ui-count:before, .filter_fixed-wrap .ui-count:before {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
}

.contents .ui-count > a, .popupfixed-wrap .ui-count > a, .filter_fixed-wrap .ui-count > a {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
}

.contents .ui-count > a::after, .popupfixed-wrap .ui-count > a::after, .filter_fixed-wrap .ui-count > a::after {
  content: "";
  position: absolute;
  right: 5px;
}

.contents .ui-count .arrow_up, .popupfixed-wrap .ui-count .arrow_up, .filter_fixed-wrap .ui-count .arrow_up {
  top: 1px;
  right: 0;
  border-left: 1px solid #B2B2B2;
}

.contents .ui-count .arrow_up::after, .popupfixed-wrap .ui-count .arrow_up::after, .filter_fixed-wrap .ui-count .arrow_up::after {
  top: 7px;
  border-style: solid;
  border-width: 0px 4px 5px 4px;
  height: 0;
  border-color: transparent transparent #555555 transparent;
}

.contents .ui-count .arrow_down, .popupfixed-wrap .ui-count .arrow_down, .filter_fixed-wrap .ui-count .arrow_down {
  bottom: 0px;
  right: 0;
  border-top: 1px solid #B2B2B2;
  border-left: 1px solid #B2B2B2;
}

.contents .ui-count .arrow_down::after, .popupfixed-wrap .ui-count .arrow_down::after, .filter_fixed-wrap .ui-count .arrow_down::after {
  top: 8px;
  border-style: solid;
  border-width: 5px 4px 0px 4px;
  height: 0;
  border-color: #555555 transparent transparent transparent;
}

.contents .ui-ampm, .popupfixed-wrap .ui-ampm, .filter_fixed-wrap .ui-ampm {
  position: relative;
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 48px;
  padding: 8px 10px 8px;
  border: 1px solid #bfbfbf;
  text-align: center;
  background: #fff;
}

.contents .timepicker-area, .popupfixed-wrap .timepicker-area, .filter_fixed-wrap .timepicker-area {
  position: relative;
  display: inline-block;
}

.contents .timepicker-area .trp-timepicker, .popupfixed-wrap .timepicker-area .trp-timepicker, .filter_fixed-wrap .timepicker-area .trp-timepicker {
  display: none;
  position: absolute;
  top: 48px;
  width: 170px;
  z-index: 10;
}

.contents .timepicker-box, .popupfixed-wrap .timepicker-box, .filter_fixed-wrap .timepicker-box {
  position: relative;
  display: inline-block;
  min-width: 150px;
  width: 160px;
  height: 48px;
  background-color: #fff;
}

.contents .timepicker-box input, .popupfixed-wrap .timepicker-box input, .filter_fixed-wrap .timepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.contents .timepicker-box input:read-only, .popupfixed-wrap .timepicker-box input:read-only, .filter_fixed-wrap .timepicker-box input:read-only {
  background-color: transparent;
}

.contents .timepicker-box input.br, .popupfixed-wrap .timepicker-box input.br, .filter_fixed-wrap .timepicker-box input.br {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.contents .timepicker-box i::after, .popupfixed-wrap .timepicker-box i::after, .filter_fixed-wrap .timepicker-box i::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -113px -190px;
  width: 23px;
  height: 23px;
}

.contents .starpoint-box .star, .popupfixed-wrap .starpoint-box .star, .filter_fixed-wrap .starpoint-box .star {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.contents .starpoint-box .star:after, .popupfixed-wrap .starpoint-box .star:after, .filter_fixed-wrap .starpoint-box .star:after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: 0px -230px;
  width: 20px;
  height: 20px;
}

.contents .starpoint-box .star.on:after, .popupfixed-wrap .starpoint-box .star.on:after, .filter_fixed-wrap .starpoint-box .star.on:after {
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -30px -230px;
  width: 20px;
  height: 20px;
}

.contents .starpoint2-box .star, .popupfixed-wrap .starpoint2-box .star, .filter_fixed-wrap .starpoint2-box .star {
  display: inline-block;
  width: 10px;
  height: 20px;
  overflow: hidden;
}

.contents .starpoint2-box .star:after, .popupfixed-wrap .starpoint2-box .star:after, .filter_fixed-wrap .starpoint2-box .star:after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: 0px -230px;
  width: 20px;
  height: 20px;
}

.contents .starpoint2-box .star:nth-child(even):after, .popupfixed-wrap .starpoint2-box .star:nth-child(even):after, .filter_fixed-wrap .starpoint2-box .star:nth-child(even):after {
  margin-left: -10px;
}

.contents .starpoint2-box .star.on:after, .popupfixed-wrap .starpoint2-box .star.on:after, .filter_fixed-wrap .starpoint2-box .star.on:after {
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -30px -230px;
  width: 20px;
  height: 20px;
}

.select2-container--default .select2-dropdown {
  border-radius: 0;
  background-color: #fff;
  border-color: #B2B2B2;
}

.select2-container--default .select2-dropdown .select2-results {
  padding: 10px 0;
}

.select2-container--default .select2-results__option {
  line-height: 35px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  font-weight: 400;
  color: #333333;
  background-color: #ededed;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected] {
  font-weight: 500;
  color: #333333;
  background-color: #ededed;
}

@media all and (max-width: 1023px) {
  .select2-container--default .select2-results__option {
    font-size: 13px;
  }
}

.select2-dropdown.increasedzindexclass_pop {
  z-index: 99000;
}

/* ========================  달럭팝업 */
.ui-datepicker.ui-widget {
  border: 1px solid #f3f3f3;
  padding: 0;
  z-index: 10 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  height: auto;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0;
  height: 40px;
  background-color: #ffffff;
}

.ui-datepicker-title {
  height: 40px;
  line-height: 38px;
}

.ui-datepicker-title .ui-datepicker-month {
  line-height: 38px;
  color: #21a099;
}

.ui-datepicker-title .ui-datepicker-year {
  line-height: 38px;
  color: #21a099;
}

.ui-datepicker .ui-datepicker-header {
  border: 0;
  border-bottom: 1px solid #f3f3f3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker-calendar tbody tr td .ui-state-default {
  width: 27px;
  height: 27px;
  box-sizing: border-box;
  padding: .15em .2em .05em;
  line-height: 1.7;
  text-align: center;
  border: 0;
  background-color: #fff;
  color: #777777;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today .ui-state-default {
  color: #fff;
  background-color: #21a099;
  border-radius: 50%;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child .ui-state-default {
  color: #21a099;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-today .ui-state-default {
  color: #ffffff;
}

/* 월 달력 */
.monthPicker .year {
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
}

.monthPicker .year strong {
  line-height: 28px;
  color: #21a099;
  font-size: 15px;
  font-weight: bold;
}

.monthPicker .year > span:first-child {
  top: 6px;
  left: 2px;
}

.monthPicker .year > span:last-child {
  top: 6px;
  right: 2px;
}

.monthPicker .year .prev-btn {
  width: 27px;
  height: 27px;
  border: 0;
}

.monthPicker .year .prev-btn a {
  border: 0;
}

.monthPicker .year .prev-btn a::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-color: #999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year .prev-btn a::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year .prev-btn a:hover {
  background-color: #ededed;
  border: 1px solid #ccc;
}

.monthPicker .year .next-btn {
  width: 27px;
  height: 27px;
  border: 0;
}

.monthPicker .year .next-btn a {
  border: 0;
}

.monthPicker .year .next-btn a::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 8px;
  background-color: #999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year .next-btn a::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 8px;
  background-color: #999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year .next-btn a:hover {
  background-color: #ededed;
  border: 1px solid #ccc;
}

/* ========================  jQuery tooltip */
/* icon_tooltip */
.icon_tooltip {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.icon_tooltip:after {
  content: "";
  display: block;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -146px -190px;
  width: 21px;
  height: 21px;
}

.ui-tooltip {
  font-size: 14px;
  color: #111111;
}

.ui-tooltip.ui-widget-shadow {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16);
}

.ui-tooltip.ui-widget.ui-widget-content {
  padding: 15px;
  border: 1px solid #aaaaaa;
  border-radius: 0;
}

.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content {
  font-size: 14px;
  color: #111111;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.ui-tooltip .arrow {
  position: absolute;
  left: 50%;
  bottom: -15px;
  overflow: hidden;
  box-shadow: 0;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -83px -230px;
  width: 13px;
  height: 15px;
}

.ui-tooltip .arrow.top {
  top: -15px;
  bottom: auto;
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -60px -230px;
  width: 13px;
  height: 15px;
}

.ui-tooltip .arrow.top:after {
  bottom: -15px;
  top: auto;
}

.ui-tooltip.tooltip_big {
  max-width: 500px;
}

.ui-tooltip.tooltip_big .h5 {
  margin-bottom: 15px;
}

.ui-tooltip.tooltip_big .numbar-list li {
  font-size: 14;
  letter-spacing: -1px;
}

.ui-tooltip.tooltip_big table th, .ui-tooltip.tooltip_big table td {
  padding: 5px 10px;
  font-size: 12px;
  vertical-align: top;
  font-size: 14px;
  text-align: left;
  line-height: 1.4;
}

.ui-tooltip.tooltip_big table th i, .ui-tooltip.tooltip_big table td i {
  margin-right: 5px;
}

.ui-tooltip.tooltip_big table th .text_state, .ui-tooltip.tooltip_big table td .text_state {
  font-size: 14px;
}

body {
 /* 가로 horizontal */;
}

body .mCustomScrollBox {
 /* ===  컨텐츠 영역  === */ /* === 스크롤 바 영역 === */ /* 세로  */;
}

body .mCustomScrollBox .mCSB_container {
  margin-right: 0px;
}

body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 /* background-color:rgba(0,0,0,1); */
  background-color: rgba(0, 0, 0, 0.2);
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail, body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0);
}

body .mCustomScrollBox .mCSB_scrollTools {
  opacity: 1;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger {
  opacity: 1;
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.2);
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.2);
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical {
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger {
  right: 0px;
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 5px;
}

body .mCustomScrollbar_x {
  overflow-x: auto;
  white-space: nowrap;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 5px;
  opacity: 1;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  bottom: 0px;
  height: 5px;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 5px;
  margin: 0px auto;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5px;
  margin: 0;
}

body .scroll-type {
  overflow: hidden;
  overflow-y: auto;
}

body .scroll-type::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  -webkit-appearance: none;
  background-color: transparent;
}

body .scroll-type::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

.ui-widget-content {
  background-color: #21a099;
  height: 4px;
  border-radius: 2px;
}

.ui-widget-header {
  background-color: #9c9a97;
  height: 4px;
  border-radius: 2px;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  background-color: #ebebeb;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  margin-left: -5px;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #ebebeb;
}

/* header.scss */
.sub-wrap {
 /*   header.header.main-header{ position: relative; left: auto; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } */ /* 베너 삭제 */ /* === main 겝조절 === */;
}

.sub-wrap .main-header {
  z-index: 5;
}

.sub-wrap .header_beltbox {
  display: none !important;
}

.sub-wrap .header_beltbox.on {
  display: flex !important;
}

.sub-wrap .header_utilitymenu > li > a {
  vertical-align: baseline;
}

/*.sub-wrap .header_gnbmenu > li > a {*/
/*  height: 47px;*/
/*}*/

.sub-wrap .subGnbmenu li {
  vertical-align: baseline;
}

.sub-wrap .submenu li {
  vertical-align: baseline;
}

.sub-wrap .submenu li a, .sub-wrap .submenu li span {
  vertical-align: baseline;
}
.sub-wrap .submenu li span.currentIng {
  vertical-align: 0px;
}

/* 윈도우 팝업 해더 */
header.win_header {
  background-color: #243233;
}

header.win_header .header-inner {
 /* [0822]고객사 요청에 따라 수정 */
  padding: 16px 10px;
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
}

header.win_header .header-inner .header_logo {
  display: block;
  width: 160px;
  height: 28px;
  background: url('https://seoulauction.com/images/pc/logo/SA_logo_white.svg') no-repeat center center;
  background-size: 100%;
}

@media all and (max-width: 1023px) {
  header.win_header .header-inner {
    padding: 20px 25px;
  }

  header.win_header .header-inner .header_logo {
    width: 125px;
    height: 21px;
  }
}

/* footer.scss */
.sub-wrap {
 /* 푸터 main 겝조절 */;
}

.sub-wrap .footer {
  position: relative;
}

.sub-wrap .footer .footer-gnbmenu > li {
  vertical-align: baseline;
}

.sub-wrap .footer .footer-gnbmenu > li::before {
  margin-top: 3px;
}

.sub-wrap .footer .footer-gnbmenu > li a {
  vertical-align: baseline;
}

@media all and (max-width: 1439px) {
  .sub-wrap .footer .footer-gnbmenu > li::before {
    margin-top: 2px;
  }
}

.sub-wrap .footer .footer-infomenu > li {
  vertical-align: baseline;
}

.sub-wrap .footer .footer-infomenu > li::before {
  margin-top: 1px;
}

.sub-wrap .footer .footer-infomenu > li a {
  vertical-align: baseline;
}

@media all and (max-width: 1439px) {
  .sub-wrap .footer .footer-infomenu > li::before {
    margin-top: 2px;
  }
}

/* 스크롤 탑 */
.scroll_top-box {
  position: fixed;
  bottom: calc( 64px + 52px);
  width: 100%;
  z-index: 4;
}

.scroll_top-box .box-inner {
  position: relative;
  max-width: 1920px;
  padding: 0 60px;
  width: 100%;
  height: 0;
  margin: 0 auto;
  text-align: right;
}

.scroll_top-box .btn-scroll_top {
  display: inline-block;
  opacity: 0;
  font-size: 0;
  line-height: 0;
  width: 53px;
  height: 53px;
  position: absolute;
  background: url("https://seoulauction.com/images/common/ico-top-scroll.svg") no-repeat center center;
  border-radius: 50%;
  text-align: center;
  transition: all 170ms;
}

.scroll_top-box .btn-scroll_top.show {
  opacity: 1;
}

@media all and (max-width: 1439px) {
  .scroll_top-box .box-inner {
    padding: 0 50px;
    max-width: 1420px;
  }
}

@media all and (max-width: 1023px) {
  .scroll_top-box {
    bottom: 110px;
  }

  .scroll_top-box .box-inner {
    padding: 0 25px;
  }

  .scroll_top-box .btn-scroll_top {
    width: 41px;
    height: 41px;
    position: static;
    background: url("https://seoulauction.com/images/common/ico-top-scroll.svg") no-repeat center center;
    background-size: cover;
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.3)
  }
}

/* 상세 페이지 */
@media all and (max-width: 1023px) {
  .type-details_view .scroll_top-box {
    bottom: calc(65px + 25px + 41px);
  }
}

@media all and (max-width: 1023px) {
  .type-details_view .footer {
    padding-bottom: 65px;
  }
}

/* 문의하기 & 고객센터 */
.inquiry-article {
  position: relative;
  margin-top: 93px;
 /* (공통)하단고객센터 */;
}

.inquiry-article .inquiry-box {
  display: flex;
  justify-content: space-between;
  padding: 45px 40px;
  border: 1px solid #dedede;
  background-color: #f6f6f6;
}

.inquiry-article .inquiry-box .typo-area {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  padding-left: 10px;
}

.inquiry-article .inquiry-box .btn-area {
  position: relative;
  font-size: 0;
}

.inquiry-article .inquiry-box .btn-area::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.inquiry-article .inquiry-box .btn-area a {
  min-width: 160px;
}

.inquiry-article .inquiry-box .icon-box {
  margin-right: 20px;
}

.inquiry-article .inquiry-box .icon-box i {
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}

.inquiry-article .inquiry-box .title-box {
  min-width: 75px;
}

.inquiry-article .inquiry-box .title-box, .inquiry-article .inquiry-box .manager-box {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 40px;
}

.inquiry-article .inquiry-box .title-box strong, .inquiry-article .inquiry-box .title-box span, .inquiry-article .inquiry-box .title-box em, .inquiry-article .inquiry-box .manager-box strong, .inquiry-article .inquiry-box .manager-box span, .inquiry-article .inquiry-box .manager-box em {
  line-height: 60px;
}

.inquiry-article .inquiry-box .title-box strong, .inquiry-article .inquiry-box .manager-box strong {
  color: #111111;
  font-weight: 700;
}

.inquiry-article .inquiry-box .title-box span, .inquiry-article .inquiry-box .manager-box span {
  color: #555555;
  font-weight: 500;
}

.inquiry-article .inquiry-box .title-box em, .inquiry-article .inquiry-box .manager-box em {
  color: #333333;
  font-weight: 600;
}

.inquiry-article .inquiry-box .desc-box span {
  font-size: 16px;
  line-height: 1.5;
}

.inquiry-article .inquiry-box .info-guide {
  display: flex;
}

.inquiry-article .inquiry-box .contact-box ul li {
  position: relative;
  display: inline-block;
}

.inquiry-article .inquiry-box .contact-box ul li + li {
  padding-left: 16px;
  margin-left: 10px;
}

.inquiry-article .inquiry-box .contact-box ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 23px;
  left: 0px;
  width: 1px;
  height: 14px;
  background-color: #ccc;
}

.inquiry-article .inquiry-box .contact-box span, .inquiry-article .inquiry-box .contact-box em, .inquiry-article .inquiry-box .contact-box a {
  line-height: 60px;
  font-size: 20px;
  font-weight: 500;
  display: inline;
}

.inquiry-article .inquiry-box .contact-box span {
  color: #777777;
}

.inquiry-article .inquiry-box .contact-box em {
  color: #333333;
}

@media all and (max-width: 1439px) {
  .inquiry-article .inquiry-box {
    display: block;
    justify-content: initial;
    max-width: 910px;
    margin: 0 auto;
  }

  .inquiry-article .inquiry-box .typo-area {
    display: block;
    flex-wrap: initial;
    align-content: center;
  }

  .inquiry-article .inquiry-box .btn-area {
    margin-top: 15px;
  }

  .inquiry-article .inquiry-box .icon-box {
    display: inline-block;
  }

  .inquiry-article .inquiry-box .title-box strong, .inquiry-article .inquiry-box .title-box span, .inquiry-article .inquiry-box .title-box em, .inquiry-article .inquiry-box .manager-box strong, .inquiry-article .inquiry-box .manager-box span, .inquiry-article .inquiry-box .manager-box em {
    line-height: 60px;
  }

  .inquiry-article .inquiry-box .title-box {
    display: inline-block;
  }

  .inquiry-article .inquiry-box .manager-box {
    margin-top: 10px;
    display: block;
  }

  .inquiry-article .inquiry-box .manager-box strong, .inquiry-article .inquiry-box .manager-box span, .inquiry-article .inquiry-box .manager-box em {
    line-height: 1.36;
  }

  .inquiry-article .inquiry-box .info-guide {
    display: flex;
  }

  .inquiry-article .inquiry-box .info-guide .manager-box {
    display: inline-block;
  }

  .inquiry-article .inquiry-box .info-guide .contact-box {
    display: inline-block;
  }

  .inquiry-article .inquiry-box .contact-box {
    display: block;
    margin-top: 10px;
  }

  .inquiry-article .inquiry-box .contact-box ul li {
    position: relative;
    display: inline-block;
  }

  .inquiry-article .inquiry-box .contact-box ul li + li {
    padding-left: 16px;
    margin-left: 10px;
  }

  .inquiry-article .inquiry-box .contact-box ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 1px;
    height: 14px;
    background-color: #ccc;
  }

  .inquiry-article .inquiry-box .contact-box span, .inquiry-article .inquiry-box .contact-box em, .inquiry-article .inquiry-box .contact-box a {
    line-height: 30px;
    font-size: 20px;
  }
}

@media all and (max-width: 1023px) {
  .inquiry-article {
    margin-top: 35px;
  }

  .inquiry-article .inquiry-box {
    display: block;
    justify-content: initial;
    padding: 28px 18px;
  }

  .inquiry-article .inquiry-box .typo-area {
    display: block;
    flex-wrap: initial;
    align-content: center;
    padding-left: 0px;
  }

  .inquiry-article .inquiry-box .btn-area {
    margin-top: 15px;
  }

  .inquiry-article .inquiry-box .btn-area a {
    min-width: 160px;
  }

  .inquiry-article .inquiry-box .icon-box {
    display: inline-block;
    margin-right: 13px;
  }

  .inquiry-article .inquiry-box .title-box, .inquiry-article .inquiry-box .manager-box {
    font-size: 17px;
    vertical-align: middle;
    margin-right: 0;
  }

  .inquiry-article .inquiry-box .title-box strong, .inquiry-article .inquiry-box .title-box span, .inquiry-article .inquiry-box .title-box em, .inquiry-article .inquiry-box .manager-box strong, .inquiry-article .inquiry-box .manager-box span, .inquiry-article .inquiry-box .manager-box em {
    line-height: 44px;
  }

  .inquiry-article .inquiry-box .title-box strong, .inquiry-article .inquiry-box .manager-box strong {
    color: #111111;
    font-weight: 700;
    margin-right: 40px;
  }

  .inquiry-article .inquiry-box .title-box span, .inquiry-article .inquiry-box .manager-box span {
    color: #555555;
    font-weight: 500;
  }

  .inquiry-article .inquiry-box .title-box em, .inquiry-article .inquiry-box .manager-box em {
    color: #333333;
    font-weight: 600;
  }

  .inquiry-article .inquiry-box .title-box {
    display: inline-block;
  }

  .inquiry-article .inquiry-box .manager-box {
    margin-top: 10px;
  }

  .inquiry-article .inquiry-box .manager-box strong, .inquiry-article .inquiry-box .manager-box span, .inquiry-article .inquiry-box .manager-box em {
    line-height: 1.36;
  }

  .inquiry-article .inquiry-box .info-guide {
    display: block;
  }

  .inquiry-article .inquiry-box .info-guide .manager-box {
    display: block;
  }

  .inquiry-article .inquiry-box .info-guide .contact-box {
    display: block;
  }

  .inquiry-article .inquiry-box .contact-box ul li {
    position: relative;
    display: block;
    margin-top: 10px;
  }

  .inquiry-article .inquiry-box .contact-box ul li + li {
    padding-left: 0px;
    margin-left: 0px;
  }

  .inquiry-article .inquiry-box .contact-box ul li + li::before {
    display: none;
  }

  .inquiry-article .inquiry-box .contact-box span, .inquiry-article .inquiry-box .contact-box em, .inquiry-article .inquiry-box .contact-box a {
    line-height: 1.36;
    font-size: 15px;
  }

  .inquiry-article .inquiry-box .contact-box span {
    color: #555555;
  }

  .inquiry-article .inquiry-box .contact-box em {
    color: #333333;
  }
}

.inquiry-article.type-customer {
  position: relative;
  margin-top: 80px;
}

.inquiry-article.type-customer .inquiry-box {
  display: flex;
  justify-content: space-between;
  padding: 43px 50px 40px;
  border: 1px solid #dedede;
  background-color: #f6f6f6;
}

.inquiry-article.type-customer .inquiry-box .typo-area {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  padding-left: 10px;
}

.inquiry-article.type-customer .inquiry-box .btn-area {
  position: relative;
  font-size: 0;
}

.inquiry-article.type-customer .inquiry-box .btn-area::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.inquiry-article.type-customer .inquiry-box .btn-area a {
  min-width: 160px;
}

.inquiry-article.type-customer .inquiry-box .icon-box {
  margin-right: 20px;
}

.inquiry-article.type-customer .inquiry-box .icon-box i {
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}

.inquiry-article.type-customer .inquiry-box .title-box {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 20px;
}

.inquiry-article.type-customer .inquiry-box .title-box strong, .inquiry-article.type-customer .inquiry-box .title-box span, .inquiry-article.type-customer .inquiry-box .title-box em {
  line-height: 60px;
}

.inquiry-article.type-customer .inquiry-box .title-box strong {
  color: #111111;
  font-weight: 700;
  margin-right: 40px;
}

.inquiry-article.type-customer .inquiry-box .title-box span {
  color: #555555;
  font-weight: 500;
}

.inquiry-article.type-customer .inquiry-box .title-box em {
  color: #333333;
  font-weight: 600;
}

.inquiry-article.type-customer .inquiry-box .info-guide {
  display: block;
}

.inquiry-article.type-customer .inquiry-box .info-guide .contact-box {
  display: block;
}

.inquiry-article.type-customer .inquiry-box .info-guide .contact-box ul li {
  position: relative;
  display: inline-block;
}

.inquiry-article.type-customer .inquiry-box .info-guide .contact-box ul li + li {
  padding-left: 16px;
  margin-left: 10px;
}

.inquiry-article.type-customer .inquiry-box .info-guide .contact-box ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  width: 1px;
  height: 14px;
  background-color: #ccc;
}

.inquiry-article.type-customer .inquiry-box .info-guide .contact-box span, .inquiry-article.type-customer .inquiry-box .info-guide .contact-box em, .inquiry-article.type-customer .inquiry-box .info-guide .contact-box a {
  font-size: 20px;
  font-weight: 500;
  display: inline;
  line-height: 1.5;
}

.inquiry-article.type-customer .inquiry-box .info-guide .contact-box span {
  color: #777777;
}

.inquiry-article.type-customer .inquiry-box .info-guide .contact-box em {
  color: #333333;
}

.inquiry-article.type-customer .inquiry-box .info-guide .message-box {
  display: block;
  margin-top: 10px;
}

@media all and (max-width: 1439px) {
  .inquiry-article.type-customer .inquiry-box .info-guide {
    width: 64%;
  }
}

@media all and (max-width: 1023px) {
  .inquiry-article.type-customer {
    margin-top: 50px;
  }

  .inquiry-article.type-customer .inquiry-box {
    display: block;
    justify-content: initial;
    padding: 28px 18px;
  }

  .inquiry-article.type-customer .inquiry-box .typo-area {
    display: block;
    flex-wrap: initial;
    align-content: center;
    padding-left: 10px;
  }

  .inquiry-article.type-customer .inquiry-box .btn-area {
    margin-top: 15px;
  }

  .inquiry-article.type-customer .inquiry-box .btn-area a {
    min-width: 160px;
  }

  .inquiry-article.type-customer .inquiry-box .icon-box {
    display: inline-block;
    margin-right: 13px;
  }

  .inquiry-article.type-customer .inquiry-box .title-box {
    font-size: 17px;
    margin-right: 0;
  }

  .inquiry-article.type-customer .inquiry-box .title-box strong, .inquiry-article.type-customer .inquiry-box .title-box span, .inquiry-article.type-customer .inquiry-box .title-box em {
    line-height: 44px;
  }

  .inquiry-article.type-customer .inquiry-box .title-box strong {
    margin-right: 0;
  }

  .inquiry-article.type-customer .inquiry-box .title-box {
    display: inline-block;
  }

  .inquiry-article.type-customer .inquiry-box .info-guide {
    display: block;
    width: 73%;
  }

  .inquiry-article.type-customer .inquiry-box .info-guide .contact-box ul li {
    display: block;
    margin-top: 5px;
    font-size: 15px;
  }

  .inquiry-article.type-customer .inquiry-box .info-guide .contact-box ul li + li {
    padding-left: 0px;
    margin-left: 0px;
  }

  .inquiry-article.type-customer .inquiry-box .info-guide .contact-box ul li + li::before {
    display: none;
  }

  .inquiry-article.type-customer .inquiry-box .info-guide .contact-box span, .inquiry-article.type-customer .inquiry-box .info-guide .contact-box em, .inquiry-article.type-customer .inquiry-box .info-guide .contact-box a {
    font-size: 15px;
  }

  .inquiry-article.type-customer .inquiry-box .info-guide .contact-box span {
    color: #555555;
  }

  .inquiry-article.type-customer .inquiry-box .info-guide .contact-box em {
    color: #333333;
  }
}

/* =============================== 페이지 이름  */
.sub-wrap.type-pagemain .page_title-section .section-inner.full_size {
  height: 180px;
}

.sub-wrap.type-pagemain .page_title-section .section-inner.full_size .center-box {
  position: relative;
  width: 100%;
  max-width: 1420px;
  padding: 0 50px;
  margin-left: auto;
  margin-right: auto;
}

.sub-wrap.type-pagemain .page_title-section .page_title {
  height: 180px;
  text-align: left;
}

@media all and (max-width: 1023px) {
  .sub-wrap.type-pagemain .page_title-section .section-inner.full_size {
    height: 85px;
  }

  .sub-wrap.type-pagemain .page_title-section .section-inner.full_size .center-box {
    padding: 0 25px;
    margin-left: auto;
    margin-right: auto;
  }

  .sub-wrap.type-pagemain .page_title-section .page_title {
    height: 85px;
    text-align: left;
  }
}

/* =============================== 섹션 이름  */
.basis-section {
 /* news_letter */;
}

.basis-section.news_letter-section {
  margin-top: 100px;
}

@media all and (max-width: 1023px) {
  .basis-section.news_letter-section {
    margin-top: 40px;
  }
}

/* =============================== 페널이름 */
.content-panel {
 /* news_list */;
}

.content-panel.type_panel-news_list .panel-footer .page-set {
  text-align: center;
}

.content-panel.type_panel-news_list .panel-footer .page-set .btn {
  width: 170px;
}

.content-panel.type_panel-news_list .news-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.content-panel.type_panel-news_list .news-list li {
  margin-bottom: 40px;
  width: 25%;
  padding: 0 10px;
}

.content-panel.type_panel-news_list .typo-area {
  padding-bottom: 5px;
}

.content-panel.type_panel-news_list .typo-area .title {
  margin-top: 15px;
}

.content-panel.type_panel-news_list .typo-area .title span, .content-panel.type_panel-news_list .typo-area .title i {
  vertical-align: middle;
}

.content-panel.type_panel-news_list .typo-area .title span {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 1.5;
}

.content-panel.type_panel-news_list .typo-area .title i.new {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 0 1px;
  width: 14px;
  background-color: #f23f3f;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.content-panel.type_panel-news_list .typo-area .desc {
  margin-top: 10px;
}

.content-panel.type_panel-news_list .typo-area .desc span {
  font-size: 18px;
  font-weight: 500;
  color: #777777;
  line-height: 1.5;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-news_list .panel-footer .page-set {
    text-align: center;
  }

  .content-panel.type_panel-news_list .panel-footer .page-set .btn {
    width: 160px;
  }

  .content-panel.type_panel-news_list .news-list {
    display: block;
    width: 100%;
    margin-left: 0px;
 /* 고객사 수정 [0420] */
    max-width: 350px;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .content-panel.type_panel-news_list .news-list li {
    margin-bottom: 40px;
    width: 100%;
    padding: 0px;
  }

  .content-panel.type_panel-news_list .image-area .img-align img {
    width: 100%;
  }

  .content-panel.type_panel-news_list .typo-area {
    padding-bottom: 5px;
  }

  .content-panel.type_panel-news_list .typo-area .title {
    margin-top: 10px;
  }

  .content-panel.type_panel-news_list .typo-area .title span, .content-panel.type_panel-news_list .typo-area .title i {
    vertical-align: middle;
  }

  .content-panel.type_panel-news_list .typo-area .title span {
    font-size: 14px;
  }

  .content-panel.type_panel-news_list .typo-area .title i.new {
    margin-left: 5px;
    padding: 2px 0 2px;
    width: 15px;
    background-color: #f23f3f;
    font-size: 11px;
  }

  .content-panel.type_panel-news_list .typo-area .desc {
    margin-top: 0px;
  }

  .content-panel.type_panel-news_list .typo-area .desc span {
    font-size: 13px;
  }
}

/* === 뉴스레터 상세 링크 ==== */
.imglink_original-area {
  max-width: 740px;
  margin: 0 auto;
}

.imglink_original-area .box {
  position: relative;
}

.imglink_original-area a {
  position: absolute;
  display: block;
  font-size: 0;
  letter-spacing: -100px;
 /* background-color: rgba(255,2,2,.5); */
  overflow: hidden;
}

.imglink_original-area .link_more-1, .imglink_original-area .link_more-2 {
  width: 7.43243%;
  height: 3.27654%;
}

.imglink_original-area .link_more-1 {
  left: 4.45946%;
  top: 53.99738%;
}

.imglink_original-area .link_more-2 {
  left: 88.10811%;
  top: 90.03932%;
}

.imglink_original-area .link_more-3, .imglink_original-area .link_more-4, .imglink_original-area .link_more-5, .imglink_original-area .link_more-6, .imglink_original-area .link_more-7, .imglink_original-area .link_more-8 {
  width: 6.21622%;
  height: 3.49544%;
}

.imglink_original-area .link_more-3 {
  left: 43.10811%;
  top: 31.15502%;
}

.imglink_original-area .link_more-4 {
  left: 89.18919%;
  top: 31.15502%;
}

.imglink_original-area .link_more-5 {
  left: 43.10811%;
  top: 63.82979%;
}

.imglink_original-area .link_more-6 {
  left: 89.18919%;
  top: 63.82979%;
}

.imglink_original-area .link_more-7 {
  left: 43.10811%;
  top: 96.50456%;
}

.imglink_original-area .link_more-8 {
  left: 89.18919%;
  top: 96.50456%;
}

.imglink_original-area .link_footer-1, .imglink_original-area .link_footer-2, .imglink_original-area .link_footer-3 {
  width: 3.78378%;
  height: 18.79195%;
}

.imglink_original-area .link_footer-1 {
  left: 81.62162%;
  top: 14.7651%;
}

.imglink_original-area .link_footer-2 {
  left: 87.16216%;
  top: 14.7651%;
}

.imglink_original-area .link_footer-3 {
  left: 92.7027%;
  top: 14.7651%;
}

.imglink_original-area .link_email {
  width: 25.67568%;
  height: 12.08054%;
  left: 3.78378%;
  top: 61.74497%;
}

.imglink_original-area .link_web {
  width: 20.94595%;
  height: 12.08054%;
  left: 3.78378%;
  top: 75.16779%;
}

.select2-container {
  z-index: 2;
}

/* 페이지타이틀 */
.page_title-section.list_page-section {
 /* 경매 안내 */ /* pc-top, mb-sticky */;
}

.page_title-section.list_page-section .section-inner.full_size {
  min-height: 200px;
}

.page_title-section.list_page-section .section-inner.full_size .padding-inner {
  position: relative;
  padding: 0 120px;
  /*height: 100%;*/
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page_title-section.list_page-section .section-inner.full_size .padding-inner .center-box {
  position: relative;
  padding: 40px 0;
}

@media all and (max-width: 1023px) {
  .page_title-section.list_page-section .section-inner.full_size {
    min-height: 160px;
  }

  .page_title-section.list_page-section .section-inner.full_size .padding-inner {
    padding: 0 25px;
  }
}

.page_title-section.list_page-section .auction_head_info-article {
  /*height: 100%;*/
}

.page_title-section.list_page-section .auction_head_info-article .center-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page_title-section.list_page-section .auction_head_info-article .center-box.ing, .page_title-section.list_page-section .auction_head_info-article .center-box.view {
  padding-right: 450px;
}

.page_title-section.list_page-section .auction_head_info-article .center-box .page_title {
  height: auto;
  text-align: left;
}

.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list {
  /*display: flex;*/
  margin-top: 24px;
}

.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li {
  position: relative;
}
.wrap-preview-content {
  display: flex;
}
/*.mo-only.wrap-preview-content {*/
/*  display: none;*/
/*}*/
.wrap-preview-content .preview-title,
.wrap-preview-content .preview-data-content,
.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li span,
.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li .preview-title,
.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li .preview-data-content {
  font-weight: 400;
  font-size: 14px;
  color: #888
}
.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li .preview-title {
  width: 70px;
}
.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li .preview-data-content:not(:first-child) {
  margin-top: 4px;
}

.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li span:last-child {
  margin-left: 10px;
}

.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li + li {
  /*margin-left: 20px;*/
  /*padding-left: 20px;*/
}

/*.page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li + li::before {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 7px;*/
/*  left: 0px;*/
/*  width: 1px;*/
/*  height: 16px;*/
/*  background-color: #bbb;*/
/*}*/



@media all and (max-width: 1279px) {
  .page_title-section.list_page-section .auction_head_info-article .center-box .page_title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .page_title .th1 {
    line-height: 1.5;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list {
    display: flex;
    flex-direction: column;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li span:last-child {
    margin-left: 5px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li + li {
    margin-left: 0px;
    padding-left: 0px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li + li:before {
    display: none;
  }
}

@media all and (max-width: 1023px) {
  .page_title-section.list_page-section .auction_head_info-article .center-box {
    padding-right: 0px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box.ing, .page_title-section.list_page-section .auction_head_info-article .center-box.view {
    padding-right: 0px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li {
    position: relative;
    margin-bottom: 8px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li span {
    font-size: 15px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li span:last-child {
    margin-left: 5px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li + li {
    margin-left: 0px;
    padding-left: 0px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .event_day-list li + li::before {
    display: none;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .btn_set {
    margin-top: 15px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .btn_set .btn {
    width: auto;
    font-size: 14px;
    padding: 0 25px;
    line-height: 35px;
  }

  .page_title-section.list_page-section .auction_head_info-article .center-box .btn_set .btn + .btn {
    margin-left: 10px;
  }
}

.page_title-section.list_page-section .proceeding-article {
  position: relative;
}

.page_title-section.list_page-section .proceeding-article .article-inner {
  width: 430px;
  padding: 25px 40px;
  border: solid 1px #e5e5e5;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 2px;
}

.page_title-section.list_page-section .proceeding-article .article-inner .column + .column {
  margin-top: 6px;
}


.page_title-section.list_page-section .proceeding-article .article-inner .note_msg {
  font-size: 14px;
  font-weight: 500;
  margin-right: 30px;
}

.page_title-section.list_page-section .proceeding-article .article-inner .ac-list {
  display: flex;
}

.page_title-section.list_page-section .proceeding-article .article-inner .ac-list.auction-online {
  max-width: 70%;
  position: relative;
}
.page_title-section.list_page-section .proceeding-article .article-inner .ac-list.auction-online li {
  max-width: 100%;
}

.page_title-section.list_page-section .proceeding-article .article-inner .ac-list li {
  position: relative;
  font-size: 22px;
  line-height: 38px;
  font-weight: 600;
}

.page_title-section.list_page-section .proceeding-article .article-inner .ac-list li .count {
  color: #333333;
}

.page_title-section.list_page-section .proceeding-article .article-inner .ac-list li .name {
  color: #555555;
}
.page_title-section.list_page-section .proceeding-article .article-inner .ac-list.auction-online li .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%
}
@media all and (max-width: 1023px) {
  /*.only-pc.wrap-preview-content {*/
  /*  display: none;*/
  /*}*/
  /*.mo-only.wrap-preview-content {*/
  /*  display: flex;*/
  /*}*/
  .page_title-section.list_page-section .proceeding-article .article-inner .ac-list.auction-online {
    max-width: 60%;
  }
  .page_title-section.list_page-section .proceeding-article .article-inner .ac-list.auction-online li .name {
    max-width: 100%
  }
}


.page_title-section.list_page-section .proceeding-article .article-inner .ac-list li + li {
  margin-left: 13px;
  padding-left: 13px;
}

.page_title-section.list_page-section .proceeding-article .article-inner .ac-list li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 1px;
  height: 20px;
  background-color: #ccc;
}

.page_title-section.list_page-section .proceeding-article .article-inner .note_etc span, .page_title-section.list_page-section .proceeding-article .article-inner .note_etc strong {
  line-height: 30px;
  vertical-align: middle;
}

.page_title-section.list_page-section .proceeding-article .article-inner .note_etc span {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
}

.page_title-section.list_page-section .proceeding-article .article-inner .note_etc strong {
  font-size: 14px;
  font-weight: 400;
  color: #111111;
  margin-left: 5px;
  line-height: 1.2;
}

.page_title-section.list_page-section .proceeding-article .article-inner i {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -15px;
}

@media all and (max-width: 1023px) {
  .page_title-section.list_page-section .proceeding-article {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    box-shadow: 0px -5px 10px 0 rgba(0, 0, 0, 0.07), 0px -5px 10px 0 rgba(0, 0, 0, 0.07);
    border-width: 1px 1px 0 0;
    border-color: #fff;
    border-radius: 20px 20px 0 0;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner {
    width: 100%;
    padding: 18px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*box-shadow: 0px -5px 10px 0 rgba(0, 0, 0, 0.07), 0px -5px 10px 0 rgba(0, 0, 0, 0.07);*/
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .column + .column {
    margin-top: 3px;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .column {
    display: flex;
    font-size: 16px;
    padding-right: 40px;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .column.view .note_msg {
    font-size: 16px;
    margin-right: 18px;
    line-height: 23px;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .note_msg {
    font-size: 16px;
    margin-right: 18px;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .ac-list li {
    font-size: 14px;
    line-height: 37px;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .ac-list li + li {
    margin-left: 8px;
    padding-left: 8px;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .ac-list li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0px;
    width: 1px;
    height: 11px;
    background-color: #ccc;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .note_etc {
    font-size: 0;
    line-height: 0;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .note_etc span, .page_title-section.list_page-section .proceeding-article .article-inner .note_etc strong {
    line-height: 18px;
    vertical-align: middle;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .note_etc span {
    font-size: 13px;
    font-weight: 500;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner .note_etc strong {
    font-size: 15px;
    font-weight: 400;
    margin-left: 8px;
  }

  .page_title-section.list_page-section .proceeding-article .article-inner i {
    right: 20px;
    margin-top: -12px;
  }
}

/* 리스트 섹션 */
.tab-auction-section {
  margin-top: 80px;
  padding: 0 120px;
  max-width: 1920px;
}

.auction_list-section {
  margin-top: 0;
  padding: 0 0 0 40px;
  max-width: calc(1920px - 300px - 40px)
}

.tab-wrap {
  background: #fff;
  z-index: 1;
  padding-top: 2px;
}

.tab-wrap.hold_start {
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
}

.tab-wrap.hold_start .tab-area {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}

@media all and (max-width: 1439px) {
  .page_title-section.list_page-section .section-inner.full_size .padding-inner {
    padding: 0 20px;
  }
  .tab-auction-section {
    margin-top: 80px;
    padding: 0 50px;
    max-width: 1420px;
  }

  .auction_list-section {
    margin-top: 0;
    max-width: 1420px;
  }

  .tab-wrap.hold_start .tab-area {
    padding: 0 50px;
  }
}

@media all and (max-width: 1023px) {
  .tab-auction-section {
    margin-top: 12px;
    padding: 0px;
  }

  .auction_list-section {
    margin-top: 0;
    padding: 0 25px;
  }

  .tab-wrap.hold_start {
    top: 57px !important;
  }

  .tab-wrap.hold_start .tab-area {
    padding: 0;
  }
}

/* 리스트 컨텐츠 - 패널 */
.content-panel {
 /* 텝메뉴 , 검색 */ /* 상품 리스트 */;
}

.content-panel.type_panel-search_tab .panel-header {
  padding: 0;
}

.content-panel.type_panel-search_tab .panel-body {
  padding: 0;
}

.content-panel.type_panel-search_tab .search_tab-article {
  padding: 30px 0;
}

.content-panel.type_panel-search_tab .search_tab-article .article-body {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item {
  display: flex;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item > .select-box {
  min-width: 120px;
 /* min-width: 152px; */;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item > .select-box .trp-dropdown-area.h42-line button {
  padding: 10px;
}
.content-panel.type_panel-search_tab .search_tab-article .col_item > .wrap-left-search .select-box .trp-dropdown_list-box,
.content-panel.type_panel-search_tab .search_tab-article .col_item > .select-box .trp-dropdown_list-box {
  min-width: 172px;
  padding: 0;
  top: 52px;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item > div + div {
  margin-left: 10px;
}
.content-panel.type_panel-search_tab .search_tab-article .col_item > div.search-reset.only-pc + div {
  margin-left: 0;
}


.content-panel.type_panel-search_tab .search_tab-article .col_item > .search-box {
  width: 230px;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .count {
  height: 42px;
  line-height: 22px;
  padding: 10px 0;
  color: #333;
}
.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search {
  display: flex;
}
.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .count {
  height: 42px;
  line-height: 22px;
  padding: 10px 0;
  color: #333;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box {
  min-width: 90px;
  position: relative;
  /*margin-left: 14px;*/
  padding-left: 15px;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .count em {
  font-weight: 600;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box {
  min-width: 90px;
  position: relative;
  margin-left: 14px;
  padding-left: 15px;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 16px;
  background: #ccc;
  transform: translateY(-50%);
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box .trp-dropdown-area.h42-line button {
  padding: 10px 0;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box .trp-dropdown-area.h42-line button span {
  margin: 0;
}

.content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 .js-dropdown-btn.active i {
  transform: rotate(180deg);
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-search_tab .panel-body {
    padding: 0 25px;
  }

  .content-panel.type_panel-search_tab .search_tab-article {
    padding: 21px 0 30px;
  }

  .content-panel.type_panel-search_tab .search_tab-article .article-body {
    display: block;
    justify-content: initial;
  }

  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 {
    justify-content: space-between;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .count,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .count {
    height: 35px;
    line-height: 23px;
    padding: 6px 0;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box {
    min-width: auto;
    position: static;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box::before,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box::before {
    display: none;
  }

  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box .trp-dropdown-area.h42-line button,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box .trp-dropdown-area.h42-line button {
    padding: 6px 40px 6px 0px;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box .trp-dropdown-area.h42-line button .form-select_arrow_md,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box .trp-dropdown-area.h42-line button .form-select_arrow_md {
    right: -9px;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box .trp-dropdown_list-box,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box .trp-dropdown_list-box {
    top: 35px;
    min-width: 200px;
    right: 0;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box.only-mb button,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box.only-mb button {
    position: relative;
    padding: 6px 50px 6px 0px;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box.only-mb button span,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box.only-mb button span {
    font-size: 13px;
    font-weight: 600;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .select-box.only-mb button i,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .select-box.only-mb button i {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('https://seoulauction.com/images/common/sp_forms.png');
    background-size: 132px 125px;
    background-position: -35px -35px;
    position: absolute;
    right: 5px;
    top: 2.5px;
  }
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .wrap-left-search .search-box,
  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col1 > .search-box {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }

  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col2 {
    flex-wrap: wrap;
  }

  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col2 > .search-box {
    width: 100%;
  }

  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col2 > .select-box {
    flex: 1;
    margin-top: 10px;
    margin-left: 0;
  }

  .content-panel.type_panel-search_tab .search_tab-article .col_item.mb-col2 > .select-box:last-child {
    margin-top: 10px;
    margin-left: 10px;
  }
}

.content-panel.type_panel-product_list .search_tab-article {
  padding: 30px 0;
}

.content-panel.type_panel-product_list .search_tab-article .article-body {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-product_list .search_tab-article .col_item {
  display: flex;
}

.content-panel.type_panel-product_list .search_tab-article .col_item .select-box {
  min-width: 152px;
}

.content-panel.type_panel-product_list .search_tab-article .col_item .select-box + .select-box {
  margin-left: 10px;
}

.content-panel.type_panel-product_list .search_tab-article .col_item .select-box + .search-box {
  margin-left: 10px;
}

.content-panel.type_panel-product_list .search_tab-article .col_item .search-box {
  width: 230px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_list .search_tab-article {
    padding: 21px 0 30px;
  }

  .content-panel.type_panel-product_list .search_tab-article .article-body {
    display: block;
    justify-content: initial;
  }

  .content-panel.type_panel-product_list .search_tab-article .col_item.mb-col1 {
    display: block;
  }

  .content-panel.type_panel-product_list .search_tab-article .col_item.mb-col1 .select-box {
    display: inline-block;
  }

  .content-panel.type_panel-product_list .search_tab-article .col_item.mb-col1 .search-box {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }

  .content-panel.type_panel-product_list .search_tab-article .col_item.mb-col2 .select-box {
    flex: 1;
  }

  .content-panel.type_panel-product_list .search_tab-article .col_item.mb-col2 .select-box:first-child {
    margin-top: 10px;
    margin-right: 5px;
  }

  .content-panel.type_panel-product_list .search_tab-article .col_item.mb-col2 .select-box:last-child {
    margin-top: 10px;
    margin-left: 5px;
  }
}

.content-panel.type_panel-product_list .product-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc( 100% + 20px);
  margin-left: -10px;
 /* @media all and (max-width:$G-width)  { li { width: 50%; } } */;
}

.content-panel.type_panel-product_list .product-list li {
  width: 20%;
  max-width: 20%;
  flex-grow: 1;
  padding: 0 11px 48px 11px;
}

@media all and (max-width: 1440px) {
  .content-panel.type_panel-product_list .product-list li {
    width: 25%;
    max-width: 25%;
  }
}


.content-panel.type_panel-product_list .product-list li .li-inner {
  position: relative;
  border: 1px solid #ededed;
  height: 100%;
  border-radius: 3px;
}


@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_list .product-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
  }

  .content-panel.type_panel-product_list .product-list li {
    width: 100%;
    max-width: 100%;
    padding: 0 5px;
    padding-bottom: 32px;
  }
}

.content-panel.type_panel-product_list .product-list .item-article .image-area {
  position: relative;
}

/*.content-panel.type_panel-product_list .product-list .item-article .image-area .img-ratio {*/
/*  background-color: #fafafa;*/
/*}*/

.content-panel.type_panel-product_list .product-list .item-article .image-area .img-ratio .img-align {
  padding: 5px;
}

.content-panel.type_panel-product_list .product-list .item-article .image-area img {
  width: 100%;
}

.content-panel.type_panel-product_list .product-list .item-article .image-area .typo-align {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-panel.type_panel-product_list .product-list .item-article .image-area .category_name {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area {
  padding: 0px 20px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area > div {
  position: relative;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .num_heart-box {
  display: flex;
  justify-content: space-between;
  padding: 18px 0 0px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .info-box {
  padding: 0px 0 15px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-box {
  padding: 15px 0 15px;
  border-top: 1px solid #ededed;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-box.height_hold {
  height: 135px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .bidding-box {
  padding: 15px 0 15px;
  border-top: 1px solid #ededed;
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .bidding-box.col_2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .bidding-box.col_2 .btn_set .btn {
  /*width: 100%;*/
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box {
  position: relative;
  display: flex;
  padding: 20px 0;
  border-top: 0.5px solid #e5e5e5;
  align-items: center;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .state {
  width: 63px;
  font-size: 0;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .state > div {
  display: block;
  width: 63px;
  height: 38px;
  font-size: 14px;
  font-weight: 500;
  color: #21a099;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .state.op-ing > div {
  background-color: #fff;
  border: 1px solid #4dada7;
  color: #21a099;
}


.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .state.op-end > div {
  background-color: #ededed;
  border-color: #ededed;
  color: #777777;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .other {
  width: calc(100% - 63px);
  padding-left: 10px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .other div {
  font-size: 13px;
  font-weight: 500;
  color: #777;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .other .sale-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .num {
  font-size: 16px;
  font-weight: 500;
  color: #555;
  line-height: 30px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .heart {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .heart.on i::after {
  background-image: url("https://seoulauction.com/images/common/icon-heart-18.svg");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .heart i {
  margin-right: -3px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .title {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: 30px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .title span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .sub {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .desc {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #555;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
  min-height: 20px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .desc span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .standard {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
  min-height: 24px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .standard span {
  line-height: 16px;
  min-height: 16px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .standard > span.span_block:first-child {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .standard a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content-panel.type_panel-product_list .product-list .item-article .typo-area .standard .size_year {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.content-panel.type_panel-product_list .product-list .item-article .typo-area .standard .size_year span {
  position: relative;
  display: inline-block;
}


.content-panel.type_panel-product_list .product-list .item-article .typo-area .standard .size_year span + span {
  margin-left: 5px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list {
  position: relative;
  padding-left: 40px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list dt {
  position: absolute;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  color: #777;
  line-height: 26px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list dd {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  text-align: right;
  line-height: 22px;
  height: auto;
  min-height: 22px;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list strong {
  font-size: 14px;
  font-weight: 500;
  color: #db1b1b;
}
.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list strong.primary {
  font-weight: bold;
  color: #21a099;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list em {
  font-size: 12px;
  font-weight: 500;
  color: #db1b1b;
  margin-left: 5px;
  word-break: keep-all;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list strong.comment, .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list em.comment {
  color: #21a099;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list s {
  font-size: 16px;
  font-weight: bold;
  color: #777777;
  text-decoration: none;
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .deadline_set {
  font-size: 13px;
  font-weight: 400;
  color: #777;
  display: flex;
  align-items: center;
  /*line-height: 48px;*/
}

.content-panel.type_panel-product_list .product-list .item-article .typo-area .btn_set .btn {
  min-width: 130px;
}

.content-panel.type_panel-product_list .product-list .item-article .product_cancle-area {
  display: none;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.content-panel.type_panel-product_list .product-list .item-article .product_cancle-area .area-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;

}

.content-panel.type_panel-product_list .product-list .item-article .product_cancle-area .typo {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #888;
  line-height: 1.64;
}

.content-panel.type_panel-product_list .product-list .item-article.result img {
  max-width: 100px;
  max-height: 100px;
}

@media all and (max-width: 1280px) {
  .content-panel.type_panel-product_list .product-list .item-article .typo-area .title {
    font-size: 20px;
    line-height: 30px;
    min-height: 30px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .sub {
    font-size: 14px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .desc {
    margin-top: 5px;
    font-size: 15px;
    min-height: 19px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .standard {
    font-size: 14px;
    /*min-height: 60px;*/
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list {
    padding-left: 50px;
    /*min-height: 168px;*/
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list dt {
    position: absolute;
    left: 0;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list dd {
    font-size: 14px;
    line-height: 22px;
    height: auto;
    min-height: 22px;
  }
  #data-last-price dd {
    /* 온라인 경매 리스트 > 마지막줄인 현재가 에서는 em (응찰)텍스트가 다음 라인으로 무조건 떨어지므로 두 줄 높이를 min-height 로 설정 */
    min-height: 48px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list strong {
    font-size: 14px;
    font-weight: 700;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list em {
    font-size: 14px;
    font-weight: 500;
    display: block;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list s {
    font-size: 14px;
    font-weight: 700;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .deadline_set {
    font-size: 13px;
    /*line-height: 43px;*/
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .info-box {
    padding: 0 0 15px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .bidding-box {
    flex-direction: column;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .btn_set .btn {
    min-width: 100%;
  }
}


@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_list .product-list .item-article .typo-area {
    padding: 0 20px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area > div {
    position: relative;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .num_heart-box {
    display: flex;
    justify-content: space-between;
    padding: 14px 0 0px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .info-box {
    padding: 0px 0 15px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-box {
    padding: 15px 0 15px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-box.height_hold {
    height: auto;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .bidding-box {
    padding: 15px 0 15px;
    display: flex;
    justify-content: space-between;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box {
    position: relative;
    display: flex;
    padding: 20px 0;
    border-top: 0.5px solid #e5e5e5;
    align-items: center;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .state {
    width: 60px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .state > div {
    width: 60px;
    height: 32px;
    font-size: 13px;
    line-height: 32px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .other {
    width: calc(100% - 60px);
    padding-left: 10px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .state-box .other > div {
    font-size: 14px;
    line-height: 1.2;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .num {
    font-size: 14px;
    line-height: 30px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .heart {
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .heart i {
    margin-right: 0;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .heart.on i::after {
    background-image: url(https://seoulauction.com/images/common/icon-heart-18.svg);
    /*background-size: 508.5px 490px;*/
    /*background-position: -405.5px -177.5px;*/
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .title {
    font-size: 20px;
    line-height: 30px;
    min-height: 30px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .sub {
    font-size: 14px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .desc {
    margin-top: 5px;
    font-size: 15px;
    letter-spacing: -1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 24px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .standard {
    margin-top: 5px;
    font-size: 14px;
    min-height: 24px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .standard span {
    line-height: 16px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .standard .size_year span {
    position: relative;
    display: inline-block;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .standard .size_year span + span {
    margin-left: 10px;
    padding-left: 10px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .standard .size_year span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #bbb;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list {
    padding-left: 60px;
    /*min-height: 168px;*/
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list dt {
    position: absolute;
    left: 0;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list dd {
    font-size: 14px;
    line-height: 22px;
    min-height: 22px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list strong {
    font-size: 14px;
    font-weight: 500;
  }
  /*모바일에서는 마지막줄 (응찰 15) 텍스트를 현재가와 한 줄로 나오게 수정*/
  #data-last-price dd {
    min-height: 24px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list em {
    font-size: 14px;
    font-weight: 500;
    display: inline;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .price-list s {
    font-size: 14px;
    font-weight: bold;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .bidding-box {
    flex-direction: row;
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .deadline_set {
    font-size: 13px;
    /*line-height: 43px;*/
  }

  .content-panel.type_panel-product_list .product-list .item-article .typo-area .btn_set .btn {
    min-width: 135px;
  }

  .content-panel.type_panel-product_list .product-list .item-article .product_cancle-area .typo {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
  }
}

.content-panel.type_panel-product_list .product-list li.cancel .item-article .product_cancle-area {
  display: block;
}

.content-panel.type_panel-product_list .set-pc_mb .only-mb {
  text-align: center;
  margin-top: 13px;
}

.content-panel.type_panel-product_list .set-pc_mb .only-mb .btn {
  width: 160px;
}

.basis-section.auction_view-section {
  margin-top: 0;
}

@media all and (max-width: 1023px) {
  .basis-section.auction_view-section {
    margin-top: 0;
  }
}

.content-panel {
 /* 상품 상세   */;
}

.content-panel.type_panel-product_view .panel-header {
 /* height: calc( 80px + 25px + 42px ); */
  padding: 0;
}

.content-panel.type_panel-product_view .panel-header .header-inner {
  position: relative;
}

.content-panel.type_panel-product_view .panel-body {
  margin-top: 80px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .panel-header {
    padding: 0px;
    border-bottom: 0;
    height: auto;
  }

  .content-panel.type_panel-product_view .panel-body {
    margin-top: 0px;
  }
}

.content-panel.type_panel-product_view .page_name-article {
  padding: 0px 0px;
  width: 100%;
 /* height: calc( 80px + 25px + 42px );  */
  background-color: #fff;
  z-index: 2;
}

.content-panel.type_panel-product_view .page_name-article.hold_start {
  width: calc(100% - 100px);
  max-width: 1320px;
}

.content-panel.type_panel-product_view .page_name-article.hold_start.hold_stop {
  width: 100%;
}

.content-panel.type_panel-product_view .page_name-article .row-box {
  display: flex;
  justify-content: space-between;
  padding: 80px 0 25px;
  border-bottom: 1px solid #dedede;
  align-items: center;
}

.content-panel.type_panel-product_view .page_name-article .row-box .col_item:first-child {
  width: calc(100% - 170px);
 /* width: per(762px, 1320px); */;
}

.content-panel.type_panel-product_view .page_name-article .row-box .col_item:last-child {
  width: 250px;
 /* width: per(426px, 1320px); */
  text-align: right;
}

.content-panel.type_panel-product_view .page_name-article .page_title {
  display: flex;
  align-items: center;
}

/*.content-panel.type_panel-product_view .page_name-article .page_title a {*/
/*  display: inline-block;*/
/*  height: 48px;*/
/*  text-align: left;*/
/*}*/

.content-panel.type_panel-product_view .page_name-article .page_title i, .content-panel.type_panel-product_view .page_name-article .page_title span {
  vertical-align: middle;
}

.content-panel.type_panel-product_view .page_name-article .page_title i {
  margin-left: -14px;
  margin-top: 3px;
}

.content-panel.type_panel-product_view .page_name-article .page_title span.go-auction-list-text {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  line-height: 1.2;
  font-family: "Noto Serif KR", serif;
  padding: 5px 0
}


.content-panel.type_panel-product_view .page_name-article .select-box {
  display: inline-block;
  width: 170px;
}

.content-panel.type_panel-product_view .page_name-article .select-box select {
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .page_name-article {
    position: relative !important;
    width: calc( 100% + 50px);
    height: auto;
    margin-left: -25px;
    padding: 0 20px;
    border-bottom: 1px solid #ededed;
  }

  .content-panel.type_panel-product_view .page_name-article .row-box {
    padding: 0;
    border-bottom: 0px;
  }

  .content-panel.type_panel-product_view .page_name-article .row-box .col_item:first-child {
    width: 100%;
  }

  .content-panel.type_panel-product_view .page_name-article .row-box .col_item:last-child {
    display: none;
  }

  .content-panel.type_panel-product_view .page_name-article .page_title i {
    margin-left: 0;
    margin-top: 20px;
    vertical-align: middle;
    position: absolute;
  }

  .content-panel.type_panel-product_view .page_name-article .page_title span.go-auction-list-text {
    font-size: 15px;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left;
  }
}

.content-panel.type_panel-product_view .row_view {
  display: flex;
 /* >.col_item:nth-child(1) { width: 73px;} */;
}
@media all and (min-width: 1023px) {
  .content-panel.type_panel-product_view .row_view {
    min-height: 300px;
  }
}


.content-panel.type_panel-product_view .row_view > .col_item:nth-child(1) {
  width: calc( 100% - (426px));
}

.content-panel.type_panel-product_view .row_view > .col_item:nth-child(2) {
  width: 426px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .row_view {
    display: block;
  }

  .content-panel.type_panel-product_view .row_view > .col_item:nth-child(2) {
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .row_view {
    display: flex;
  }


  .content-panel.type_panel-product_view .row_view > .col_item:nth-child(2) {
    width: 426px;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .row_view {
    display: block;
  }

  .content-panel.type_panel-product_view .row_view > .col_item:nth-child(1) {
    width: 100%;
  }

  .content-panel.type_panel-product_view .row_view > .col_item:nth-child(2) {
    width: 100%;
  }
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail {
  position: relative;
  padding: 58px 0;
  margin-top: -20px;
  height: calc( 576px + (58px * 2));
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .gallery_center {
  overflow: hidden;
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .gallery_center .swiper-slide {
  position: relative;
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .gallery_center .swiper-slide .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .gallery_center .swiper-slide img {
  width: 100%;
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .gallery_center .swiper-slide.active .line {
  border: 3px solid #21a099;
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .btn-prev, .content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .btn-next {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .btn-prev {
  top: 0;
}

.content-panel.type_panel-product_view .product_thumbnail-article .gallery_thumbnail .btn-next {
  bottom: 0;
}

.content-panel.type_panel-product_view .product_view-article {
  padding: 0 14.87696% 0 12.41611%;
  position: relative;
}

.content-panel.type_panel-product_view .product_view-article .product_thumbnail-area {
  position: absolute;
  top: 0;
  left: -100px;
  width: 9.61969%;
  max-width: 86px;
  min-width: 67px;
  overflow: hidden;
}

.content-panel.type_panel-product_view .product_view-article .view_row {
  position: relative;
}

.content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail {
  padding: 0;
  margin-top: 0;
}

.content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .swiper-wrapper {
  display: flex;
  flex-direction: column;
}

.content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide {
  position: relative;
  margin-bottom: 9.3023%;
  height: auto;
  width: 100%;
}

.content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide img {
  width: 100%;
}

.content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide.active .line {
  border: 1px solid #333;
  border-radius: 3px;
}


.content-panel.type_panel-product_view .product_view-article .gallery_center {
  overflow: hidden;
}

.content-panel.type_panel-product_view .product_view-article .image-area {
  position: relative;
}

.content-panel.type_panel-product_view .product_view-article .image-area .img-ratio {
  background-color: #fff;
}

.content-panel.type_panel-product_view .product_view-article .image-area .img-ratio .dim {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: none;
}

.content-panel.type_panel-product_view .product_view-article .image-area .img-ratio .dim i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content-panel.type_panel-product_view .product_view-article .image-area .img-ratio:hover {
 /* .dim { background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: block; i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } */
  cursor: url('https://seoulauction.com/images/common/icon-zoom.png') 20 30, auto;
}

.content-panel.type_panel-product_view .product_view-article .image-area img {
  width: 100%;
}

.content-panel.type_panel-product_view .product_view-article .image-area .typo-align {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-panel.type_panel-product_view .product_view-article .image-area .category_name {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_view-article .image-area .img-ratio:hover .dim {
    display: none;
  }
}

@media all and (max-width: 1439px) {
  .content-panel.type_panel-product_view .product_view-article {
    padding: 0 12.34568% 0 0;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area {
    position: relative;
    width: 100%;
    left: 0;
    margin-top: 20px;
    max-width: none;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail {
    padding: 0;
    margin-top: 0;
    width: 100%;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .swiper-wrapper {
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    width: 100%;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide:last-child {
    margin-right: 0;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide {
    position: relative;
    margin-bottom: 0;
    height: auto;
    width: 100%;
    margin-right: 8px;
    max-width: 5.625em;
    max-height: 5.625em;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide img {
    width: 100%;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area .gallery_thumbnail .slide.active .line {
    border: 1px solid #333;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_view-article {
    position: relative;
    padding: 0;
    width: calc(100% + 50px);
    margin-left: -25px;
  }

  .content-panel.type_panel-product_view .product_view-article .product_thumbnail-area {
    display: none;
  }
}

.content-panel.type_panel-product_view .product_view-article .view_scale-area {
  padding: 12px 0;
  text-align: center;
}

.content-panel.type_panel-product_view .product_view-article .view_scale-area a {
  display: inline-block;
}

.content-panel.type_panel-product_view .product_view-article .view_scale-area i, .content-panel.type_panel-product_view .product_view-article .view_scale-area span {
  vertical-align: middle;
}

.content-panel.type_panel-product_view .product_view-article .view_scale-area span {
  margin-left: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #555;
  line-height: 24px;
  vertical-align: 1px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_view-article .view_scale-area {
    position: absolute;
    bottom: -54px;
    right: 94px;
    z-index: 1;
  }
  .content-panel.type_panel-product_view .product_view-article .view_scale-area.exhibit-btn {
    right: 62px
  }
}

.content-panel.type_panel-product_view .product_view-article .pagination {
  display: none;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.content-panel.type_panel-product_view .product_view-article .pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: #ccc;
  opacity: 1;
}

.content-panel.type_panel-product_view .product_view-article .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #555;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_view-article .pagination {
    display: block;
    width: 100%;
    padding: 10px 0;
  }

  .content-panel.type_panel-product_view .product_view-article .pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 2px;
  }
}

.content-panel.type_panel-product_view .product_detail-article {
  width: 426px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article {
    width: 100%;
    position: relative !important;
    top: auto !important;
  }
}

.content-panel.type_panel-product_view .product_detail-article .index-area {
  display: flex;
  justify-content: space-between;
  font-size: 0;
  line-height: 0;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .index-box span {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #333333;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .btn-box {
  position: relative;
  text-align: right;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a {
  display: inline-block;
  cursor: pointer;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a.work_heart {
  vertical-align: -1px;
}


@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a.btn-icon_print {
    display: none;
  }
}

.content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a.work_heart.on i::after {
  background-image: url('https://public.seoulauction.io/resources/assets/images/common/ic_heart-mint.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a + a {
  margin-left: 20px;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .sns_layer-area {
  display: none;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .sns-layer {
  position: absolute;
  right: 0;
  margin-top: 10px;
  padding: 15px 20px;
  background-color: #fff;
  display: flex;
  box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.07), 1px 3px 10px 0 rgba(0, 0, 0, 0.07);
}

.content-panel.type_panel-product_view .product_detail-article .index-area .sns-layer .sns-item {
  position: relative;
  text-align: center;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .sns-layer .sns-item .txt {
  width: 70px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .sns-layer .sns-item + .sns-item {
  margin-left: 15px;
  padding-left: 15px;
}

.content-panel.type_panel-product_view .product_detail-article .index-area .sns-layer .sns-item + .sns-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 43px;
  background-color: #bdbdbd;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .index-area {
    padding-top: 16px;
  }

  .content-panel.type_panel-product_view .product_detail-article .index-area .index-box span {
    font-size: 18px;
    line-height: 30px;
  }

  .content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a.sns_share.on i::after {
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -442.5px -35px;
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a.work_heart.on i::after {
    background-image: url('https://public.seoulauction.io/resources/assets/images/common/ic_heart-mint.svg');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }

  .content-panel.type_panel-product_view .product_detail-article .index-area .btn-box a + a {
    margin-left: 10px;
  }
}

.content-panel.type_panel-product_view .product_detail-article .artist-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 25px;
  min-height: 137px;
}
@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .artist-area {
    min-height: 120px;
  }
}

.content-panel.type_panel-product_view .product_detail-article .artist-area .name strong {
  word-break: break-all;
}

.content-panel.type_panel-product_view .product_detail-article .artist-area .desc {
  margin-top: 16px;
}

.content-panel.type_panel-product_view .product_detail-article .artist-area strong {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  display: block;
  line-height: 30px;
  margin-bottom: 12px;
}

.content-panel.type_panel-product_view .product_detail-article .artist-area span {
  font-size: 16px;
  font-weight: 400;
  color: #555;
  line-height: 20px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .artist-area {
    height: auto;
    padding: 10px 0 20px;
  }

  .content-panel.type_panel-product_view .product_detail-article .artist-area .name strong {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 4px;
  }

  .content-panel.type_panel-product_view .product_detail-article .artist-area .name span {
    margin-top: 5px;
  }

  .content-panel.type_panel-product_view .product_detail-article .artist-area .desc {
    margin-top: 8px;
  }

  .content-panel.type_panel-product_view .product_detail-article .artist-area strong {
    font-size: 22px;
  }

  .content-panel.type_panel-product_view .product_detail-article .artist-area span {
    font-size: 15px;
    color: #555;
    line-height: 24px;
  }

  .content-panel.type_panel-product_view .product_detail-article .artist-area strong + span {
    margin-left: 0px;
  }
}

.content-panel.type_panel-product_view .product_detail-article .price-area {
  padding: 26px 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.content-panel.type_panel-product_view .product_detail-article .price-area .price-list {
  position: relative;
  padding-left: 60px;
}

.content-panel.type_panel-product_view .product_detail-article .price-area .price-list dt {
  position: absolute;
  left: 0;
  font-size: 16px;
  font-weight: 400;
  color: #555;
  line-height: 30px;
  height: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .price-area .price-list dd {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 30px;
  height: 30px;
  text-align: right;
}

.content-panel.type_panel-product_view .product_detail-article .price-area .price-list strong {
  font-weight: bold;
  color: #db1b1b;
}

.content-panel.type_panel-product_view .product_detail-article .price-area .price-list strong.primary {
  font-weight: bold;
  color: #39C3BC;
}

.content-panel.type_panel-product_view .product_detail-article .price-area .price-list em {
  font-weight: 500;
  color: #db1b1b;
  margin-left: 5px;
}

.content-panel.type_panel-product_view .product_detail-article .price-area .price-list s {
  font-size: 16px;
  font-weight: bold;
  color: #777777;
  text-decoration: none;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .price-area {
    padding: 16px 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .price-area .price-list {
    position: relative;
    padding-left: 60px;
  }

  .content-panel.type_panel-product_view .product_detail-article .price-area .price-list dt, .content-panel.type_panel-product_view .product_detail-article .price-area .price-list dd {
    font-size: 15px;
    line-height: 20px;
    height: auto;
    min-height: 28px;
    padding: 4px 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .price-area .price-list em {
    font-weight: 500;
  }

  .content-panel.type_panel-product_view .product_detail-article .price-area .price-list b {
    font-weight: 700;
  }

  .content-panel.type_panel-product_view .product_detail-article .price-area .price-list s {
    font-size: 15px;
  }
}

.content-panel.type_panel-product_view .product_detail-article .button-area {
  padding: 30px 0 28px;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .btn_set + .btn_set {
  margin-top: 20px;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .btn_set .btn_item {
  position: relative;
  width: 100%;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .btn_set.cols_2 .btn_item:first-child {
  margin-right: 5px;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .btn_set.cols_2 .btn_item:last-child {
  margin-left: 5px;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .op_hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .hover_change:hover .op_hover {
  display: block;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .btn_black.btn_2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 56px;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .btn_black.btn_2 em {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.content-panel.type_panel-product_view .product_detail-article .button-area .btn_black.btn_2 strong {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .button-area {
    padding: 16px 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .button-area .btn_set + .btn_set {
    margin-top: 0px;
  }

  .content-panel.type_panel-product_view .product_detail-article .button-area .btn_set.only-pc {
    display: none;
  }
}

.content-panel.type_panel-product_view .product_detail-article .other-area {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-product_view .product_detail-article .other-area .inquiry-box, .content-panel.type_panel-product_view .product_detail-article .other-area .print-box {
  font-size: 0;
  line-height: 0;
}

.content-panel.type_panel-product_view .product_detail-article .other-area .print-btn {
  width: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .other-area i, .content-panel.type_panel-product_view .product_detail-article .other-area span {
  vertical-align: middle;
}

.content-panel.type_panel-product_view .product_detail-article .other-area i + span {
  margin-left: 5px;
}

.content-panel.type_panel-product_view .product_detail-article .other-area i {
  margin-left: -3px;
}

.content-panel.type_panel-product_view .product_detail-article .other-area span {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .other-area .print-btn {
    width: 25px;
  }

  .content-panel.type_panel-product_view .product_detail-article .other-area span {
    font-size: 16px;
    line-height: 25px;
  }
}

.content-panel.type_panel-product_view .product_detail-article .notice-area {
  padding: 30px 0;
  border: 1px solid #999999;
  border-width: 1px 0;
  margin-top: 70px;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .tit-box {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #333333;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .con-box {
  margin-top: 20px;
  line-height: 28px;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .con-box .con-area {
  height: 140px;
  overflow: hidden;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .con-box .btn-area {
  text-align: right;
  margin-top: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .con-box .btn-area .btn-more {
  font-weight: 500;
  color: #555555;
  display: inline-block;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .con-box .btn-area .btn-more i {
  vertical-align: middle;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .con-box.on .con-area {
  height: 100%;
}

.content-panel.type_panel-product_view .product_detail-article .notice-area dl .con-box.on .btn-more i {
  transform: rotate(180deg);
}

.content-panel.type_panel-product_view .product_detail-article .saleprice-area {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-product_view .product_detail-article .saleprice-area dl {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-product_view .product_detail-article .saleprice-area dt, .content-panel.type_panel-product_view .product_detail-article .saleprice-area dd {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .saleprice-area dd {
  font-weight: bold;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .saleprice-area {
    padding: 25px 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .saleprice-area dt, .content-panel.type_panel-product_view .product_detail-article .saleprice-area dd {
    font-size: 15px;
  }
}

.content-panel.type_panel-product_view .product_detail-article .inquirybtn-area {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-product_view .product_detail-article .inquirybtn-area .btnset {
  display: flex;
  align-items: center;
}

.content-panel.type_panel-product_view .product_detail-article .inquirybtn-area .btnset .btn-box {
  position: relative;
}

.content-panel.type_panel-product_view .product_detail-article .inquirybtn-area .btnset .btn-box:first-child {
  width: 360px;
}

.content-panel.type_panel-product_view .product_detail-article .inquirybtn-area .btnset .btn-box:first-child .btn {
  width: 100%;
}

.content-panel.type_panel-product_view .product_detail-article .inquirybtn-area .btnset .btn-box:last-child {
  width: calc( 100% - 360px);
  text-align: right;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .inquirybtn-area {
    padding: 25px 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquirybtn-area .btnset .btn-box:first-child {
    width: 100%;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquirybtn-area .btnset .btn-box:last-child {
    display: none;
  }
}

.content-panel.type_panel-product_view .product_detail-article .inquiryinfo-area .inquiryinfo-box {
  position: relative;
  padding-left: 40px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiryinfo-area .inquiryinfo-box i {
  position: absolute;
  top: 0;
  left: 0;
}

.content-panel.type_panel-product_view .product_detail-article .inquiryinfo-area .inquiryinfo-box .txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.72;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .inquiryinfo-area .inquiryinfo-box {
    padding-left: 30px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiryinfo-area .inquiryinfo-box i {
    position: absolute;
    top: 0;
    left: 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiryinfo-area .inquiryinfo-box .txt {
    font-size: 14px;
    line-height: 1.5;
  }
}

.content-panel.type_panel-product_view .product_detail-article .info-area {
  position: relative;
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-product_view .product_detail-article .info-area strong {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
}

.content-panel.type_panel-product_view .product_detail-article .info-area ul {
  margin-top: 15px;
}

.content-panel.type_panel-product_view .product_detail-article .info-area ul li {
  font-size: 18px;
  color: #555555;
  font-weight: 500;
  line-height: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .info-area .print-box {
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 0;
  line-height: 0;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .info-area {
    padding: 25px 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .info-area strong {
    font-size: 15px;
  }

  .content-panel.type_panel-product_view .product_detail-article .info-area ul {
    margin-top: 10px;
  }

  .content-panel.type_panel-product_view .product_detail-article .info-area ul li {
    font-size: 14px;
    line-height: 24px;
  }

  .content-panel.type_panel-product_view .product_detail-article .info-area .print-box {
    position: absolute;
    right: 0;
    bottom: 27px;
  }
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area {
  margin-top: 16px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .inquiry-box {
  padding: 40px;
  border: 1px solid #555555;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .title {
  font-size: 22px;
  font-weight: 700;
  color: #111111;
  line-height: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .title i, .content-panel.type_panel-product_view .product_detail-article .inquiry-area .title span {
  vertical-align: middle;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .title i + span {
  margin-left: 18px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .desc {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #555555;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .desc em {
  font-weight: 600;
  color: #333333;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area dl + dl {
  margin-top: 0;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area dl {
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area dl dt {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: 500;
  color: #777777;
  line-height: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area dl dd {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .btn_set {
  margin-top: 30px;
}

.content-panel.type_panel-product_view .product_detail-article .inquiry-area .btn_set .btn {
  width: 160px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail-article .inquiry-area {
    margin-top: 10px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area .inquiry-box {
    padding: 30px 20px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area .title {
    font-size: 17px;
    line-height: 25px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area .title i + span {
    margin-left: 10px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area .desc {
    margin-top: 15px;
    font-size: 17px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area dl + dl {
    margin-top: 0;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area dl {
    position: relative;
    padding-left: 16px;
    margin-top: 15px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area dl dt {
    font-size: 15px;
    line-height: 27px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area dl dd {
    font-size: 15px;
    line-height: 27px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area .btn_set {
    margin-top: 20px;
  }

  .content-panel.type_panel-product_view .product_detail-article .inquiry-area .btn_set .btn {
    width: 160px;
  }
}

.content-panel.type_panel-product_view .product_detail_view-article {
  width: calc( 100% - (426px));
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp {
  padding: 70px 14.87696% 110px 0;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc b {
  font-weight: 700;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box {
  display: flex;
  flex-wrap: wrap;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a {
  width: calc(50% - 20px);
  margin-top: 20px;
  margin-right: 20px;
  position: relative;
  height: 0;
  padding-bottom: calc(52.78% / 2);
  overflow: hidden;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a .dim {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a .dim i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a:hover .dim i {
  opacity: 1;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: unset;
  max-height: unset;
  z-index: -1;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap {
  margin-top: 40px;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box .tit {
  color: #333;
  position: relative;
  padding-left: 0px;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box .tit::before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 16px;
  background: #ccc;
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box .desc {
  /*padding-left: 18px;*/
}

.content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box + .info-sub-box {
  margin-top: 30px;
}

@media all and (max-width: 1439px) {
  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp {
    padding: 70px 12.34568% 110px 0;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_detail_view-article {
    width: 100%;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp {
    padding: 40px 0;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box {
    display: block;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a {
    width: 100%;
    margin-top: 17px;
    margin-right: 0;
    padding-bottom: 55.64%;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a .dim {
    right: 0;
    top: 0;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .desc .video_img-box a img {
    width: 100%;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap {
    margin-top: 30px;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box .tit {
    padding-bottom: 8px;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box .tit::before {
    width: 4px;
    height: 14px;
    top: 2px;
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box .desc {
  }

  .content-panel.type_panel-product_view .product_detail_view-article .view_editor-warp .info-box .info-sub-wrap .info-sub-box + .info-sub-box {
    margin-top: 26px;
  }
}

.content-panel.type_panel-product_view .product_recent_work-article {
  border-top: 1px solid #ededed;
}

.content-panel.type_panel-product_view .product_recent_work-article .article-header {
  padding: 72px 0 25px;
}

.content-panel.type_panel-product_view .product_recent_work-article .article-header .title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

.content-panel.type_panel-exhibition .article-header .notice{
  color: #555;
  line-height: 1.78;
  font-size: 18px;
  margin-top: 20px;
}
.content-panel.type_panel-exhibition .article-header .notice strong{
  font-weight: 500;
  display: block;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_recent_work-article .article-header {
    margin-top: 20px;
    padding: 20px 0 30px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .article-header .title {
    /*font-size: 22px;*/
    line-height: 1.36;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .article-header .title span {
    vertical-align: middle;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_recent_work-article .article-body .scroll-type {
    overflow: hidden;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_recent_work-article .article-body .scroll-type {
    width: calc( 100% + 50px);
    margin-left: -25px;
    padding: 0 25px;
  }
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list {
  display: flex;
  flex-direction: row;
  width: calc( 100% + 20px);
  margin-left: -10px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list li {
  width: 20%;
  padding: 0 10px;
  padding-bottom: 33px;
  flex-shrink: 1;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list li .li-inner {
  position: relative;
  border: 1px solid #ededed;
  border-radius: 3px;
  height: 100%;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list li.last-item {
  display: none;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_recent_work-article .product-list li {
    width: 272px;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_recent_work-article .product-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
 /* width: auto; margin-left: 0; */;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list li {
    width: 220px;
    min-width: 220px;
    padding: 0 5px;
    padding-bottom: 17px;
 /* &.last-item { display: block;  padding: 0 10px; } */;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list::after {
    content: "";
    display: block;
    padding: 0 10px;
  }
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .image-area {
  position: relative;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .image-area .img-ratio {
  background-color: #fafafa;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .image-area .img-ratio .img-align {
  padding: 5px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .image-area img {
  width: 100%;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .image-area .typo-align {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .image-area .category_name {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area {
  padding: 0px 20px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area > div {
  position: relative;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .num_heart-box {
  display: flex;
  justify-content: space-between;
  padding: 18px 0 0px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .info-box {
  padding: 8px 0 16px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .num {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  line-height: 1.5;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .heart {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .heart.on i::after {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -408px;
  width: 30px;
  height: 30px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .heart i {
  margin-right: -3px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .title {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .title span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .sub {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .desc {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
  letter-spacing: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: 24px;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .desc span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .product_cancle-area {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .product_cancle-area .area-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .product_cancle-area .typo {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #777777;
  line-height: 1.64;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area {
    padding: 0 20px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area > div {
    position: relative;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .num_heart-box {
    display: flex;
    justify-content: space-between;
    padding: 8px 0 0px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .info-box {
    padding: 0px 0 15px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .num {
    font-size: 14px;
    line-height: 30px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .heart {
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .heart i {
    margin-right: -5px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .heart.on i::after {
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -405.5px -177.5px;
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .title {
    font-size: 16px;
    line-height: 20px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .sub {
    font-size: 14px;
  }

  .content-panel.type_panel-product_view .product_recent_work-article .product-list .item-article .typo-area .desc {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: -1px;
    min-height: 19px;
  }
}

/* 모바일 응찰하기 */
.sticky_bidding-article {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.07), -5px 0 10px 0 rgba(0, 0, 0, 0.07);
}

.sticky_bidding-article .btn_set {
  position: relative;
  display: flex;
  width: 100%;
  height: 65px;
}

.sticky_bidding-article .btn_lot-box {
  position: relative;
  width: 33.33333%;
  height: 100%;
  background-color: #fff;
}

.sticky_bidding-article .btn_lot-box.ready {
  width: 100%;
}

.sticky_bidding-article .btn_lot-box button {
  display: block;
  width: 100%;
  height: 65px;
}

.sticky_bidding-article .btn_lot-box .txt {
  padding-top: 30px;
  width: 100%;
  height: 65px;
  border: 0;
  font-size: 15px;
  color: #333333;
  font-weight: 600;
  line-height: 1.3;
  vertical-align: bottom;
  text-align: center;
}

.sticky_bidding-article .btn_lot-box i {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -10px;
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box {
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100vw;
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box .search-box {
  padding: 10px 16px;
  position: relative;
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box .search-box .form-search_md {
  position: absolute;
  right: 23px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box .list-box {
  border-top: #ccc 1px solid;
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box .list-box li {
  padding: 10px 16px;
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box .list-box li a {
  display: flex;
  align-items: center;
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box .list-box li a .image-area {
  width: 50px;
}

.sticky_bidding-article .btn_lot-box.on .trp-dropdown_list-box .list-box li a .typo-area {
  padding-left: 18px;
}

.sticky_bidding-article .btn-box {
  position: relative;
  width: 66.66667%;
  height: 100%;
}

.sticky_bidding-article .btn-box button {
  width: 100%;
  height: 65px;
  background-color: #39C3BC;
  font-size: 15px;
  line-height: 65px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

.sticky_bidding-article .btn-box button.btn_gray {
  background: #E4E4E4;
  border: 1px solid #e4e4e4;
  color: #333;
}

@media all and (max-width: 1023px) {
  .sticky_bidding-article {
    display: block;
  }

  .sticky_bidding-article .btn_lot-box i {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
  }
}

/* 모바일 LOT */
.allview_fixed-wrap.lot {
  display: none;
}

@media all and (max-width: 1023px) {
  .allview_fixed-wrap.lot {
    display: block;
  }

  .allview_fixed-wrap.lot .fixed-panel {
    bottom: -55px;
  }

  .allview_fixed-wrap.lot.active .fixed-panel {
    bottom: 0;
  }
  .allview_fixed-wrap .fixed-panel .panel-body .tab-list li:first-child {
    margin-left: 20px;
  }
}

/* =============================== 섹션 이름  */
.basis-section {
 /* 비주얼 영역 */ /* 진행,예정 - 텝 */ /* 진행,예정 경매 - 리스트 */ /* 경매결과 - 텝 */ /* 경매결과 - 리스트 */ /* 제로경매 - 리스트 */ /* 제로경매 - view */;
}
/*upcoming update*/
.basis-section.key_visual-section {
  margin-top: 0;
  padding: 0;
  max-width: 2560px;
  background-image: url(/images/bg/bg-upcoming-top_pc.png);
  height: 400px;
  background-position: center;
}

.basis-section.key_visual-section .bgimg {
  height: 600px;
  background-color: #fff;
}


.basis-section.key_visual-section .type-dcount img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.basis-section.auction_other_list-section {
  margin-top: 0px;
}

@media all and (max-width: 1023px) {
  .basis-section.key_visual-section {
    height: 200px;
    background-image: url('https://seoulauction.com/images/bg/bg-upcoming-top_mo.png');
    margin-top: 0;
  }

  .basis-section.key_visual-section .type-dcount img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .basis-section.tab-auction_other-section {
    padding: 0;
  }

  .basis-section.auction_other_list-section {
    margin-top: 0px;
  }
}

.basis-section.bidding_application-section {
  margin-top: 65px;
}

@media all and (max-width: 1023px) {
  .basis-section.bidding_application-section {
    margin-top: 10px;
  }
}

.basis-section.auction_result_list-section {
  margin-top: 0;
}

@media all and (max-width: 1023px) {
  .basis-section.auction_result_list-section {
    margin-top: 0;
  }
}

.basis-section.zerobase_list-section {
  margin-top: 70px;
}

@media all and (max-width: 1023px) {
  .basis-section.zerobase_list-section {
    margin-top: 0;
  }
}

.basis-section.zerobase_view-section {
  margin-top: 70px;
  margin-bottom: 115px;
}

@media all and (max-width: 1023px) {
  .basis-section.zerobase_view-section {
    margin-top: 0;
    margin-bottom: 35px;
  }
}

/* 진행경매 예정경매가 없을 경우 나오는 페이지 시작 */
.no-progress-auctions-page{
  padding: 188px 0;
  display:flex;
  flex-direction: column;
  align-items: center;
}
.icon-area{
  margin-bottom:36px;
}
.alert-text-area{
  font-weight: 600;
  font-size: 32px;
  color: #555555;
  margin-bottom: 48px;
}
.previous-button-area{
  width: 160px;
  height: 48px;
  border: 1px solid #777777;
  color:#777777;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 진행경매 예정경매가 없을 경우 나오는 페이지 끝 */

/* =============================== 페널이름 */
.content-panel {
 /* =====진행,예정 경매 리스트===== */ /* ===경매 리스트=== */ /* 작품응찰신청 */ /* 카운터 */ /* 경매결과 - 텝 */ /* 경매결과 - 리스트 */ /* 제로베이스 - 리스트 */ /* 제로베이스 - info */ /* 제로베이스 - product list */;
}

.content-panel .auction-list {
 /* 리스트 아이템 */;
}

.content-panel .auction-list li .li-inner {
  padding: 40px 0;
  border-bottom: 1px solid #ededed;
}

@media all and (max-width: 1023px) {
  .content-panel .auction-list li .li-inner {
    padding: 30px 0;
  }
}

.content-panel .auction-list .item-article {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.content-panel .auction-list .item-article .typo-area {
  width: calc( 100% -280px);
}

.content-panel .auction-list .item-article .image-area {
  width: 280px;
}

.content-panel .auction-list .item-article .image-area .img-align {
  background-color: #f6f6f6;
}

@media all and (max-width: 1023px) {
  .content-panel .auction-list .item-article {
    display: block;
    justify-content: normal;
  }

  .content-panel .auction-list .item-article .typo-area {
    width: 100%;
  }

  .content-panel .auction-list .item-article .image-area {
    width: 100%;
    max-width: 210px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

.content-panel .auction-list .item-article .product_info .state-box span.type-online {
  border: solid 1px #1F97D4;
  color: #fff;
  background-color: #1F97D4;
  border-radius: 2px;
}

.content-panel .auction-list .item-article .product_info .state-box span.type-live {
  border: solid 1px #14ABA3;
  background-color: #14ABA3;
  color: #fff;
}

.content-panel .auction-list .item-article .product_info .state-box span.type-d_day {
  border: solid 1px #333;
  color: #fff;
  background-color: #333;
}

.content-panel .auction-list .item-article .product_info .state-box span {
  display: inline-block;
  padding: 0 10px;
  border: solid 1px #1F97D4;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .4px;
  line-height: 19px;
  color: #fff;
}

.content-panel .auction-list .item-article .product_info .title-box {
  margin-top: 10px;
}

.content-panel .auction-list .item-article .product_info .title-box span {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  font-family: "Noto Serif KR", serif;
}

.content-panel .auction-list .item-article .product_info .info-box {
  margin-top: 20px;
}

.content-panel .auction-list .item-article .product_info .info-box dl {
  position: relative;
  padding-left: 65px;
}

.content-panel .auction-list .item-article .product_info .info-box dt {
  font-size: 14px;
  /*line-height: 1.78;*/
  font-weight: 500;
}
.auction-list .item-article .product_info .info-box dd {
  font-weight: 400;
}

.content-panel .auction-list .item-article .product_info .info-box dt {
  position: absolute;
  left: 0;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: 500;
  color: #777;
}

.content-panel .auction-list .item-article .product_info .info-box dt::before {
  /*content: "";*/
  /*position: absolute;*/
  /*margin-top: 9px;*/
  /*right: -1px;*/
  /*width: 1px;*/
  /*height: 14px;*/
  /*background-color: #ccc;*/
}

.content-panel .auction-list .item-article .product_info .info-box dd {
  color: #555555;
  font-size: 14px;
}

.content-panel .auction-list .item-article .product_info .btn-box {
  margin-top: 20px;
}

.content-panel .auction-list .item-article .product_info .btn-box .btn {
  width: 170px;
}

.content-panel .auction-list .item-article .product_info .btn-box .btn:disabled {
  color: #777777;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}

@media all and (max-width: 1023px) {
  .content-panel .auction-list .item-article .product_info .state-box span {
    display: inline-block;
    padding: 0 8px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 13px;
  }

  .content-panel .auction-list .item-article .product_info .title-box {
    margin-top: 5px;
  }

  .content-panel .auction-list .item-article .product_info .title-box span {
    font-size: 18px;
  }

  .content-panel .auction-list .item-article .product_info .info-box {
    margin-top: 10px;
  }

  .content-panel .auction-list .item-article .product_info .info-box dl {
    padding-left: 50px;
  }

  .content-panel .auction-list .item-article .product_info .info-box dt, .content-panel .auction-list .item-article .product_info .info-box dd {
    font-size: 13px;
    line-height: 1.69;
  }

  .content-panel .auction-list .item-article .product_info .info-box dt {
    padding-right: 8px;
    margin-right: 8px;
  }

  .content-panel .auction-list .item-article .product_info .info-box dt::before {
    margin-top: 5px;
    height: 11px;
  }

  .content-panel .auction-list .item-article .product_info .btn-box {
    margin-top: 15px;
  }

  .content-panel .auction-list .item-article .product_info .btn-box .btn {
    width: 100%;
  }
}

.content-panel.type_panel-proceeding_bidding .panel-header {
  position: relative;
}

.content-panel.type_panel-proceeding_bidding .panel-header .title span {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
}

.content-panel.type_panel-proceeding_bidding .panel-footer {
  padding-top: 30px;
}

.content-panel.type_panel-proceeding_bidding .panel-footer .button-area .btn_set {
  justify-content: center;
}

.content-panel.type_panel-proceeding_bidding .panel-footer .button-area .btn_set .btn {
  width: 230px;
  margin: 0 5px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .panel-header {
    padding: 30px 0;
  }

  .content-panel.type_panel-proceeding_bidding .panel-header .title span {
    font-size: 22px;
  }

  .content-panel.type_panel-proceeding_bidding .panel-header .guide_box {
    top: 35%;
  }

  .content-panel.type_panel-proceeding_bidding .panel-footer {
    padding-top: 0px;
  }

  .content-panel.type_panel-proceeding_bidding .panel-footer .button-area .btn_set .btn {
    width: calc(50% - 5px);
  }

  .content-panel.type_panel-proceeding_bidding .panel-footer .button-area .btn_set .btn:first-child {
    margin-left: 0;
  }

  .content-panel.type_panel-proceeding_bidding .panel-footer .button-area .btn_set .btn:last-child {
    margin-right: 0;
  }
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #999;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li {
  width: 100%;
  flex-direction: column;
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li:last-child {
  border-bottom: 0;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li.no-line {
  border-bottom: 0;
  padding-bottom: 0;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .list_tit {
  color: #333333;
  margin-bottom: 25px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .br-mo {
  display: none;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li {
    padding: 25px 0 25px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .br-mo {
    display: block;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .list_tit {
    color: #333333;
    margin-bottom: 10px;
  }
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide, .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide {
  border-right: 1px solid #ccc;
  width: 69.69697%;
  padding-right: 3.78788%;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide .product-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide .img {
  width: 136px;
  height: 136px;
  min-width: 136px;
  margin-right: 25px;
  background: #f6f6f6;
  text-align: center;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide .img img {
  height: 100%;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide .product_info .num .tb1 {
  color: #333333;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide .product_info .name .tt4 {
  color: #333333;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide .product_info .desc .tb1 {
  color: #333333;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay {
  width: 30.30303%;
  padding-left: 3.78788%;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay p {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay .tit, .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay .won {
  color: #333333;
  font-weight: 600;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay .tit {
  width: 85px;
  font-size: 18px;
  line-height: 34px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay .won {
  width: auto;
  text-align: right;
  display: block;
  font-size: 26px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay .won i {
  margin-left: 3px;
  color: #777777;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide {
    border-right: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
    padding-right: 0;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .guide .img {
    width: 96px;
    height: 96px;
    min-width: 96px;
    margin-right: 15px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay {
    padding: 0 10px;
    width: 100%;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay p {
    padding: 0;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay .tit {
    width: 65px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .product_info-area .member_pay .won {
    margin-top: 5px;
    margin-left: 0px;
    width: calc(100% - 65px);
    font-size: 20px;
  }
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area {
  display: flex;
  flex-direction: column;
  line-height: 0;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios {
  display: flex;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn_item + .btn_item {
  margin-left: 10px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn {
  width: 170px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn_item.active .btn {
  border-color: #39C3BC;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn_item.active .btn span {
  color: #39C3BC;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .gray-box {
  margin-top: 30px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .gray-box .list-box.scroll-type {
  max-height: 470px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios {
    width: calc( 100% + 5);
    margin-left: -2.5;
    margin-top: 5px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn_item {
    position: relative;
    width: 33.3333%;
    padding: 0 2.5px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn_item + .btn_item {
    margin-left: 0px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn {
    height: 60px;
    padding: 8px 20px 8px;
    width: 100%;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .btn_radios .btn span {
    font-size: 14px;
    line-height: 1.3;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .bidding-area .gray-box .list-box.scroll-type {
    max-height: 385px;
  }
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .gray-box {
  padding: 35px 40px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box {
  margin-top: 30px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box .notice {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box .checkbox-box {
  margin-left: 30px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box label {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .gray-box {
    padding: 15px 20px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box .notice {
    font-size: 14px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box .checkbox-box {
    margin-left: 0px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .contact-area .check-box label {
    font-size: 14px;
  }
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .all_check {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .all_check label {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .all_check em {
  font-size: 20px;
  font-weight: 500;
  color: #39C3BC;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .all_check button {
  font-size: 0;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .all_check button.on i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .gray-box {
  margin-top: 15px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem + .trp_acitem {
  margin-top: 15px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem .checkbox-box {
  width: 100%;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem label {
  font-size: 18px;
  color: #555555;
  margin-right: 10px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem .link_target {
  display: inline-block;
  font-size: 18px;
  color: #333333;
  text-decoration: underline;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .all_check label {
    font-size: 15px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .all_check em {
    font-size: 15px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .gray-box {
    margin-top: 15px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem + .trp_acitem {
    margin-top: 10px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem .checkbox-box {
    width: 100%;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem label {
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .terms-area .trp_acitem .link_target {
    font-size: 14px;
    line-height: 1.5;
  }
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box {
  background: #f6f6f6;
  padding: 25px 40px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .title span {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 1.78;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark {
  display: flex;
  align-items: center;
  padding-right: 170px;
  position: relative;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .select-box {
  width: 260px;
  margin-left: 20px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .select-box select {
  text-align: center;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .select-box .select2-selection__rendered {
  text-align: center;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .price {
  padding-left: 20px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .price span {
  font-size: 18px;
  line-height: 1.5;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .unit {
  position: absolute;
  top: 15px;
  right: 0px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .unit span {
  font-size: 16px;
  line-height: 1.5;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list + .dtdd-list {
  margin-top: 10px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list {
  position: relative;
  display: flex;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list dt {
  width: 100px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list dd {
  width: calc(100% - 100px);
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list dd span {
  font-weight: 600;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list span {
  font-size: 18px;
  color: #333333;
  line-height: 1.7;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box {
    padding: 20px 20px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .title {
    margin-bottom: 10px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .title span {
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark {
    display: block;
    padding-right: 0;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .select-box {
    width: 100%;
    margin-left: 0;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .price {
    margin-top: 10px;
    padding-left: 0;
    width: 100%;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .price span {
    font-size: 14px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .unit {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .price_mark .unit span {
    font-size: 13px;
    line-height: 1.5;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list + .dtdd-list {
    margin-top: 5px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list dt {
    width: 75px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list dd {
    width: calc(100% - 75px);
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .gray-box .dtdd-list span {
    font-size: 14px;
    line-height: 1.5;
  }
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box {
  position: relative;
  margin-top: 25px;
  padding-left: 30px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box i {
  position: absolute;
  top: 5px;
  left: 0;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box ul span, .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box ul em {
  font-size: 18px;
  line-height: 32px;
}

.content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box ul em {
  color: #39C3BC;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box {
    margin-top: 18px;
    padding-left: 20px;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box i {
    position: absolute;
    top: 2px;
    left: 0;
  }

  .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box ul span, .content-panel.type_panel-proceeding_bidding .form_table_bidding > li .help-box ul em {
    font-size: 14px;
    line-height: 21px;
  }
}

.content-panel.type_panel-counter {
 /* ===== countdown ==== */ /* SHADOW DOWN*/;
}

.content-panel.type_panel-counter .panel-header {
  padding: 30px 0;
  position: relative;
}

.content-panel.type_panel-counter .panel-header .title {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  text-align: center;
}

.content-panel.type_panel-counter .panel-body {
  margin-top: 20px;
}

.content-panel.type_panel-counter .panel-footer {
  margin-top: 70px;
}

.content-panel.type_panel-counter .panel-footer .tac .btn {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-counter .panel-header {
    padding: 30px 0;
  }

  .content-panel.type_panel-counter .panel-header .title {
    font-size: 16px;
  }

  .content-panel.type_panel-counter .panel-body {
    margin-top: 0;
  }

  .content-panel.type_panel-counter .panel-footer {
    margin-top: 35px;
  }

  .content-panel.type_panel-counter .panel-footer .tac .btn {
    width: 175px;
  }
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area .dot {
  position: relative;
  width: 30px;
  height: 120px;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::before, .content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  /*background-color: #21a099;*/
  background-color: #333;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::before {
  margin-top: -6px;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::after {
  margin-top: 6px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-counter .countdown-article .trp_counter-area {
    margin-top: 16px;
  }

  .content-panel.type_panel-counter .countdown-article .trp_counter-area .dot {
    position: relative;
    width: 18px;
    height: 90px;
  }

  .content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::before, .content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
  }

  .content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::before {
    margin-top: -4px;
  }

  .content-panel.type_panel-counter .countdown-article .trp_counter-area .dot::after {
    margin-top: 4px;
  }
}


.content-panel.type_panel-counter .countdown-article .trp_counter-area {
 /* Skeleton */;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip {
  position: relative;
  float: left;
  margin: 5px;
  width: 160px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li:first-child {
  z-index: 2;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box {
  display: block;
  height: 100%;
  perspective: 800px;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div.up {
  transform-origin: 50% 100%;
  top: 0;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div.up div.inn {
  top: 0;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.4);
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div.down {
  transform-origin: 50% 0%;
  bottom: 0;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div.down div.inn {
  bottom: 0;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li .li-box div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area ul.flip li.on {
  z-index: 4;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area.type-3 ul.flip, .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip {
  width: 120px;
  height: 120px;
  box-shadow: initial;
  margin: 0;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area.type-3 ul.flip li div.up:after, .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip li div.up:after {
  top: calc(100% - 1px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.07);
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area.type-3 ul.flip li div.down div.inn, .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip li div.down div.inn {
  color: #fff;
  background-color: #333;
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area.type-3 ul.flip li div div.inn, .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip li div div.inn {
  font-size: 72px;
  font-weight: 700;
  color: #fff;
  line-height: 120px;
  /*border: 1px solid #ccc;*/
  border-radius: 3px;
  /*text-shadow: 0 1px 1px #006666;*/
  background-color: #333;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-3 ul.flip, .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip {
    width: 90px;
    height: 90px;
  }

  .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-3 ul.flip li div div.inn, .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip li div div.inn {
    font-size: 55px;
    line-height: 90px;
  }
}

.content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip {
  width: 320px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-counter .countdown-article .trp_counter-area.type-day ul.flip {
    width: 240px;
  }
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.before {
  z-index: 3;
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.before .up {
  z-index: 2;
  animation: turn2 .5s linear both;
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.active {
  animation: asd .5s .5s linear both;
  z-index: 2;
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.active .down {
  z-index: 2;
  animation: turn .5s .5s linear both;
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%);
  animation: show .5s linear both;
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%);
  animation: hide .5s .3s linear both;
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
  animation: show .5s linear both;
}

.content-panel.type_panel-counter .countdown-article.play .trp_counter-area ul li.active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
  animation: hide .5s .3s linear both;
}

@keyframes asd {
  0% {
    z-index: 2;
  }

  5% {
    z-index: 4;
  }

  100% {
    z-index: 4;
  }
}

@keyframes turn {
  0% {
    transform: rotateX(90deg);
  }

  100% {
    transform: rotateX(0deg);
  }
}

@keyframes turn2 {
  0% {
    transform: rotateX(0deg);
  }

  100% {
    transform: rotateX(-90deg);
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.content-panel.type_panel-result_tab > .panel-header {
  padding: 20px 0 0;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-result_tab > .panel-header {
    padding: 25px 0 0;
  }
}

.content-panel.type_panel-result_tab .search_tab-article {
  padding: 40px 0 30px;
}

.content-panel.type_panel-result_tab .search_tab-article .article-body {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.content-panel.type_panel-result_tab .search_tab-article .article-body .col1 {
  width: calc( 100% - 350px);
}

.content-panel.type_panel-result_tab .search_tab-article .article-body .col2 {
  width:350px;
  display: flex;
  justify-content: end;
}

.content-panel.type_panel-result_tab .search_tab-article .article-body .col2 .search-area {
  width: 250px;
  margin: 0 0 0 5px
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-result_tab .search_tab-article {
    padding: 30px 0 0;
  }

  .content-panel.type_panel-result_tab .search_tab-article .article-body {
    flex-direction: column;
    justify-content: initial;
  }

  .content-panel.type_panel-result_tab .search_tab-article .article-body .col1, .content-panel.type_panel-result_tab .search_tab-article .article-body .col2 {
    width: 100%;
  }

  .content-panel.type_panel-result_tab .search_tab-article .article-body .col1 {
    margin-top: 5px;
  }
}

.content-panel.type_panel-result_tab .search_tab-article .count-box {
  font-size: 18px;
  font-weight: 600;
  line-height: 42px;
}

.content-panel.type_panel-result_tab .search_tab-article .count-box span {
  color: #111111;
}

.content-panel.type_panel-result_tab .search_tab-article .count-box em {
  color: #21a099;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-result_tab .search_tab-article .count-box {
    font-size: 14px;
    line-height: 43px;
  }
}

.content-panel.type_panel-product_result_list {
  position: relative;
}

.content-panel.type_panel-product_result_list .product-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.content-panel.type_panel-product_result_list .product-list li {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 50px;
}

.content-panel.type_panel-product_result_list .product-list li .li-inner {
  border: 1px solid #d3d3d3;
  height: 100%;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_result_list .product-list {
    width: 100%;
    margin-left: 0px;
  }

  .content-panel.type_panel-product_result_list .product-list li {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}

.content-panel.type_panel-product_result_list .item-article .image-area .img-ratio {
  padding-bottom: 56.1538%;
 /* 56.25 */;
}

.content-panel.type_panel-product_result_list .item-article .image-area .img-ratio .img-align img {
  width: 100%;
  height: auto;
  max-width: unset;
  max-height: unset;
}

.content-panel.type_panel-product_result_list .item-article .product_info {
  position: relative;
}

.content-panel.type_panel-product_result_list .item-article .typo-area {
  padding: 35px 40px 40px;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .title-box .title {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .info-box {
  margin-top: 10px;
  position: relative;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .info-box dl {
  font-size: 18px;
  display: flex;
  margin-right: 180px;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .info-box dl + dl {
  margin-top: 5px;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .info-box dt {
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .info-box dd {
  font-weight: 500;
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .info-box dd::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #ccc;
}
.content-panel.type_panel-product_result_list.auction-result .item-article .typo-area .info-box dd.auction-time,
.content-panel.type_panel-product_result_list.auction-result .item-article .typo-area .info-box dd.auction-place {
  margin-left: 0;
  padding-left: 0;
}
.content-panel.type_panel-product_result_list.auction-result .item-article .typo-area .info-box dd::before {
  display: none;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .btn-box {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.content-panel.type_panel-product_result_list .item-article .typo-area .btn-box .btn {
  width: 170px;
}

@media all and (max-width: 1120px) {
  .content-panel.type_panel-product_result_list .item-article .typo-area .info-box dl {
    margin-right: 0;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .btn-box {
    margin-top: 25px;
    position: static;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .btn-box .btn {
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_result_list .item-article .typo-area {
    padding: 15px 20px 20px;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .title-box .title {
    font-size: 18px;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .info-box {
    margin-top: 15px;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .info-box dl {
    font-size: 13px;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .info-box dl + dl {
    margin-top: 5px;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .info-box dd {
    margin-left: 8px;
    padding-left: 8px;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .info-box dd::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #ccc;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .btn-box {
    margin-top: 25px;
    position: static;
  }

  .content-panel.type_panel-product_result_list .item-article .typo-area .btn-box .btn {
    width: 100%;
  }
}

.content-panel.type_panel-product_result_list .panel-footer .set-pc_mb {
  margin-top: 10px;
}

.content-panel.type_panel-product_result_list .panel-footer .set-pc_mb .paging-area {
  margin-top: 0;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-product_result_list .panel-footer .set-pc_mb {
    margin-top: 10px;
  }

  .content-panel.type_panel-product_result_list .panel-footer .set-pc_mb .only-mb {
    text-align: center;
  }

  .content-panel.type_panel-product_result_list .panel-footer .set-pc_mb .only-mb .btn {
    width: 160px;
  }
}

.content-panel.type_panel-zerobase_list .panel-header {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}

.content-panel.type_panel-zerobase_list .panel-header .title span {
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  line-height: 42px;
}

.content-panel.type_panel-zerobase_list .panel-header .btn_set {
  position: relative;
  width: 320px;
}

.content-panel.type_panel-zerobase_list .panel-header .btn_set .select-box {
  width: 100%;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-zerobase_list .panel-header {
    display: block;
    justify-content: initial;
  }

  .content-panel.type_panel-zerobase_list .panel-header .title span {
    font-size: 18px;
    line-height: 36px;
  }

  .content-panel.type_panel-zerobase_list .panel-header .btn_set {
    width: 100%;
    margin-top: 10px;
  }

  .content-panel.type_panel-zerobase_list .panel-header .btn_set .select-box {
    width: 100%;
  }
}

.content-panel.type_panel-zerobase_list .panel-footer .only-mb {
  text-align: center;
}

.content-panel.type_panel-zerobase_list .panel-footer .only-mb .btn {
  width: 160px;
}

.content-panel.type_panel-zerobase_list .author-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.content-panel.type_panel-zerobase_list .author-list li {
  width: 25%;
  padding: 0 10px;
  margin-bottom: 30px;
}

.content-panel.type_panel-zerobase_list .author-list li .li-inner {
  border: 1px solid #ccc;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-zerobase_list .author-list {
    width: 100%;
    margin-left: 0px;
  }

  .content-panel.type_panel-zerobase_list .author-list li {
    width: 100%;
    padding: 0;
  }
}

.content-panel.type_panel-zerobase_list .author-list .item-article .typo-area {
  padding: 15px 20px;
}

.content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .info-box .name span {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  line-height: 1.6;
}

.content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .info-box .name .sub {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 1.6;
}

.content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .info-box .name_eng span {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 1.6;
}

.content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .btn-box {
  margin-top: 10px;
}

.content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .btn-box .btn_set {
  width: 100%;
}

.content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .btn-box .btn_set .btn {
  width: 100%;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .info-box .name span {
    font-size: 16px;
    line-height: 1.5;
  }

  .content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .info-box .name .sub {
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .info-box .name_eng span {
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .btn-box {
    margin-top: 10px;
  }

  .content-panel.type_panel-zerobase_list .author-list .item-article .typo-area .btn-box .btn_set {
    width: 100%;
  }
}


.content-panel.type_panel-zerobase_product_list {
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-zerobase_product_list .panel-header {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}

.content-panel.type_panel-zerobase_product_list .panel-header .total {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

.content-panel.type_panel-zerobase_product_list .panel-header .total span {
  line-height: 42px;
}

.content-panel.type_panel-zerobase_product_list .panel-header .total em {
  line-height: 42px;
  color: #21a099;
}

.content-panel.type_panel-zerobase_product_list .panel-header .btn_set .select-box {
  width: 140px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-zerobase_product_list .panel-header .total {
    font-size: 15px;
  }

  .content-panel.type_panel-zerobase_product_list .panel-header .total span {
    line-height: 43px;
  }

  .content-panel.type_panel-zerobase_product_list .panel-header .total em {
    line-height: 43px;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-zerobase_product_list .panel-footer .only-mb {
    text-align: center;
  }

  .content-panel.type_panel-zerobase_product_list .panel-footer .only-mb .btn {
    width: 160px;
  }
}

.content-panel.type_panel-zerobase_product_list .product-list {
  position: relative;
  width: calc( 100% + 20px);
  margin-left: -10px;
  display: flex;
  flex-wrap: wrap;
}

.content-panel.type_panel-zerobase_product_list .product-list li {
  width: 20%;
  padding: 0 10px;
  padding-bottom: 25px;
}

.content-panel.type_panel-zerobase_product_list .product-list li .li-inner {
  border: 1px solid #ccc;
}

@media all and (max-width: 1899px) {
  .content-panel.type_panel-zerobase_product_list .product-list li {
    width: 25%;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-zerobase_product_list .product-list {
    width: 100%;
    margin-left: 0;
  }

  .content-panel.type_panel-zerobase_product_list .product-list li {
    width: 100%;
    padding: 0 0px;
    margin-bottom: 30px;
  }
}

.content-panel.type_panel-zerobase_product_list .item-article .image-area {
  position: relative;
}

.content-panel.type_panel-zerobase_product_list .item-article .image-area .img-ratio {
  background-color: #f6f6f6;
}

.content-panel.type_panel-zerobase_product_list .item-article .image-area .img-ratio .img-align {
  padding: 5px;
}

.content-panel.type_panel-zerobase_product_list .item-article .image-area img {
  width: 100%;
}

.content-panel.type_panel-zerobase_product_list .item-article .image-area .typo-align {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-panel.type_panel-zerobase_product_list .item-article .image-area .category_name {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area {
  padding: 0px 20px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area > div {
  position: relative;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .num_heart-box {
  display: flex;
  justify-content: space-between;
  padding: 18px 0 0px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .info-box {
  padding: 15px 0 15px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .num {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 30px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .heart {
  width: 30px;
  height: 30px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .heart.on i::after {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -408px;
  width: 30px;
  height: 30px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .heart i {
  margin-right: -3px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .title {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .sub {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .desc {
  margin-top: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .desc span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard {
  margin-top: 3px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard span {
  font-size: 16px;
  font-weight: 500;
  color: #777777;
  line-height: 1.5;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard .material {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard .size_year span {
  position: relative;
  display: inline-block;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard .size_year span + span {
  margin-left: 10px;
  padding-left: 10px;
}

.content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard .size_year span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #bbb;
}

.content-panel.type_panel-zerobase_product_list .item-article .product_cancle-area {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}

.content-panel.type_panel-zerobase_product_list .item-article .product_cancle-area .area-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.content-panel.type_panel-zerobase_product_list .item-article .product_cancle-area .typo {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #777777;
  line-height: 1.64;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-zerobase_product_list .item-article .typo-area {
    padding: 0 20px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area > div {
    position: relative;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .num_heart-box {
    display: flex;
    justify-content: space-between;
    padding: 14px 0 0px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .info-box {
    padding: 0px 0 15px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .num {
    font-size: 14px;
    line-height: 30px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .heart {
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .heart i {
    margin-right: -5px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .heart.on i::after {
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -405.5px -177.5px;
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .title {
    font-size: 16px;
    line-height: 30px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .sub {
    font-size: 14px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .desc {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: -1px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard {
    margin-top: 5px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard span {
    font-size: 13px;
    line-height: 1.5;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard .size_year span {
    position: relative;
    display: inline-block;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard .size_year span + span {
    margin-left: 10px;
    padding-left: 10px;
  }

  .content-panel.type_panel-zerobase_product_list .item-article .typo-area .standard .size_year span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #bbb;
  }
}

/* 응찰하기(오프라인) */
.bidding_offline-section {
  /*padding: 0 10px 120px;*/
  padding: 0 0 120px;
  margin-top: 36px;
 /* 비회원 */;
}

.bidding_offline-section.type-non_member .section-header {
  width: 700px;
  margin: 0 auto;
}

.bidding_offline-section.type-non_member .section-body .bidding-offline-wrap .bidding-offline-center {
  position: relative;
  width: 700px;
  padding: 0;
  margin: 0 auto;
}

.bidding_offline-section .mCSB_scrollTools {
  width: 4px;
}

.bidding_offline-section .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .bidding_offline-section .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  margin: 0;
}

.bidding_offline-section .section-header {
  display: flex;
  justify-content: space-between;
}

.bidding_offline-section .section-header .title-area .title {
  font-size: 28px;
  font-weight: 600;
  color: #111111;
  line-height: 36px;
}

.bidding_offline-section .section-header .btn-area .select-box select {
  padding: 8px 36px 8px 15px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  line-height: 20px;
  background-color: #f3f3f3;
}

.bidding_offline-section .section-header .btn-area .select-box i {
  position: absolute;
  top: 9px;
  right: 12px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  background-color: transparent;
}

.bidding_offline-section .section-body {
  margin-top: 30px;
}

.bidding_offline-section .section-footer {
  margin-top: 60px;
}

.bidding_offline-section .section-footer .btn {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .bidding_offline-section {
    margin-top: 0;
    /*padding: 23px 0 60px;*/
  }

  .bidding_offline-section .section-header {
    display: block;
    padding: 0 25px;
  }

  .bidding_offline-section .section-header .title-area {
    /*height: 55px;*/
    height: auto;
    position: relative;
    /*font-size: 0;*/
    padding: 12px 0;
  }

  /*.bidding_offline-section .section-header .title-area::before {*/
  /*  content: "";*/
  /*  display: inline-block;*/
  /*  width: 0;*/
  /*  height: 100%;*/
  /*  vertical-align: middle;*/
  /*}*/

  .bidding_offline-section .section-header .title-area .title {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #111111;
    line-height: 1.36;
    vertical-align: middle;
  }

  /*.bidding_offline-section .section-header .btn-area {*/
  /*  padding-bottom: 10px;*/
  /*}*/

  .bidding_offline-section .section-header .btn-area .select-box select {
    padding: 8px 36px 8px 15px;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    color: #555555;
    line-height: 20px;
    background-color: #f3f3f3;
  }

  .bidding_offline-section .section-header .btn-area .select-box i {
    position: absolute;
    top: 9px;
    right: 12px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    background-color: transparent;
  }

  .bidding_offline-section .section-body {
    margin-top: 0px;
  }

  .bidding_offline-section .section-footer {
    margin-top: 30px;
  }

  .bidding_offline-section .section-footer .btn {
    width: 160px;
  }
}

.bidding_pc {
 /* .section { position: relative; padding: 20px 50px 60px; } */;
}

.bidding_pc .bidding-offline-wrap {
  display: flex;
  overflow: hidden;
  align-items: stretch;
}

.bidding_pc .bidding-offline-wrap > div {
  position: relative;
}

.bidding_pc .bidding-offline-wrap .bidding-offline-left {
  width: 22.85714%;
}

.bidding_pc .bidding-offline-wrap .bidding-offline-center {
  width: 54.28571%;
  /*padding-left: 2.14286%;*/
  /*padding-right: 2.14286%;*/
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.bidding_pc .bidding-offline-wrap .bidding-offline-right {
  width: 22.85714%;
}

.bidding_pc .lot-view .lot-view_top {
  border: 1px solid #ccc;
  padding: 21px 20px 20px;
}

.bidding_pc .lot-view .view-img_wrap {
  width: 100px;
  margin: 0 auto;
}

.bidding_pc .lotlist-wrap .lotlist-header .wrap-lotlist-tabmenu {
  overflow: hidden;
  overflow-x: auto;
}
.bidding_pc .lotlist-tabmenu {
  padding: 0px 0px 0px 15px;
  border-bottom: 1px solid #ccc;
  height: 33px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  min-width: 100%;
  width: max-content;
}

.bidding_pc .lotlist-tabmenu .btn_item {
  padding: 0 5px;
  margin-right: 32px;
  text-align: center;
  flex: none;
}

.bidding_pc .lotlist-tabmenu .btn_item:last-child {
  margin-right: 0;
}

.bidding_pc .lotlist-tabmenu .btn_item .lot-btn_tabmenu {
  font-size: 18px;
  font-weight: 500;
  color: #777777;
  padding-bottom: 10px;
  position: relative;
}

.bidding_pc .lotlist-tabmenu .btn_item .lot-btn_tabmenu.on {
  color: #4DADA7;
  font-weight: 700;
}

.bidding_pc .lotlist-tabmenu .btn_item .lot-btn_tabmenu.on:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #4DADA7;
  left: 0;
}

.bidding_pc .bidding_situation {
  /*margin-top: 32px;*/
  /*background-color: #f3f3f3;*/
  background-color: #fff;
  border: 1px solid #ccc;
  /*padding-top: 20px;*/
}

/*.bidding_pc .bidding_situation .alert_wrap {*/
/*  padding: 0 20px;*/
/*}*/

/*.bidding_pc .bidding_situation .alert_wrap .situ_alert {*/
/*  text-align: center;*/
/*  padding: 15px;*/
/*  background: #fff;*/
/*  color: #db1b1b;*/
/*  font-size: 16px;*/
/*  font-weight: 700;*/
/*}*/

.bidding_pc .bidding_situation .mCustomScrollbar {
  height: 270px;
}

.bidding_pc .bidding_situation .situation_list {
  /*padding: 15px 0;*/
}

/*.bidding_pc .bidding_situation .situation_list .st_item {*/
/*  padding: 12px 20px 12px;*/
/*  line-height: 26px;*/
/*  display: flex;*/
/*  font-weight: 700;*/
/*  font-size: 16px;*/
/*  color: #333;*/
/*  position: relative;*/
/*}*/
.bidding_situation .situation_list .st_item {
  padding: 12px 0 12px;
  line-height: 26px;
  display: flex;
  font-weight: 700;
  font-size: 16px;
  color: #333;
  position: relative;
}

.bidding_pc .bidding_situation .situation_list .st_item.record {
  color: #0000ff
}

/*.bidding_pc .bidding_situation .situation_list .st_item.self::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 22px;*/
/*  left: 8px;*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  border-radius: 8px;*/
/*  background: #0000ff;*/
/*}*/
.bidding_pc .bidding_situation .situation_list .st_item.self .txt span {
  position: relative;
}
.bidding_pc .bidding_situation .situation_list .st_item.self .txt span:before {
  content: '';
  position: absolute;
  top: 9px;
  left: -11px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #0000ff;
}


.bidding_pc .bidding_situation .situation_list .st_item .txt {
  width: 40%;
  font-weight: normal;
  text-align: center;
  /*color: #333333;*/
}

.bidding_pc .bidding_situation .situation_list .st_item .price {
  width: 60%;
  text-align: right;
  font-weight: normal;
  text-align: center;
  /*color: #333333;*/
}

.bidding_situation .situation_list .st_item:first-child .price {
  color: #db1b1b;
}

.bidding_pc .biddingprice_wrap .now_price {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  padding: 10px;
  color: #111;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
}

.bidding_pc .biddingprice_wrap .now_price .txt {
  font-size: 18px;
  font-weight: 600;
}

.bidding_pc .biddingprice_wrap .now_price .price_unit1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.bidding_pc .biddingprice_wrap .now_price .price_unit2 {
  font-size: 12px;
  font-weight: 500;
}

.bidding_pc .biddingprice_wrap .now_price .sel_unit {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -17px;
}

.bidding_pc .biddingprice_wrap .now_price .sel_unit select {
  background: #f3f3f3;
  border: none;
  font-size: 14px;
  color: #555;
  line-height: 20px;
  padding: 8px 11px;
  font-weight: 500;
}

.bidding_pc .biddingprice_wrap .bid_price {
  background: #4DADA7;
  text-align: center;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
}

.bidding_pc .biddingprice_wrap .bid_price .btn_bid {
  display: block;
  width: 100%;
  padding: 10px;
  min-height: 80px;
}

.bidding_pc .biddingprice_wrap .bid_price .btn_bid:hover {
  background-color: #089B93;
}

.bidding_pc .biddingprice_wrap .bid_price .btn_bid:disabled, .bidding_pc .biddingprice_wrap .bid_price .btn_bid:disabled:hover {
  background: #ccc;
  cursor: default;
}

.bidding_pc .biddingprice_wrap .bid_price.view_only {
  background: #ccc;
  cursor: default;
}

.bidding_pc .biddingprice_wrap .bid_price.view_only .btn_bid .txt {
  font-size: 18px;
  font-weight: 600;
}

.bidding_pc .biddingprice_wrap .bid_price .txt {
  font-size: 18px;
  font-weight: 600;
}

.bidding_pc .biddingprice_wrap .bid_price .price_unit1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.bidding_pc .biddingprice_wrap .bid_price .price_unit2 {
  font-size: 12px;
  font-weight: 500;
}

.bidding_pc .biddingprice_wrap .bid_price .sel_unit {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -17px;
}

.bidding_pc .biddingprice_wrap .bid_price .sel_unit select {
  background: #f3f3f3;
  border: none;
  font-size: 14px;
  color: #555;
  line-height: 20px;
  padding: 8px 11px;
  font-weight: 500;
}

.bidding_pc .lotlist-wrap .lotlist-header {
  border: 1px solid #ccc;
  border-bottom: none;
  height: 90px;
  padding-bottom: 100px;
}

.bidding_pc .lotlist-wrap .lotlist-header .header_top {
  margin-bottom: 20px;
  padding: 14px 15px 0;
  position: relative;
}

.bidding_pc .lotlist-wrap .lotlist-header .btn_movelot {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  position: relative;
  display: inline-block;
}

.bidding_pc .lotlist-wrap .lotlist-header .btn_movelot:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333;
}

.bidding_pc .lotlist-wrap .lotlist-header .totalcount {
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.bidding_pc .lotlist-wrap .lotlist-header .totalcount .num {
  color: #21a099;
}
.lotlist-tabCont.live-list-pc {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.bidding_pc .lotlist-wrap .lotlist-tabCont .mCustomScrollbar, .bidding_pc .lotlist-wrap .lotlist-tabCont .scroll-type {
  height: 766px;
  border-bottom: 1px solid #ccc;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.bidding_pc.pcVer.live-bid-view-pc .lotlist-wrap .lotlist-tabCont .lotlist-box {
  border-left: none;
  border-right: none
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .lotitem_wrap {
  padding: 20px 10px 20px 110px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .btn-lotChk {
  font-size: 0;
  position: absolute;
  top: 23px;
  right: 25px;
  z-index: 2;
  width: 16px;
  height: 16px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .btn-lotChk:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -831px;
  width: 16px;
  height: 15px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .btn-lotChk.on:after {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -856px;
  width: 16px;
  height: 15px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 80px;
  height: 80px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #f6f6f6;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
  border: 1px solid #ededed
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont {
  position: relative;
  min-height: 85px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num .snum {
  font-size: 12px;
  color: #333;
  font-weight: 600;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num .live_box {
  position: relative;
  margin-left: 10px;
  font-size: 12px;
  color: #fff;
  background: #db1b1b;
  font-weight: 500;
  padding: 3px 6px 3px 16px;
  display: none;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num .live_box:before {
  content: '';
  background: #fff;
  position: absolute;
  top: 6px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #fff;
  -webkit-animation:blink 1s ease-in-out infinite alternate;
  -moz-animation:blink 1s ease-in-out infinite alternate;
  animation:blink 1s ease-in-out infinite alternate;
}

-webkit-keyframes blink {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num .live_box.live_on {
  display: inline;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-top: 6px;
  word-break: break-all;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .year {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-top: 3px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .desc {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-top: 3px;
  word-break: break-all;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .price {
  font-size: 12px;
  color: #333;
  margin-top: 3px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .price > span:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;

}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.active .lotitem_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2.5px solid #4DADA7;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on:before {
  content: '';
  width: 100%;
  background: #4DADA7;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on:after {
  content: '';
  width: 100%;
  background: #4DADA7;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on .lotitem_wrap:before {
  content: '';
  width: 1px;
  background: #4DADA7;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -1px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on .lotitem_wrap:after {
  content: '';
  width: 1px;
  background: #4DADA7;
  height: 100%;
  position: absolute;
  top: 0px;
  right: -1px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.bidded .item-cont .price {
  color: #db1b1b;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.cancel {
  background: #f6f6f6;
  padding: 45px 0;
  max-height: 125px;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.cancel .txt {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #777777;
}

.bidding_pc .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem:last-child {
  border-bottom: none;
}

.bidding_pc .notice {
  background: #f3f3f3;
  padding: 0 24px 0 60px;
  position: relative;
  font-size: 0;
}

.bidding_pc .notice .icon-notice {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 24px;
}

.bidding_pc .notice .txt {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  /*line-height: 1.5;*/
  height: 50px;
  /*padding: 15px 0 15px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bidding_pc .notice .txt p {
  width: 100%;
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  /*text-overflow: ellipsis;*/
  line-height: 1.2;
}

.bidding_pc .video_wrap {
  display: block;
  position: relative;
}

.bidding_pc .video_wrap .video_thumbnail_wrap {
  display: block;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.bidding_pc .video_wrap .video_thumbnail_wrap .video_thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-size: cover;
  transition: .3s all;
  transform: scale(1.01);
}

.bidding_pc .video_wrap .video_thumbnail_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.bidding_pc .video_wrap .video_thumbnail_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.bidding_pc .video_wrap:hover .video_thumbnail_wrap .video_thumbnail {
  transform: scale(1.05);
}

.bidding_pc .video_wrap .ic_video_play {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -74px;
  width: 61px;
  height: 61px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  z-index: 5;
}

.bidding_pc .view_info {
  margin-top: 20px;
  margin-bottom: 82px;
  position: relative;
}

.bidding_pc .view_info .view_count {
  font-size: 14px;
  font-weight: 500;
}

.bidding_pc .view_info .view_count .unit, .bidding_pc .view_info .view_count .num, .bidding_pc .view_info .view_count .icon-viewer {
  vertical-align: middle;
}

.bidding_pc .view_info .view_count .num {
  font-weight: 700;
}

.bidding_pc .view_info .view_count .icon-viewer {
  margin-right: 10px;
}

.bidding_pc .view_info .btn.btn_refresh {
  background: #f3f3f3;
  border: none;
  font-size: 14px;
  font-weight: 500;
  padding: 16px;
  padding-left: 30px;
  position: absolute;
  right: 0;
  top: -9px;
}

.bidding_pc .view_info .btn.btn_refresh .ic_refresh {
  display: inline-block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -929px;
  width: 14px;
  height: 13px;
  position: absolute;
  top: 9px;
  left: 12px;
}

.bidding_pc .my_lot:not(.my_lot_type3-box) {
  margin-top: auto;
}

.bidding_pc .my_lot .my_lot_info {
  position: relative;
}

/*.bidding_pc .my_lot .my_lot_info .count {*/
/*  position: absolute;*/
/*  top: -5px;*/
/*  right: 0px;*/
/*  text-align: right;*/
/*  font-size: 15px;*/
/*  color: #777;*/
/*  font-weight: 500;*/
/*  background: #f3f3f3;*/
/*  padding: 5px 8px;*/
/*}*/

.bidding_pc .my_lot .my_lot_info .count .txt {
  /*font-weight: 700;*/
}

/*.bidding_pc .my_lot .my_lot_info .count .num {*/
/*  color: #0000ff;*/
/*  margin-left: 5px;*/
/*}*/

.bidding_pc .my_lot .my_lot_wrap .scroll-inner {
  padding: 10px 0;
}

.bidding_pc .my_lot .my_lot_wrap .table_base.my_lot_table tr th:first-child, .bidding_pc .my_lot .my_lot_wrap .table_base.my_lot_table tr td:first-child {
  width: 16%;
}

.bidding_pc .my_lot .my_lot_wrap .table_base.my_lot_table tr th:last-child, .bidding_pc .my_lot .my_lot_wrap .table_base.my_lot_table tr td:last-child {
  width: 12%;
}

.bidding_pc .my_lot .my_lot_wrap .table_base.my_lot_table th {
  height: 50px;
  background: #fff;
  font-size: 16px;
  /*border-bottom: 1px solid #ccc;*/
}

.bidding_pc .my_lot .my_lot_wrap .table_base.my_lot_table td {
  height: 38px;
  font-weight: 500;
  font-size: 16px;
  border-bottom: 1px solid #f3f3f3;
}

.bidding_pc .my_lot .my_lot_wrap .table_base.my_lot_table td .lot-stat {
  color: #4DADA7;
  font-weight: 700;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_body .mCustomScrollbar {
  height: 248px;
  overflow-y: auto;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 {
  /*border: 1px solid #ccc;*/
  border-top: none;
  position: relative;
  padding: 30px 30px 30px 60px;
 /* padding-left: per( 270px , 640px); */
  height: 305px;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .lot_link {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  text-decoration: underline;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap {
 /* position:absolute; top:60px; left:per( 75px , 640px); */;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img {
  position: relative;
  width: 165px;
  height: 165px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box {
  padding-left: 30px;
  display: flex;
  align-items: center;
  height: 100%;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .num {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  color: #333333;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .year {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  margin-top: 5px;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .desc {
  font-size: 16px;
  font-weight: 500;
  color: #777;
  margin-top: 5px;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #777777;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard span {
  line-height: 1.36;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard .size_year span {
  position: relative;
  display: inline-block;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard .size_year span.lot-size-view + span {
  margin-left: 5px;
  padding-left: 6px;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard .size_year span + span::before {
  content: "";
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 11px;
  background-color: #777;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .price {
  font-size: 16px;
  font-weight: 600;
  color: #777;
  margin-top: 10px;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .detail .btn {
  margin-top: 10px;
  background: #f3f3f3;
  border: none;
  font-size: 14px;
  font-weight: 500;
  padding: 17px;
  color: #777;
  font-weight: 500;
}

/*.bidding_pc .my_lot .my_lot_wrap .my_lot_type2 {*/
/*  border: 1px solid #ccc;*/
/*  border-top: none;*/
/*}*/

.bidding_pc .my_lot .my_lot_wrap .my_lot_tab.my_lot_type2 .my_lot_header {
  /*border-left: 1px solid #ccc;*/
  /*border-right: 1px solid #ccc;*/
  border-bottom: 1px solid #ccc;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type3 {
  border: none;
  position: relative;
  padding: 30px;
  height: auto;
  text-align: center;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type3 .title {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type3 .title span {
  color: #39C3BC;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type3 .txt {
  font-size: 18px;
  color: #777;
  margin-top: 15px;
  line-height: 1.5;
  font-weight: 500;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type3 .member_price {
  /*border-top: 1px solid #ccc;*/
  padding: 24px 0 0;
  max-width: 480px;
  width: 100%;
  margin: 24px auto 0;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type3 .member_price .p_txt {
  color: #333;
  font-size: 18px;
  font-weight: 500;
}

.bidding_pc .my_lot .my_lot_wrap .my_lot_type3 .member_price .btn_member {
  background: #333;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 12px;
  min-width: 170px;
  display: inline-block;
  margin-top: 26px;
  line-height: 1.3;
}

.bidding_pc .view-area .view-img {
  position: relative;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
  padding-bottom: 100%;
  text-align: center;
}

.bidding_pc .view-area .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.bidding_pc .view-area .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.bidding_pc .view-area .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bidding_pc .view-area .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.bidding_pc .view-area .view-typo {
  margin-top: 16px;
  text-align: center;
  min-height: 151px;
}

.bidding_pc .view-area .view-typo .typo-header .num {
  font-size: 16px;
  font-weight: 700;
}

.bidding_pc .view-area .view-typo .typo-header .title {
  color: #333333;
  line-height: 30px;
}

.bidding_pc .view-area .view-typo .typo-header .title span {
  font-size: 20px;
  font-weight: 700;
}

.bidding_pc .view-area .view-typo .typo-header .year {
  color: #333333;
}

.bidding_pc .view-area .view-typo .typo-header .year span {
  font-size: 16px;
  font-weight: 700;
}

.bidding_pc .view-area .view-typo .typo-header .desc {
  margin-top: 5px;
  font-size: 16px;
  color: #777;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bidding_pc .view-area .view-typo .typo-header .desc span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bidding_pc .view-area .view-typo .typo-body {
  margin-top: 8px;
  font-weight: 500;
  height: 46px;
  overflow: hidden;
}

.bidding_pc .view-area .view-typo .typo-body span {
  font-size: 16px;
  color: #333333;
}

.bidding_pc .view-area .view-typo .typo-body .price_won {
  font-weight: 600;
}

.bidding_pc .view-area .view-typo .typo-body .price_other {
  /*margin-top: 5px;*/
  font-weight: 500;
}

.bidding_pc .view-area .view-typo .typo-body ul {
  font-size: 0;
}

.bidding_pc .view-area .view-typo .typo-body ul li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #777777;
  line-height: 1.5;
}

.bidding_pc .view-area .view-typo .typo-body ul li + li {
  margin-left: 10px;
  padding-left: 10px;
}

.bidding_pc .view-area .view-typo .typo-body ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 1px;
  height: 12px;
  background-color: #bbbbbb;
}

.bidding_mo .bidding-offline-wrap {
  overflow: hidden;
}

.bidding_mo .bidding-offline-wrap .bidding-offline-center {
  position: relative;
}

.bidding_mo .lotlist-tabmenu {
  padding: 0;
  border-bottom: 1px solid #f3f3f3;
}

.bidding_mo .lotlist-tabmenu .btn_item {
  display: inline-block;
  padding: 0;
}

.bidding_mo .lotlist-tabmenu .btn_item:last-child {
  margin-right: 0;
}

.bidding_mo .lotlist-tabmenu .btn_item .lot-btn_tabmenu {
  position: relative;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 500;
  color: #777777;
  line-height: 39px;
}

.bidding_mo .lotlist-tabmenu .btn_item .lot-btn_tabmenu.on {
  /*color: #21a099;*/
  color: #333;
  font-weight: 700;
}

.bidding_mo .lotlist-tabmenu .btn_item .lot-btn_tabmenu.on:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -1px;
  width: 100%;
  height: 2px;
  /*background: #4DADA7;*/
  background: #333;
  left: 0;
}

.bidding_mo .count {
  position: absolute;
  top: 3px;
  right: 0px;
  text-align: right;
  font-size: 15px;
  color: #777;
  font-weight: 500;
  background: #f3f3f3;
  padding: 5px 8px;
}
.bidding_mo .count .num {
  color: #0000ff;
  padding-left: 4px
}

.bidding_mo .biddingprice_wrap {
  border-top: 1px solid #f3f3f3;
  border-bottom: 10px solid #f3f3f3;
  padding: 16px 20px;
}

.bidding_mo .biddingprice_wrap .now_price {
  border: 0;
  text-align: center;
  padding: 0 0 16px 0;
  color: #111;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.bidding_mo .biddingprice_wrap .now_price .txt {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 18px;
}

.bidding_mo .biddingprice_wrap .now_price .price_unit1 {
  font-size: 15px;
  font-weight: 600;
  color: #111111;
  line-height: 1.36;
  text-align: right;
}

.bidding_mo .biddingprice_wrap .now_price .price_unit2 {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 1.36;
  margin-top: 2px;
  text-align: right;
}

.bidding_mo .biddingprice_wrap .bid_price {
  background: #4DADA7;
  text-align: center;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 56px;
}

.bidding_mo .biddingprice_wrap .bid_price .btn_bid {
  display: block;
  width: 100%;
  padding: 5px;
  height: 56px;
}

.bidding_mo .biddingprice_wrap .bid_price .btn_bid:hover {
  background-color: #089B93;
}

.bidding_mo .biddingprice_wrap .bid_price .btn_bid:disabled, .bidding_mo .biddingprice_wrap .bid_price .btn_bid:disabled:hover {
  background: #f3f3f3;
  color: #777;
  cursor: default;
}

.bidding_mo .biddingprice_wrap .bid_price.view_only {
  background: #f3f3f3;
  color: #777;
  cursor: default;
}

.bidding_mo .biddingprice_wrap .bid_price .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
  line-height: 1.36;
}

.bidding_mo .biddingprice_wrap .bid_price .txt2 {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  line-height: 1.36;
}

.bidding_mo .biddingprice_wrap .bid_price .price_unit1 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  line-height: 1.36;
}

@media all and (max-width: 1023px) {
  .bidding_mo .biddingprice_wrap .bid_price .price-white {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.36;
  }
  .bidding_mo .biddingprice_wrap .bid_price .price_unit1 {
    font-size: 12px;
    font-weight: 500;
    /*color: #777*/
    color: #fff
  }
  .bidding_mo .biddingprice_wrap .bid_price .price_unit1.grey {
    color: #777
  }
}

.bidding_mo .biddingprice_wrap .bid_price .price_unit2 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.36;
  margin-top: 0px;
}

.bidding_mo .bidding_situation {
  /*margin-top: 40px;*/
  /*padding: 15px;*/
  /*background-color: #f3f3f3;*/
  background-color: #fff;
  border: 1px solid #ccc
}

.bidding_mo .bidding_situation .alert_wrap {
  /*padding: 0px;*/
  /*height: 53px;*/
  /*padding: 13px 0*/
}

.bidding_mo .bidding_situation .alert_wrap .situ_alert {
  text-align: center;
  padding: 15px;
  height: 53px;
  background: #fff;
  color: #db1b1b;
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
}

.bidding_mo .bidding_situation .mobile_scroll-type {
  height: 215px;
  overflow-y: auto;
}

.bidding_mo .bidding_situation .situation_list {
  /*padding: 5px 0 10px;*/
}

.bidding_mo .bidding_situation .situation_list .st_item {
  padding: 10px 0;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #777;
  line-height: 20px;
}
.bidding_mo .bidding_situation .situation_list .st_item.record {
  color: #0000ff
}

.bidding_mo .bidding_situation .situation_list .st_item.self {
  position: relative;
}

/*.bidding_mo .bidding_situation .situation_list .st_item.self::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 16px;*/
/*  left: 8px;*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  border-radius: 8px;*/
/*  background: #0000ff;*/
/*}*/
.bidding_mo .bidding_situation .situation_list .st_item.self .txt span {
  position: relative;
}
.bidding_mo .bidding_situation .situation_list .st_item.self .txt span:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -11px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #0000ff;
}

/*.bidding_mo .bidding_situation .situation_list .st_item.strong .txt,*/
/*.bidding_mo .bidding_situation .situation_list .st_item.strong .price {*/
/*  font-weight: 700;*/
/*}*/

.bidding_mo .bidding_situation .situation_list .st_item .txt {
  width: 40%;
  font-weight: normal;
  text-align: center;
}

.bidding_mo .bidding_situation .situation_list .st_item .price {
  width: 60%;
  text-align: center;
  font-weight: normal;
}

.bidding_mo .bidding_situation .situation_list .st_item strong {
  font-weight: 700;
}

.bidding_mo .bidding_situation .situation_list .st_item em {
  font-weight: 700;
  color: #db1b1b;
}

.bidding_mo .lotlist-wrap .lotlist-header {
  border: 1px solid #ccc;
  border-bottom: none;
}

.bidding_mo .lotlist-wrap .lotlist-header .header_top {
  margin-bottom: 28px;
  padding: 15px 15px 0px 15px;
  position: relative;
}

.bidding_mo .lotlist-wrap .lotlist-header .btn_movelot {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  position: relative;
  display: inline-block;
}

.bidding_mo .lotlist-wrap .lotlist-header .btn_movelot:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333;
}

.bidding_mo .lotlist-wrap .lotlist-header .totalcount {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 15px;
  top: 15px;
}

.bidding_mo .lotlist-wrap .lotlist-header .totalcount .num {
  color: #4DADA7;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .mCustomScrollbar {
  height: 715px;
  border-bottom: 1px solid #ccc;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box {
  padding-top: 1px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem {
  position: relative;
 /* &.on { &:before {content:''; width:100%; background: $colorMain;  height:1px; position:absolute; top:-1px; left:0;} &:after {content:''; width:100%; background: $colorMain;  height:1px; position:absolute; bottom:-1px; left:0;} .lotitem_wrap{ &:before {content:''; width:1px; background: $colorMain;  height:100%; position:absolute; top:0px; left:-1px;} &:after {content:''; width:1px; background: $colorMain;  height:100%; position:absolute; top:0px; right:-1px;} } } */
  border-bottom: 1px solid #ccc;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .lotitem_wrap {
  padding: 20px 10px 20px 110px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .btn-lotChk {
  font-size: 0;
  position: absolute;
  top: 23px;
  right: 25px;
  z-index: 2;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .btn-lotChk:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -831px;
  width: 16px;
  height: 15px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .btn-lotChk.on:after {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -856px;
  width: 16px;
  height: 15px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 80px;
  height: 80px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #ededed;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont {
  position: relative;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num .snum {
  font-size: 12px;
  color: #333;
  font-weight: 600;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num .live_box {
  position: relative;
  margin-left: 10px;
  font-size: 12px;
  color: #fff;
  background: #db1b1b;
  font-weight: 500;
  padding: 3px 6px 3px 16px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num .live_box:before {
  content: '';
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  left: 6px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-top: 6px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .desc {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-top: 3px;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .price {
  font-size: 14px;
  color: #333;
  margin-top: 3px;
  font-weight: 600;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.active .lotitem_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2.5px solid #4DADA7;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.bidded .item-cont .price {
  color: #db1b1b;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.cancel {
  background: #f6f6f6;
  padding: 45px 0;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.cancel .txt {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #777777;
}

.bidding_mo .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem:last-child {
  border-bottom: none;
}

.bidding_mo .notice {
  background: #f3f3f3;
  padding: 0 15px 0 45px;
  position: relative;
  width: calc( 100% + 50px);
  border-top: 1px solid #dedede;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  height: 40px;
}


.bidding_mo .notice .icon-notice {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 16px;
}

.bidding_mo .notice .txt {
  font-size: 13px;
  color: #333;
  font-weight: normal;
  /*line-height: 56px;*/
  /*height: 58px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bidding_mo .notice .txt p {
  width: 90%;
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  /*text-overflow: ellipsis;*/
  line-height: 1.2;
}

.bidding_mo .notice ~ div {
  margin-left: 20px;
  margin-right: 20px;
}

.bidding_mo .view_box {
  /*width: calc(100% + 50px);*/
  /*margin-left: -25px;*/
}

.bidding_mo .view_box .video_wrap {
  display: block;
  position: relative;
 /* &:hover { .video_thumbnail_wrap { .video_thumbnail { transform: scale(1.05);} } } */;
}

.bidding_mo .view_box .video_wrap .video_thumbnail_wrap {
  display: block;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.bidding_mo .view_box .video_wrap .video_thumbnail_wrap .video_thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  font-size: 0;
  line-height: 0;
  background-size: cover;
  transition: .3s all;
  transform: scale(1);
}

.bidding_mo .view_box .video_wrap .video_thumbnail_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.bidding_mo .view_box .video_wrap .video_thumbnail_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.bidding_mo .view_box .video_wrap .ic_video_play {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -811px -74px;
  width: 61px;
  height: 61px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  z-index: 5;
}

.bidding_mo .view_info {
  margin-top: 15px;
  margin-bottom: 80px;
  position: relative;
}

.bidding_mo .view_info .view_count {
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
}

.bidding_mo .view_info .view_count .unit, .bidding_mo .view_info .view_count .num, .bidding_mo .view_info .view_count .icon-viewer {
  vertical-align: middle;
}

.bidding_mo .view_info .view_count .num {
  font-weight: 700;
}

.bidding_mo .view_info .view_count .icon-viewer {
  margin-top: -2px;
  margin-right: 10px;
}

.bidding_mo .view_info .btn.btn_refresh {
  background: #f3f3f3;
  border: none;
  font-size: 13px;
  font-weight: 500;
  padding: 16px;
  padding-left: 30px;
  position: absolute;
  right: 28px;
  top: 0px;
}

.bidding_mo .view_info .btn.btn_refresh .ic_refresh {
  display: inline-block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -929px;
  width: 14px;
  height: 13px;
  position: absolute;
  top: 9px;
  left: 12px;
}

.bidding_mo .my_lot .my_lot_info {
  position: relative;
  margin: 25px 0 16px;
}

.bidding_mo .my_lot .my_lot_wrap {
  border: 0px;
  padding-top: 20px;
}

.bidding_mo .my_lot .my_lot_wrap .table_base th {
  border-top: 0;
  height: 45px;
  color: #333333;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.bidding_mo .my_lot .my_lot_wrap .table_base td {
  height: 38px;
  font-weight: 500;
  color: #333333;
  border-bottom: 1px solid #f3f3f3;
}

.bidding_mo .my_lot .my_lot_wrap .table_base td .lot-stat {
  color: #4DADA7;
  font-weight: 700;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_body > .mobile_scroll-type {
  height: 244px;
  overflow-y: auto;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_body > .mobile_scroll-type .scroll-inner {
  padding: 10px 0;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live {
  position: relative;
  padding: 0px;
  display: flex;
  align-items: center;
  margin: 16px 0;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .lot_link {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  text-decoration: underline;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot-top .select-box {
  position: relative;
  top: 0;
  right: 0;
  width: 80px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot-top .select-box select {
  padding: 8px 32px 8px 15px;
  border: 0;
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  line-height: 15px;
  background-color: #f3f3f3;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot-top .select-box i {
  position: absolute;
  top: calc(50% - 7px);
  right: 9px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  background-color: transparent;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot-top .num {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  line-height: 22px;
  vertical-align: middle;
}
.bidding_mo .my_lot .my_lot_wrap .my_lot-top .num .lot-num {
  display: inline-block;
  vertical-align: -3px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot-top .num .live_box {
  position: relative;
  margin-left: 10px;
  display: inline-block;
  padding: 0px 10px 0px 21px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background: #db1b1b;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot-top .num .live_box::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #fff;
  -webkit-animation:blink 1s ease-in-out infinite alternate;
  -moz-animation:blink 1s ease-in-out infinite alternate;
  animation:blink 1s ease-in-out infinite alternate;
}

-webkit-keyframes blink {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .view-img_wrap {
  width: 64px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .view-img_wrap .view-img {
  position: relative;
  width: 64px;
  height: 64px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .view-img_wrap .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .view-img_wrap .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .view-img_wrap .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .view-img_wrap .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box {
  /*width: calc( 100% - 90px);*/
  width: 100%;
  padding-left: 20px;
  display: flex;
  align-items: center;
  height: 100%;
}


.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box .title {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  color: #333333;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box .title .sm {
  font-size: 14px;
  font-weight: 500;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box .year {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-top: 4px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box .desc {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-top: 5px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box .price {
  font-size: 14px;
  font-weight: 500;
  color: #777;
  margin-top: 4px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box .price_other {
  font-size: 14px;
  font-weight: 500;
  color: #777;
  margin-top: 4px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_live .type1_info_box .detail .btn {
  margin-top: 10px;
  background: #f3f3f3;
  border: none;
  font-size: 14px;
  font-weight: 500;
  padding: 17px;
  color: #777;
  font-weight: 500;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 {
  position: relative;
  padding: 35px 0px;
  border: 1px solid #ccc;
  border-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .lot_link {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  text-decoration: underline;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap {
  width: 30%;
  min-width: 105px;
  padding-right: 14px;
  text-align: right;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img {
  position: relative;
  width: 90px;
  height: 90px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .view-img_wrap .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box {
  width: 50%;
  padding-left: 14px;
  display: flex;
  align-items: center;
  height: 100%;
  text-align: left;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .num {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  line-height: 1.36;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .title {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  line-height: 1.36;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .title .sm {
  font-size: 14px;
  font-weight: 500;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .year {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .desc {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #777777;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard {
  margin-top: 5px;
  font-size: 13px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard span {
  line-height: 1.5;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard .size_year span {
  position: relative;
  display: inline-block;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard .size_year span + span {
  margin-left: 10px;
  padding-left: 10px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .standard .size_year span + span.year::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #bbb;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .price {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  margin-top: 10px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .price_other {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-top: 5px;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type1 .type2_info_box .detail .btn {
  margin-top: 15px;
  background: #f3f3f3;
  border: none;
  font-size: 14px;
  font-weight: 500;
  padding: 17px;
  color: #777;
  font-weight: 500;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type2 {
  border: 1px solid #ccc;
  /*border-top: 0;*/
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type3 {
  border: none;
  margin-top: 15px;
  position: relative;
  padding: 20px 0;
  height: auto;
  text-align: center;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type3 .title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type3 .title span {
  color: #39C3BC;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type3 .txt {
  font-size: 13px;
  color: #777;
  margin-top: 15px;
  line-height: 1.5;
  font-weight: 500;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type3 .member_price {
  /*border-top: 1px solid #ccc;*/
  padding: 20px 0 0;
  width: 100%;
  margin: 20px auto 0;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type3 .member_price .p_txt {
  color: #333;
  font-size: 13px;
  font-weight: 500;
}

.bidding_mo .my_lot .my_lot_wrap .my_lot_type3 .member_price .btn_member {
  background: #333;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 12px;
  min-width: 170px;
  display: inline-block;
  margin-top: 26px;
  line-height: 1.3;
}

.bidding_mo .view-area .view-img {
  position: relative;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
  padding-bottom: 100%;
  text-align: center;
}

.bidding_mo .view-area .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.bidding_mo .view-area .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.bidding_mo .view-area .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bidding_mo .view-area .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.bidding_mo .view-area .view-typo {
  margin-top: 16px;
  text-align: center;
}

.bidding_mo .view-area .view-typo .typo-header .num {
  font-size: 16px;
  font-weight: 700;
}

.bidding_mo .view-area .view-typo .typo-header .title {
  color: #333;
  line-height: 34px;
}

.bidding_mo .view-area .view-typo .typo-header .title span {
  font-size: 20px;
  font-weight: 700;
}

.bidding_mo .view-area .view-typo .typo-header .desc {
  font-size: 16px;
  color: #777;
  font-weight: 500;
}

.bidding_mo .view-area .view-typo .typo-body {
  margin-top: 8px;
  font-weight: 500;
}

.bidding_mo .view-area .view-typo .typo-body span {
  font-size: 16px;
  color: #777777;
}

.bidding_mo .view-area .view-typo .typo-body ul {
  font-size: 0;
}

.bidding_mo .view-area .view-typo .typo-body ul li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #777777;
  line-height: 1.5;
}

.bidding_mo .view-area .view-typo .typo-body ul li + li {
  margin-left: 10px;
  padding-left: 10px;
}

.bidding_mo .view-area .view-typo .typo-body ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 1px;
  height: 12px;
  background-color: #bbbbbb;
}

.allview_fixed-wrap.active .popup-dim {
  display: block;
}

.allview_fixed-wrap.active .fixed-panel .panel-header button.on i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.allview_fixed-wrap.active .fixed-panel .panel-body {
  height: calc(var(--vh, 1vh) * 100 - (160px));
}

.allview_fixed-wrap .popup-dim {
  display: none;
  z-index: 11;
}

.allview_fixed-wrap .fixed-panel {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 12;
}

.allview_fixed-wrap .fixed-panel .panel-header {
  padding: 15px;
  background-color: #2b2b2b;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-align: center;
  position: relative;
}

.allview_fixed-wrap .fixed-panel .panel-header span {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  line-height: 25px;
}

.allview_fixed-wrap .fixed-panel .panel-header i {
  margin-top: 5px;
  margin-left: 10px;
  vertical-align: top;
  position: absolute;
  right: 26px;
  top: 17px;
}

.allview_fixed-wrap .fixed-panel .panel-body {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.37s ease-in-out;
  -moz-transition: height 0.37s ease-in-out;
  -ms-transition: height 0.37s ease-in-out;
  -o-transition: height 0.37s ease-in-out;
  transition: height 0.37s ease-in-out;
 /* 텝메뉴 */;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-tabmenu {
  padding: 0px;
  border-bottom: 1px solid #f3f3f3;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-tabmenu .btn_item {
  display: inline-block;
  margin-right: 20px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-tabmenu .btn_item:last-child {
  margin-right: 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-tabmenu .btn_item .lot-btn_tabmenu {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #ccc;
  line-height: 20px;
  padding: 10px 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-tabmenu .btn_item .lot-btn_tabmenu.on {
  color: #39C3BC;
  font-weight: 700;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-tabmenu .btn_item .lot-btn_tabmenu.on:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #4DADA7;
  left: 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap {
  background-color: #fff;
  padding: 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-header {
  border-bottom: 0px solid #ccc;
  border-bottom: none;
  /*padding: 0 25px;*/
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-header .header_top {
  position: relative;
  padding: 14px 0px 10px;
  margin-bottom: 0px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-header .btn_movelot {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  position: relative;
  display: inline-block;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-header .btn_movelot:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-header .totalcount {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 20px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-header .totalcount .num {
  color: #39C3BC;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .mobile_scroll-type {
  border-bottom: 1px solid #ccc;
  overflow-y: auto;
  height: calc(100vh - (160px + 85px));
  height: calc(var(--vh, 1vh) * 100 - (160px + 85px));
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box {
  border-left: 0px solid #ccc;
  border-right: 0px solid #ccc;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner {
  padding: 0 25px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .lotitem_wrap {
  padding: 15px 0;
  display: flex;
  align-content: center;
  align-items: center;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img {
  position: relative;
  width: 45px;
  height: 45px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #f6f6f6;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
  border: 1px solid #ededed
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont {
  position: relative;
  width: calc( 100% - 45px);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-around;
  min-height: 60px;
  /*모바일일때만 적용되는 것으로 가정*/
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num-box {
  /*width: 8.49057%;*/
  /*min-width: 30px;*/
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num-box .num {
  position: relative;
  text-align: center;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .num-box .num .snum {
  font-size: 15px;
  color: #777;
  font-weight: 600;
  padding: 0 5px 0 10px
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont-num {
  position: relative;
  /*width: calc( 100% - 45px);*/
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-around;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont-num .num-box {
  /*width: 8.49057%;*/
  /*min-width: 30px;*/
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont-num .num-box .num {
  position: relative;
  text-align: center;
  padding: 0 5px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont-num .num-box .num .snum {
  font-size: 15px;
  color: #777;
  font-weight: 600;
  padding: 0 5px 0 10px
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .typo-box {
  width: calc( 100% - 8.49057% - 25px);
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .typo-box .title {
  font-size: 14px;
  font-weight: 600;
  color: #777;
  margin-top: 6px;
  line-height: 18px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .typo-box .desc {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #777;
  margin-top: 3px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .typo-box .price {
  font-size: 12px;
  color: #777;
  margin-top: 3px;
  font-weight: 500;
  line-height: 14px;
}

/*라이브 아닌 경매는 글자 컬러 회색*/
/*.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotitem.active.live  .lotlist-box .lotlist-inner .lotitem .item-cont-num .num-box .num,*/
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotitem.active.live  .lotitem_wrap .item-cont-num .num-box .num,
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotitem.active.live  .lotitem_wrap .item-cont-num .num-box .snum,
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotitem.active.live  .lotitem_wrap .item-cont .typo-box .title,
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotitem.active.live  .lotitem_wrap .item-cont .typo-box .desc,
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotitem.active.live  .lotitem_wrap .item-cont .typo-box .price {
  color: #333;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .btn-box {
  position: relative;
  width: 25px;
  font-size: 0;
  line-height: 0;
  margin-top: -10px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .btn-box .btn-lotChk {
  font-size: 0;
}

/*.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .btn-box .btn-lotChk:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  !*background-image: url("https://seoulauction.com/images/common/sp_icons.png");*!*/
/*  !*background-position: -995px -831px;*!*/
/*  background-image: url(https://seoulauction.com/images/common/ico-heart.svg);*/
/*  width: 24px;*/
/*  height: 20px;*/
/*}*/

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .btn-box .btn-lotChk {
  background-image: url(https://seoulauction.com/images/common/ico-heart.svg);
  width: 24px;
  height: 20px;
}

/*.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .btn-box .btn-lotChk.on:after {*/
/*  !*background-image: url("https://seoulauction.com/images/common/sp_icons.png");*!*/
/*  !*background-position: -995px -856px;*!*/
/*  background-image: url(https://seoulauction.com/images/common/ico-heart-on.svg);*/
/*  width: 24px;*/
/*  height: 20px;*/
/*}*/
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem .item-cont .btn-box .btn-lotChk.on{
  background-image: url(https://seoulauction.com/images/common/ico-heart-on.svg);
  width: 24px;
  height: 20px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on:before {
  content: '';
  width: 100%;
  background: #4DADA7;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on:after {
  content: '';
  width: 100%;
  background: #4DADA7;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on .lotitem_wrap:before {
  content: '';
  width: 1px;
  background: #4DADA7;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -1px;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.on .lotitem_wrap:after {
  content: '';
  width: 1px;
  background: #4DADA7;
  height: 100%;
  position: absolute;
  top: 0px;
  right: -1px;
}
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.live .num-box .num {
  padding: 0 5px;
}
.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.live .num-box .num::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  left: 17px;
  margin-top: -3px;
  margin-left: -12px;
  background-color: #DB1B1B;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.bidded .item-cont .price {
  color: #db1b1b;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.cancel {
  background: #f6f6f6;
  padding: 25px 0;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem.cancel .txt {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #777777;
}

.allview_fixed-wrap .fixed-panel .panel-body .lotlist-wrap .lotlist-tabCont .lotlist-box .lotlist-inner .lotitem:last-child {
  border-bottom: none;
}

.sub-wrap.type-width_list .page_title-section .center-box {
  margin-top: 0px;
  padding: 0 60px;
  max-width: 1920px;
}

@media all and (max-width: 1439px) {
  .sub-wrap.type-width_list .page_title-section .center-box {
    margin-top: 0px;
    padding: 0 50px;
    max-width: 1420px;
  }
}

@media all and (max-width: 1023px) {
  .sub-wrap.type-width_list .page_title-section .center-box {
    margin-top: 0px;
    padding: 0 25px;
  }
}

.basis-section {
 /* 텝메뉴 */ /* 프라이빗 세일 - 리스트*/ /* P/S 가이드 */;
}

.basis-section.type_tab-private_sale {
  margin-top: 0;
}

@media all and (max-width: 1023px) {
  .basis-section.type_tab-private_sale {
    padding: 0 0px;
    max-width: 100%;
  }
}

.basis-section.private_sale_list-section .type_panel-product_list.mode-topline {
  padding-top: 40px;
  border-top: 1px solid #ccc;
}

.basis-section.private_sale_list-section .type_panel-product_list .product-list > li .item-article .typo-area .info-box .desc span {
  /*display: block;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.basis-section.private_sale_list-section .type_panel-product_list .product-list > li .item-article .typo-area .info-box .standard > span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.intro .private_sale_list-section{
  display: none;
}
.intro .tab-cont-section{
  margin-bottom: 120px;
}

@media all and (max-width: 1439px) {
  @media all and (min-width: 1024px) {
    .page_title-section.list_page-section .section-inner.full_size .padding-inner {
      padding: 0 20px 0;
    }
  }
}

@media all and (max-width: 1023px) {
  .basis-section.private_sale_list-section {
    margin-top: 30px;
 /* margin-top: 0px; padding:0 25px;  */;
  }

  .basis-section.private_sale_list-section .type_panel-product_list.mode-topline {
    padding-top: 40px;
  }

  .basis-section.private_sale_list-section .type_panel-product_list .product-list > li {
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  .basis-section.ps_guide-section {
    margin-top: 20px;
  }
}

.content-panel {
 /* 전시 소개 */ /* 전시 1~ */ /* 프라이빗 세일 - 리스트 */ /* 프라이빗 세일 - 리스트 */ /* P/S 가이드 */;
}

.content-panel .img-area img {
  width: 100%;
}

.content-panel .exhibition_info-article {
  /*margin-top: 50px;*/
}

.content-panel .exhibition_info-article p {
  font-size: 18px;
  line-height: 1.78;
}

.content-panel .exhibition_info-article p + p {
  margin-top: 30px;
}

@media all and (max-width: 1023px) {
  .content-panel .exhibition_info-article {
    margin-top: 25px;
  }

  .content-panel .exhibition_info-article p {
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel .exhibition_info-article p + p {
    margin-top: 20px;
  }
}

.content-panel .detale_info-article {
  padding: 40px 0;
}

.content-panel .detale_info-article .article-header {
  position: relative;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
}

.content-panel .detale_info-article .article-body {
  padding: 40px 0;
  border-top: 1px solid #373737;
}

.type_panel-exhibition.content-panel .detale_info-article .article-body {
  padding: 40px 0 0 0;
}

.content-panel .detale_info-article .article-body.exhibit_info{
  padding: 0;
  border-top: 0;
}

.content-panel .detale_info-article .article-body .more_con {
  height: 215px;
  overflow: hidden;
}

.content-panel .detale_info-article .article-body.active .more_con {
  height: auto;
}

.content-panel .detale_info-article .article-body .view_editor-warp {
  padding: 0;
}

.content-panel .detale_info-article .article-footer .btn i {
  width: 20px;
}

.content-panel .detale_info-article .article-footer .btn.on i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media all and (max-width: 1023px) {
  .content-panel .detale_info-article {
    padding: 10px 0 15px;
  }

  .content-panel .detale_info-article .article-header {
    position: relative;
    padding-bottom: 30px;
    display: block;
  }

  .content-panel .detale_info-article .article-body {
    padding: 30px 0 25px;
    border-top: 1px solid #373737;
  }

  .content-panel .detale_info-article .article-body .more_con {
    height: 330px;
  }

  .content-panel .detale_info-article .article-body.active .more_con {
    height: auto;
  }
}

.content-panel .detale_info-article .place{
  color: #555555;
}

.content-panel .detale_info-article .title{
  color: #111111;
  margin-top: 10px;
}

.content-panel .detale_info-article .side_btn-set {
  position: relative;
  width: 400px;
  text-align: right;
}

.content-panel .detale_info-article .side_btn-set .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 160px;
}

@media all and (max-width: 1023px) {
  .content-panel .detale_info-article {
    width: 100%;
  }

  .content-panel .detale_info-article .title {
    margin-top: 10px;
  }

  .content-panel .detale_info-article {
    margin-top: 10px;
    display: block;
  }

  .content-panel .detale_info-article .side_btn-set {
    position: relative;
    margin-top: 15px;
    width: 100%;
    text-align: left;
  }

  .content-panel .detale_info-article .side_btn-set .btn {
    position: relative;
    bottom: auto;
    right: auto;
    min-width: 160px;
  }
}

.content-panel .line-box {
  margin-top: 40px;
  padding: 25px 40px;
  border: 1px solid #e1e1e1;
}

.content-panel .line-box .info {
  position: relative;
  font-weight: 500;
  color: #555555;
  padding-left: 27px;
}

.content-panel .line-box .info i {
  position: absolute;
  left: 0;
}

.content-panel .line-box .info span {
  vertical-align: middle;
  line-height: 22px;
  font-weight: 500;
}

.content-panel .line-box .contact {
  position: relative;
  margin-top: 8px;
  padding-left: 20vpx;
}

.content-panel .line-box .contact span {
  font-weight: 600;
  color: #555555;
}

.content-panel .line-box .contact span + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .content-panel .line-box {
    margin-top: 25px;
    padding: 25px 20px;
  }

  .content-panel .line-box .info {
    padding-left: 20px;
  }

  .content-panel .line-box .info i {
    position: absolute;
    left: 0;
    top: 2px;
  }

  .content-panel .line-box .info span {
    vertical-align: middle;
    line-height: 17px;
    display: inline;
    color: #333333;
  }

  .content-panel .line-box .contact {
    position: relative;
    margin-top: 8px;
    padding-left: 20px;
  }

  .content-panel .line-box .contact span + span {
    margin-left: 0px;
    display: block;
  }
}

.content-panel.type_panel-product_list.type_panel-private_sale .panel-header {
  padding: 0;
}

.content-panel.type_panel-product_list.type_panel-private_sale .search_tab-article .col_item.mb-col2 .select-box:first-child {
  margin-right: 0;
}

.content-panel.type_panel-product_list.type_panel-private_sale .search_tab-article .col_item.mb-col2 .select-box:last-child {
  margin-left: 0;
}

.content-panel.type_panel-private_sale-xxxxxxx .panel-header {
  padding-top: 40px;
  padding-bottom: 50px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-private_sale-xxxxxxx .panel-header {
    padding-top: 30px;
    padding-bottom: 25px;
  }
}

.content-panel.type_panel-private_sale-xxxxxxx .img-box img {
  width: 100%;
}

.content-panel.type_panel-private_sale-xxxxxxx .typo-box .title {
  color: #111111;
}

.content-panel.type_panel-private_sale-xxxxxxx .typo-box .desc {
  margin-top: 20px;
  color: #333333;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-private_sale-xxxxxxx .typo-box .desc {
    margin-top: 10px;
  }
}

.content-panel.type_panel-private_sale-xxxxxxx .inquiry-article {
  margin-top: 70px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-private_sale-xxxxxxx .inquiry-article {
    margin-top: 50px;
  }
}

.content-panel.type_panel-ps_guide .panel-footer {
  margin-top: 100px;
}

.content-panel.type_panel-ps_guide .row_2 {
  display: flex;
}

.content-panel.type_panel-ps_guide .row_2 .col_item {
  width: 50%;
}

.content-panel.type_panel-ps_guide .row_2 .col_item:first-child {
  padding-right: 50px;
}

.content-panel.type_panel-ps_guide .row_2 .col_item:last-child {
  padding-left: 50px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-ps_guide .panel-footer {
    margin-top: 50px;
  }

  .content-panel.type_panel-ps_guide .row_2 {
    display: block;
  }

  .content-panel.type_panel-ps_guide .row_2 .col_item {
    width: 100%;
  }

  .content-panel.type_panel-ps_guide .row_2 .col_item:first-child {
    padding-right: 0px;
  }

  .content-panel.type_panel-ps_guide .row_2 .col_item:last-child {
    padding-left: 0px;
  }
}

.content-panel.type_panel-ps_guide .guide-article + .guide-article {
  margin-top: 40px;
}

.content-panel.type_panel-ps_guide .guide-article .col_item.image img {
  width: 100%;
  max-width: 610px;
}

.content-panel.type_panel-ps_guide .guide-article .col_item.typo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-panel.type_panel-ps_guide .guide-article .col_item.typo .typo-header em, .content-panel.type_panel-ps_guide .guide-article .col_item.typo .typo-header span {
  display: inline;
}

.content-panel.type_panel-ps_guide .guide-article .col_item.typo .typo-header em {
  color: #21a099;
}

.content-panel.type_panel-ps_guide .guide-article .col_item.typo .typo-header span {
  color: #333333;
}

.content-panel.type_panel-ps_guide .guide-article .col_item.typo .typo-body {
  margin-top: 10px;
}

.content-panel.type_panel-ps_guide .guide-article .col_item.typo .typo-body span {
  color: #555555;
  line-height: 1.78;
}

.content-panel.type_panel-ps_guide .img-box img {
  width: 100%;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-ps_guide .guide-article + .guide-article {
    margin-top: 40px;
  }

  .content-panel.type_panel-ps_guide .guide-article .col_item.image + .col_item.typo {
    margin-top: 25px;
  }

  .content-panel.type_panel-ps_guide .guide-article .col_item.typo + .col_item.image {
    margin-top: 25px;
  }

  .content-panel.type_panel-ps_guide .guide-article .col_item.image img {
    width: 100%;
    max-width: none;
  }

  .content-panel.type_panel-ps_guide .guide-article .col_item.typo {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .content-panel.type_panel-ps_guide .guide-article .col_item.typo .typo-body {
    margin-top: 15px;
  }
}

.content-panel {
 /* 진행 중인 아카데미 */ /* 아카데미 리스트 */ /* 스와이퍼 */ /* ==== 게시판 상세 ====  */;
}

.content-panel .service-article {
  position: relative;
}

.content-panel .service-article.option-more.more_show .service-list li {
  display: block;
}

.content-panel .service-article.option-more.more_show .article-footer .btn_set-float {
  display: none;
}

.content-panel .service-article .article-footer .btn_set-float {
  display: none;
}

.content-panel .service-article .service-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc( 100% + 20px);
  margin-left: -10px;
}

.content-panel .service-article .service-list li {
  width: 25%;
  padding: 0 10px;
  padding-bottom: 33px;
}

.content-panel .service-article .service-list li.deadline .img-align::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.content-panel .service-article .service-list li.deadline .alert-box {
  text-align: center;
}

.content-panel .service-article .service-list li.deadline .alert {
  display: inline-block;
  padding: 3px 20px 3px;
  min-width: auto;
  font-size: 20px;
  line-height: 24px;
  height: 31px;
  border: 1px solid #BDBDBD;
  color: #fff;
}

@media all and (max-width: 1023px) {
  .content-panel .service-article .service-list li.deadline .alert-box {
    margin-top: 10px;
  }

  .content-panel .service-article .service-list li.deadline .alert {
    padding: 2px 10px 2px;
    min-width: auto;
    font-size: 15px;
    line-height: 19px;
    height: 23px;
  }
}

.content-panel .service-article .service-list .li-inner {
  position: relative;
}

.content-panel .service-article .service-list .image-box {
  position: relative;
}

.content-panel .service-article .service-list .image-box img {
  width: 100%;
}

.content-panel .service-article .service-list .image-box .typo-align {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-panel .service-article .service-list .image-box .category_name {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 28px;
  font-weight: 600;
  color: #fff;
}

.content-panel .service-article .service-list .typo-box {
  padding: 12px 0;
}

.content-panel .service-article .service-list .typo-box .state {
  font-size: 0;
}

.content-panel .service-article .service-list .typo-box .state span + span {
  margin-left: 6px;
}

.content-panel .service-article .service-list .typo-box .state span {
  display: inline-block;
  padding: 0 16px;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.content-panel .service-article .service-list .typo-box .state span.allowed {
  background-color: #4DADA7;
}

.content-panel .service-article .service-list .typo-box .state span.deadline {
  background-color: #333;
}

.content-panel .service-article .service-list .typo-box .state span.progress {
  background-color: #F0F0F0;
  color: #21a099;
}

.content-panel .service-article .service-list .typo-box .state span.end {
  background-color: #f5f5f5;
  color: #999999;
}

.content-panel .service-article .service-list .typo-box .title {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content-panel .service-article .service-list .typo-box .title em, .content-panel .service-article .service-list .typo-box .title span {
  display: inline;
}

.content-panel .service-article .service-list .typo-box .title em {
  color: #21a099;
  margin-right: 10px;
}

.content-panel .service-article .service-list .typo-box .title span {
  color: #333;
}

@media all and (max-width: 1023px) {
  .content-panel .service-article.option-more .service-list li {
    display: none;
  }

  .content-panel .service-article.option-more .service-list li.mb_show {
    display: block;
  }

  .content-panel .service-article .article-footer .btn_set-float {
    display: block;
    margin-top: 15px;
  }

  .content-panel .service-article .article-footer .btn {
    width: 160px;
  }

  .content-panel .service-article .service-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
  }

  .content-panel .service-article .service-list li {
    width: 50%;
    padding: 0 5px;
    padding-bottom: 17px;
  }

  .content-panel .service-article .service-list .image-box .category_name {
    font-size: 18px;
  }

  .content-panel .service-article .service-list .typo-box {
    padding: 12px 0 6px;
  }

  .content-panel .service-article .service-list .typo-box .state {
    font-size: 0;
  }

  .content-panel .service-article .service-list .typo-box .state span + span {
    margin-left: 3px;
  }

  .content-panel .service-article .service-list .typo-box .state span {
    display: inline-block;
    padding: 0 4px;
    line-height: 15px;
    font-size: 11px;
  }

  .content-panel .service-article .service-list .typo-box .title {
    margin-top: 10px;
    font-size: 14px;
    line-height: 23px;
  }

  .content-panel .service-article .service-list .typo-box .title em, .content-panel .service-article .service-list .typo-box .title span {
    display: inline;
  }

  .content-panel .service-article .service-list .typo-box .title em {
    color: #21a099;
    margin-right: 8px;
  }

  .content-panel .service-article .service-list .typo-box .title span {
    color: #333;
  }
}

.content-panel .service-article_sns {
  margin-top: 60px;
}

.content-panel .service-article_sns .banner {
  display: table;
}

.content-panel .service-article_sns .banner .img-area {
  display: table-cell;
  height: 0;
  padding-bottom: 30%;
  background: url("https://seoulauction.com/images/pc/service/academy-help.jpg") center no-repeat;
  background-size: cover;
}

.content-panel .service-article_sns .banner .img-area img {
  display: none;
}

.content-panel .service-article_sns .banner .typo-area {
  display: table-cell;
  width: 53.0303%;
  background-color: #f6f6f6;
  padding: 10px 30px 10px 100px;
  vertical-align: middle;
}

.content-panel .service-article_sns .banner .typo-area > div {
  display: inline-block;
}

.content-panel .service-article_sns .banner .typo-area .area-header {
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
  color: #333;
}

.content-panel .service-article_sns .banner .typo-area .area-header em {
  display: inline;
  color: #21a099;
}

.content-panel .service-article_sns .banner .typo-area .area-header span {
  display: inline;
}

.content-panel .service-article_sns .banner .typo-area .area-body {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: #555;
}

.content-panel .service-article_sns .banner .typo-area .area-footer {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.content-panel .service-article_sns .banner .typo-area .area-footer a, .content-panel .service-article_sns .banner .typo-area .area-footer span {
  vertical-align: top;
  display: inline;
}

.content-panel .service-article_sns .banner .typo-area .area-footer i {
  vertical-align: top;
  margin-top: 2px;
  margin-right: 3px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .content-panel .service-article_sns .banner .typo-area {
    padding: 20px 20px 20px 40px;
  }
}

@media all and (max-width: 1023px) {
  .content-panel .service-article_sns {
    margin-top: 50px;
  }

  .content-panel .service-article_sns .banner {
    display: block;
  }

  .content-panel .service-article_sns .banner .img-area {
    display: block;
    width: 100%;
 /* [2022-0701] 고객사수정 요청   */
    height: 100%;
    padding-bottom: 0;
    background-size: contain;
 /* // [2022-0701] 고객사수정 요청   */;
  }

  .content-panel .service-article_sns .banner .img-area img {
    display: inline-block;
    width: 100%;
  }

  .content-panel .service-article_sns .banner .typo-area {
    width: 100%;
    padding: 25px 20px;
    background-color: #f6f6f6;
    display: block;
    flex-direction: initial;
    justify-content: normal;
  }

  .content-panel .service-article_sns .banner .typo-area .area-header {
    font-size: 22px;
    line-height: 1.36;
  }

  .content-panel .service-article_sns .banner .typo-area .area-body {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
  }

  .content-panel .service-article_sns .banner .typo-area .area-footer {
    margin-top: 10px;
    font-size: 13px;
  }

  .content-panel .service-article_sns .banner .typo-area .area-footer a, .content-panel .service-article_sns .banner .typo-area .area-footer span {
    vertical-align: top;
    display: inline;
  }

  .content-panel .service-article_sns .banner .typo-area .area-footer i {
    vertical-align: top;
    margin-top: 0px;
    margin-right: 3px;
  }
}

.content-panel.type_panel-ing_academy .inquiry-article {
  margin-top: 93px;
}

@media all and (max-width: 1439px) {
  .content-panel.type_panel-ing_academy .inquiry-article {
    margin-top: 35px;
  }
}

.content-panel .academy-article {
  position: relative;
}

.content-panel .academy-article .academy-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc( 100% + 14px);
  margin-left: -7px;
}

.content-panel .academy-article .academy-list li {
  padding: 0 7px;
  width: 16.6666%;
}

.content-panel .academy-article .academy-list li .li-inner {
  position: relative;
  height: 230px;
  background-color: #f6f6f6;
  border: 1px solid #dedede;
}

.content-panel .academy-article .academy-list li a {
  display: block;
  border: 1px solid transparent;
  height: 100%;
}

.content-panel .academy-article .academy-list li:hover .li-inner {
  border: 1px solid #4dada7;
}

.content-panel .academy-article .academy-list li:hover a {
  border: 1px solid #4dada7;
}

.content-panel .academy-article .item-area {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

.content-panel .academy-article .item-area .item-header .icon-box {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
}

.content-panel .academy-article .item-area .item-body {
  margin-top: 25px;
}

.content-panel .academy-article .item-area .item-body .title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
}

.content-panel .academy-article .item-area .item-body .desc {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #777;
}

.content-panel .academy-article .item-area .item-footer {
  margin-top: 20px;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .content-panel .academy-article .academy-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
  }

  .content-panel .academy-article .academy-list li {
    padding: 0 5px;
    width: 50%;
    margin-bottom: 10px;
  }

  .content-panel .academy-article .academy-list li .li-inner {
    height: 170px;
  }

  .content-panel .academy-article .item-area .item-header .icon-box {
    margin: 0 auto;
    width: 50px;
    height: 50px;
  }

  .content-panel .academy-article .item-area .item-body {
    margin-top: 15px;
  }

  .content-panel .academy-article .item-area .item-body .title {
    font-size: 17px;
  }

  .content-panel .academy-article .item-area .item-body .desc {
    margin-top: 6px;
    font-size: 10px;
  }

  .content-panel .academy-article .item-area .item-footer {
    margin-top: 10px;
  }
}

.content-panel .swiper-article {
  margin-top: 100px;
}
.content-panel .swiper-article.exhibit {
  margin-top: 40px;
}

.content-panel .swiper-article .pagination {
  display: none;
}

@media all and (max-width: 1023px) {
  .content-panel .swiper-article {
    margin-top: 40px;
  }

  .content-panel .swiper-article .mb-full {
    padding: 0 25px;
    overflow: hidden;
  }

  .content-panel .swiper-article .gallery-wrap {
    width: 100%;
  }

  .content-panel .swiper-article .pagination {
    display: block;
  }
}

.content-panel.type_panel-edit_view {
  padding: 0;
  margin-top: 100px;
}

.content-panel.type_panel-edit_view > .panel-header {
  padding: 0;
}

.content-panel.type_panel-edit_view > .panel-body {
  margin-top: 40px;
}

.content-panel.type_panel-edit_view > .panel-footer {
  border-top: 1px solid #cccccc;
}

.content-panel.type_panel-edit_view > .panel-footer .inquiry-article {
  margin-top: 100px;
}

.content-panel.type_panel-edit_view > .panel-footer .button-area {
  padding: 0;
  margin-top: 60px;
}

.content-panel.type_panel-edit_view > .panel-footer .button-area .btn.btn_lg {
  width: 180px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-edit_view {
    margin-top: 42px;
  }

  .content-panel.type_panel-edit_view > .panel-body {
    margin-top: 10px;
  }

  .content-panel.type_panel-edit_view > .panel-footer .inquiry-article {
    margin-top: 50px;
  }

  .content-panel.type_panel-edit_view > .panel-footer .button-area {
    padding: 0;
    margin-top: 30px;
  }

  .content-panel.type_panel-edit_view > .panel-footer .button-area .btn.btn_lg {
    width: 160px;
  }
}

/* 서비스 */
/* 메뉴 , 컨텐츠 */
.content-panel {
 /*  */ /*
                              <div class="storage-navigation">
                                 <div class="map-area">
                                    <img src="/images/pc/service/storage_map.png" alt="location sample">
                                 </div>
                                 <div class="navigation-area">
                                    <div class="item-area">
                                       <div class="item-header">
                                          <div class="title">
                                             <i class="icon-navi_address"></i>
                                             <span class="tt3">평창 아트 스토리지</span>
                                          </div>
                                       </div>
                                       <div class="item-body">
                                          <div class="navi-info tb1">
                                             <div class="key">지번 주소</div>
                                             <div class="value">
                                                <p>경기도 양주시 장흥면 일영리 45-10<br>경기도 양주시 장흥면 일영리 5-1</p>
                                             </div>
                                          </div>
*/;
}

.content-panel.type_panel-loan .panel-header {
  font-size: 18px;
  line-height: 32px;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-loan .panel-header {
    font-size: 13px;
    line-height: 21px;
    color: #555555;
    padding: 16px 0;
  }
}

.content-panel.type_panel-loan .loan-step-area {
  margin: 18px 0 0;
  padding: 30px 0 55px;
  border: 1px solid #333;
  border-width: 1px 0;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area {
  padding: 60px 0 57px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .icon-box {
  display: block;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-header {
  text-align: center;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-header .title {
  margin-top: 6px;
  font-weight: 700;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-header .title span {
  display: block;
  color: #21a099;
  font-size: 16px;
  line-height: 28px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-header .title b {
  display: block;
  color: #333333;
  line-height: 28px;
  margin-top: 2px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body {
  font-size: 18px;
  line-height: 32px;
  color: #555555;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body p + p {
  margin-top: 6px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body a {
  display: inline;
  text-decoration: underline;
  color: #21a099;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body .guide-emailtitle {
  margin-top: 23px;
  font-weight: 500;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body .guide-emailtitle b {
  font-weight: 600;
  color: #333333;
}

.content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body .guide-emailtitle p + p {
  margin-top: 5px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-first .item-area {
  display: flex;
  align-content: center;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-first .item-area .item-header {
  width: 20%;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-first .item-area .item-body {
  width: 76.22%;
  padding: 0 7.954%;
  border-left: 1px solid #ccc;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other {
 /* border-top: 1px solid #ccc; */
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area {
  width: 33.3333%;
  padding: 45px 0 0px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area .item-header .title {
  margin-top: 11px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area .item-header .title b {
  margin-top: 2px;
}

.content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area .item-body {
  margin-top: 20px;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-loan .loan-step-area {
    margin-top: 10px;
    padding: 20px 0 25px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area {
    padding: 25px 0 19px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-header .title {
    margin-top: 14px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-header .title span {
    font-size: 12px;
    line-height: 14px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-header .title b {
    line-height: 1;
    margin-top: 9px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body {
    font-size: 13px;
    line-height: 21px;
    margin-top: 12px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body p + p {
    margin-top: 12px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body .guide-emailtitle {
    margin-top: 17px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step .item-area .item-body .guide-emailtitle p + p {
    margin-top: 2px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-first {
    padding-left: 15px;
    padding-right: 15px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-first .item-area {
    display: block;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-first .item-area .item-header {
    width: 100%;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-first .item-area .item-body {
    width: 100%;
    padding: 0;
    border-left: 0;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #ccc;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other {
    padding-bottom: 10px;
    display: flex;
    flex-flow: row wrap;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area {
    width: 50%;
    padding-top: 35px;
    padding-bottom: 0px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area .item-header .title {
    margin-top: 14px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area .item-header .title b {
    margin-top: 9px;
  }

  .content-panel.type_panel-loan .loan-step-area .loan-step.loan-step-other .item-area .item-body {
    margin-top: 12px;
  }
}

.content-panel.type_panel-loan .help-box {
  position: relative;
  padding-left: 30px;
}

.content-panel.type_panel-loan .help-box i {
  position: absolute;
  top: 5px;
  left: 0;
}

.content-panel.type_panel-loan .help-box span, .content-panel.type_panel-loan .help-box em {
  font-size: 18px;
  line-height: 32px;
  color: #333333;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-loan .help-box {
    padding-left: 20px;
  }

  .content-panel.type_panel-loan .help-box i {
    position: absolute;
    top: 2px;
    left: 0;
  }

  .content-panel.type_panel-loan .help-box span, .content-panel.type_panel-loan .help-box em {
    font-size: 14px;
    line-height: 21px;
  }
}

.content-panel.type_panel-loan .dot li {
  position: relative;
  padding-left: 13px;
}

.content-panel.type_panel-loan .dot li:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 2px;
}

.content-panel.type_panel-loan .refer p {
  position: relative;
  padding-left: 13px;
  color: #777777;
}

.content-panel.type_panel-loan .refer p:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.content-panel.type_panel-loan .loan-document-area {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 /*align-content: space-between;*/;
}

.content-panel.type_panel-loan .loan-document-area .loan-document {
  width: calc(50% - 10px);
}

.content-panel.type_panel-loan .loan-document-area .loan-document .item-area {
  border: 1px solid #ccc;
  width: 100%;
}

.content-panel.type_panel-loan .loan-document-area .loan-document .item-area + .item-area {
  margin-top: 20px;
}

.content-panel.type_panel-loan .loan-document-area .loan-document .item-area .item-header {
  background: #f8f8f8;
  height: 100px;
  padding: 0 40px;
  display: flex;
  align-items: center;
  color: #333333;
}

.content-panel.type_panel-loan .loan-document-area .loan-document .item-area .item-body {
  padding: 32px 35px;
}

.content-panel.type_panel-loan .loan-document-area .loan-document + .loan-document {
  display: flex;
}

.content-panel.type_panel-loan .loan-document-area .loan-document .refer {
  margin-top: 22px;
  padding-top: 24px;
  border-top: 1px solid #ccc;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-loan .dot li {
    padding-left: 10px;
  }

  .content-panel.type_panel-loan .dot li:before {
    left: 0px;
  }

  .content-panel.type_panel-loan .refer p {
    padding-left: 10px;
  }

  .content-panel.type_panel-loan .loan-document-area {
    margin-top: 25px;
    display: block;
  }

  .content-panel.type_panel-loan .loan-document-area .loan-document {
    width: 100%;
  }

  .content-panel.type_panel-loan .loan-document-area .loan-document .item-area + .item-area {
    margin-top: 15px;
  }

  .content-panel.type_panel-loan .loan-document-area .loan-document .item-area .item-header {
    height: 60px;
    padding: 0 20px;
  }

  .content-panel.type_panel-loan .loan-document-area .loan-document .item-area .item-body {
    padding: 16px 20px;
  }

  .content-panel.type_panel-loan .loan-document-area .loan-document + .loan-document {
    margin-top: 15px;
    display: block;
  }

  .content-panel.type_panel-loan .loan-document-area .loan-document .refer {
    margin-top: 13px;
    padding-top: 14px;
  }
}

.content-panel.type_panel-loan .loan-condition-area {
  margin-top: 74px;
}

.content-panel.type_panel-loan .loan-condition-area .table-panel {
  position: relative;
}

.content-panel.type_panel-loan .loan-condition-area .table-panel .p-header {
  line-height: 1;
  margin-bottom: 30px;
}

.content-panel.type_panel-loan .loan-condition-area .table-panel .p-header .title {
  color: #333333;
}

.content-panel.type_panel-loan .loan-condition-area .table-panel .p-body {
  border-top: 0;
}

.content-panel.type_panel-loan .loan-condition-area .table-panel .p-body .refer {
  margin-top: 10px;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company {
  margin-top: 40px;
  padding: 33px 40px;
  border: 1px solid #ccc;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .dot {
  display: flex;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .dot li {
  width: 33.33333333%;
  color: #555555;
  line-height: 34px;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .dot li:nth-child(1) {
  order: 1;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .dot li:nth-child(2) {
  order: 4;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .dot li:nth-child(3) {
  order: 2;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .dot li:nth-child(4) {
  order: 5;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .dot li:nth-child(5) {
  order: 3;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .btn-box {
  margin-top: 23px;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .btn-box .btn {
  padding-left: 22px;
  padding-right: 22px;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .btn-box .btn span {
  letter-spacing: 0.025em;
}

.content-panel.type_panel-loan .loan-condition-area .loan-company .description {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
  font-size: 16px;
  line-height: 32px;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-loan .loan-condition-area {
    margin-top: 52px;
  }

  .content-panel.type_panel-loan .loan-condition-area .table-panel .p-header {
    margin-bottom: 15px;
  }

  .content-panel.type_panel-loan .loan-condition-area .table-panel .p-body .refer {
    position: static;
    top: auto;
    right: auto;
    margin-top: 12px;
  }

  .content-panel.type_panel-loan .loan-condition-area .loan-company {
    margin-top: 17px;
    padding: 22px 20px;
    border: 1px solid #ccc;
  }

  .content-panel.type_panel-loan .loan-condition-area .loan-company .dot {
    display: block;
  }

  .content-panel.type_panel-loan .loan-condition-area .loan-company .dot li {
    width: 100%;
    color: #555555;
    line-height: 1.5;
  }

  .content-panel.type_panel-loan .loan-condition-area .loan-company .btn-box {
    margin-top: 15px;
  }

  .content-panel.type_panel-loan .loan-condition-area .loan-company .btn-box .btn {
    padding-left: 15px;
    padding-right: 15px;
  }

  .content-panel.type_panel-loan .loan-condition-area .loan-company .description {
    margin-top: 20px;
    padding-top: 18px;
    font-size: 12px;
    line-height: 19px;
  }
}

.content-panel.type_panel-storage .storage-area {
  padding-top: 93px;
}

.content-panel.type_panel-storage .storage-area .article-header {
  margin-bottom: 34px;
  color: #333333;
}

.content-panel.type_panel-storage .storage-intro {
  margin-top: -17px;
}

.content-panel.type_panel-storage .storage-image {
  margin-top: 90px;
}

.content-panel.type_panel-storage .inquiry-article {
  margin-top: 93px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-storage .storage-area {
    padding-top: 36px;
    padding-bottom: 10px;
  }

  .content-panel.type_panel-storage .storage-area .article-header {
    margin-bottom: 26px;
  }

  .content-panel.type_panel-storage .storage-intro {
    margin-top: -14px;
  }

  .content-panel.type_panel-storage .storage-image {
    margin-top: 20px;
  }

  .content-panel.type_panel-storage .inquiry-article {
    margin-top: 35px;
  }
}

.content-panel.type_panel-storage .storage-system {
  display: flex;
  justify-content: space-between;
 /*align-content: space-between;*/;
}

.content-panel.type_panel-storage .storage-system .img-box img:lang(ko){
  width: 100%;
}

.content-panel.type_panel-storage .storage-system .item-area {
  width: calc(33.333333333333% - 40px / 3);
  border: 1px solid #cfcfcf;
}

.content-panel.type_panel-storage .storage-system .item-area:nth-child(2) .item-body .desc {
  padding-right: 0;
}

.content-panel.type_panel-storage .storage-system .item-area .item-body {
  padding: 36px 38px 33px;
}

.content-panel.type_panel-storage .storage-system .item-area .item-body .title {
  color: #333333;
}

.content-panel.type_panel-storage .storage-system .item-area .item-body .desc {
  margin-top: 10px;
  padding-right: 10%;
  color: #555555;
}

.content-panel.type_panel-storage .storage-system .item-area .item-body .info {
  margin-top: 23px;
  padding-top: 23px;
  border-top: 1px solid #ccc;
  color: #555555;
}

.content-panel.type_panel-storage .storage-system .item-area .item-body .info li {
  position: relative;
  padding-left: 28px;
}

.content-panel.type_panel-storage .storage-system .item-area .item-body .info li .icon-system_arrow {
  position: absolute;
  top: 8px;
  left: 0;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-storage .storage-system {
    flex-flow: row wrap;
  }

  .content-panel.type_panel-storage .storage-system .item-area {
    width: 100%;
  }

  .content-panel.type_panel-storage .storage-system .item-area + .item-area {
    margin-top: 10px;
  }

  .content-panel.type_panel-storage .storage-system .item-area .item-body {
    padding: 22px 20px 22px;
  }

  .content-panel.type_panel-storage .storage-system .item-area .item-body .desc {
    padding-right: 0;
    height: auto;
  }

  .content-panel.type_panel-storage .storage-system .item-area .item-body .info {
    margin-top: 16px;
    padding-top: 16px;
  }

  .content-panel.type_panel-storage .storage-system .item-area .item-body .info li {
    padding-left: 20px;
  }

  .content-panel.type_panel-storage .storage-system .item-area .item-body .info li .icon-system_arrow {
    top: 4px;
    left: 0;
  }
}

.content-panel.type_panel-storage .storage-navigation .map-area {
  border: 1px solid #dedede;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area {
  border: 1px solid #dedede;
  border-width: 0 1px 1px;
  display: flex;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area {
  flex: 1;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area + .item-area {
  border-left: 1px solid #dedede;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .item-header {
  background: #f6f6f6;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .item-header .title {
  display: flex;
  align-content: center;
  align-items: center;
  height: 80px;
  padding: 0 40px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .item-header .title span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 19px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .item-body {
  padding: 33px 40px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .key {
  font-weight: 600;
  color: #333333;
  margin-bottom: 6px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .value {
  color: #777777;
  word-break: keep-all;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info.line-style {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info.line-style .key {
  width: 105px;
  margin-bottom: 0;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info.line-style + .navi-info {
  margin-top: 6px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info + .navi-info {
  margin-top: 16px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color {
  font-weight: 600;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color i {
  display: inline-block;
  vertical-align: 1px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin-right: 2px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-1 {
  color: #263c96;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-1 i {
  background: #263c96;
  padding-right: 2px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-3 {
  color: #f06e00;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-3 i {
  background: #f06e00;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-4 {
  color: #2c9ede;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-4 i {
  background: #2c9ede;
  padding-right: 2px;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-5 {
  color: #8936e0;
}

.content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color.line-5 i {
  background: #8936e0;
  padding-right: 1px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-infoaction .tab_move-bar ul li {
    flex: initial;
  }
  .content-panel.type_panel-storage .storage-navigation .map-area {
    height: auto;
  }

  .content-panel.type_panel-storage .storage-navigation .map-area img {
    width: 100%;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area {
    display: flex;
    flex-flow: row wrap;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area {
    flex: none;
    width: 100%;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area + .item-area {
    border-top: 1px solid #dedede;
    border-left: 0;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .item-header .title {
    height: 54px;
    text-align: center;
    justify-content: center;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .item-header .title span {
    margin-left: 10px;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .item-body {
    padding: 22px 25px;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .key {
    margin-bottom: 0;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .key.subway-line {
    margin-bottom: 12px;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info.line-style {
    display: block;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info.line-style .key {
    width: 100%;
    margin-bottom: 0;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info.line-style + .navi-info {
    margin-top: 21px;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info + .navi-info {
    margin-top: 21px;
  }

  .content-panel.type_panel-storage .storage-navigation .navigation-area .item-area .navi-info .subway-color i {
    vertical-align: -1px;
    margin-right: 2px;
  }
}

/* 담보대출, 미술품보관 */
.content-panel {
 /*  */;
}

.content-panel.type_panel-marketing .service-marketing {
  margin-top: 15px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-marketing .service-marketing {
    margin-top: 5px;
  }
}

.content-panel.type_panel-marketing .service-marketing .marketing_list {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.content-panel.type_panel-marketing .service-marketing .marketing_list > li {
  border-top: 1px solid #ddd;
  padding: 60px 0;
}

.content-panel.type_panel-marketing .service-marketing .marketing_list > li:first-child {
  border-top: none;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-marketing .service-marketing .marketing_list > li {
    padding: 25px 0;
  }
}

.content-panel.type_panel-marketing .service-marketing .service_art_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list > li {
  width: calc(50% - 20px);
  margin-bottom: 20px;
  position: relative;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont {
  border: 1px solid #ccc;
  display: flex;
  padding: 55px;
  height: 100%;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .img-area {
  width: 70px;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .img-area img {
  width: 100%;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area {
  padding: 0px 0px 0px 45px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area .area-header {
  font-size: 26px;
  line-height: 1.5;
  font-weight: bold;
  color: #333;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area .area-header em {
  display: inline;
  color: #21a099;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area .area-header span {
  display: inline;
}

.content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area .area-body {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: #555;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-marketing .service-marketing .service_art_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .content-panel.type_panel-marketing .service-marketing .service_art_list > li {
    width: 100%;
    margin-bottom: 10px;
  }

  .content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont {
    display: block;
    padding: 20px 5px;
    height: 100%;
  }

  .content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .img-area {
    width: 50px;
    margin: 0 auto;
  }

  .content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .img-area img {
    width: 100%;
  }

  .content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area {
    padding: 0px;
    text-align: center;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area .area-header {
    font-size: 18px;
  }

  .content-panel.type_panel-marketing .service-marketing .service_art_list .list_cont .typo-area .area-body {
    margin-top: 7px;
    font-size: 14px;
  }
}

.content-panel.type_panel-marketing .service-marketing .banner {
  display: flex;
}

.content-panel.type_panel-marketing .service-marketing .banner .img-area {
  width: 46.9697%;
}

.content-panel.type_panel-marketing .service-marketing .banner .img-area img {
  width: 100%;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area {
  width: 53.0303%;
  padding: 10px 30px 10px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-header {
  font-size: 26px;
  line-height: 1.5;
  font-weight: bold;
  color: #333;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-header em {
  display: inline;
  color: #21a099;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-header span {
  display: inline;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: #555;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .txt_ex {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  margin-top: 10px;
  color: #333333;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .txt_ex a, .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .txt_ex span {
  vertical-align: top;
  display: inline;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .txt_ex .icon_circle_arrow {
  vertical-align: top;
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -152px;
  width: 20px;
  height: 20px;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .desc_list_type0 > li {
  padding-left: 15px;
  position: relative;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .desc_list_type0 > li:before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #4DADA7;
  border-radius: 50%;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .desc_list_type0 > li em {
  color: #4DADA7;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer a, .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer span {
  vertical-align: top;
  display: inline;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer i {
  vertical-align: top;
  margin-top: 2px;
  margin-right: 3px;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer .btn_wrap {
  font-size: 0;
}

.content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer .btn_wrap .btn {
  min-width: 170px;
  margin-top: 10px;
  margin-right: 10px;
  display: inline-block;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-marketing .service-marketing .banner {
    display: block;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .img-area {
    width: 100%;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area {
    width: 100%;
    padding: 25px 0px;
    display: block;
    flex-direction: initial;
    justify-content: normal;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-header {
    font-size: 18px;
    line-height: 1.36;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .txt_ex {
    padding-left: 18px;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    color: #333333;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .txt_ex .icon_circle_arrow {
    top: 4px;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -323.5px -451px;
    width: 13px;
    height: 13px;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .desc_list_type0 > li {
    padding-left: 7px;
    margin-bottom: 5px;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-body .desc_list_type0 > li:before {
    content: '';
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer {
    margin-top: 10px;
    font-size: 13px;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer a, .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer span {
    vertical-align: top;
    display: inline;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer i {
    vertical-align: top;
    margin-top: 0px;
    margin-right: 3px;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer .btn_wrap .btn {
    min-width: 160px;
    margin-right: 10px;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer .btn_wrap.btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .content-panel.type_panel-marketing .service-marketing .banner .typo-area .area-footer .btn_wrap.btns .btn {
    width: 49%;
    margin-top: 2vw;
    margin-right: 0;
    min-width: auto;
  }
}

/* 아트컨설팅&기업마케팅, 전시관대관 */
.content-panel {
 /* 위탁안내 */;
}

.content-panel.type_panel-consignment {
  margin-top: 96px;
}

.content-panel.type_panel-consignment .consignment-area .article-header {
  margin-bottom: 50px;
}

.content-panel.type_panel-consignment .consignment-area .article-header .title {
  color: #111111;
}

.content-panel.type_panel-consignment .consignment-area .article-body .cont-sub {
  margin-top: 50px;
}

.content-panel.type_panel-consignment .consignment-area + .consignment-area {
  margin-top: 105px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-consignment {
    margin-top: 40px;
  }

  .content-panel.type_panel-consignment .consignment-area .article-header {
    margin-bottom: 15px;
  }

  .content-panel.type_panel-consignment .consignment-area .article-body .cont-sub {
    margin-top: 25px;
  }

  .content-panel.type_panel-consignment .consignment-area + .consignment-area {
    margin-top: 50px;
  }
}

.content-panel .dot_list li {
  position: relative;
  padding-left: 13px;
  word-break: keep-all;
}

.content-panel .dot_list li:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 2px;
}

.content-panel .dot_list li span {
  display: contents;
}

.content-panel .dot_list li a {
  display: inline-block;
  text-decoration: underline;
}

@media all and (max-width: 1023px) {
  .content-panel .dot_list li {
    position: relative;
    padding-left: 13px;
    word-break: keep-all;
  }

  .content-panel .dot_list li span {
    display: contents;
  }

  .content-panel .dot_list li a {
    display: inline-block;
    text-decoration: underline;
  }
}

.content-panel .notice_02 {
  color: #db1b1b;
}

.content-panel .consignment_info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc( 100% + 20px);
  margin-left: -10px;
}

.content-panel .consignment_info li {
  width: 33.33335%;
  padding: 0 10px;
}

.content-panel .consignment_info li .inner {
  border: 1px solid #ccc;
  height: 100%;
}

.content-panel .consignment_info li .inner .img img {
  width: 100%;
}

.content-panel .consignment_info li .inner dl {
  padding: 30px;
}

.content-panel .consignment_info li .inner dl dt {
  margin-bottom: 10px;
  color: #333333;
}

.content-panel .consignment_info li .inner dl dt span {
  color: #21a099;
}

.content-panel .consignment_info li .inner dl dd {
  word-wrap: break-word;
  word-break: keep-all;
}

@media all and (max-width: 1023px) {
  .content-panel .consignment_info {
    width: 100%;
    margin-left: 0;
  }

  .content-panel .consignment_info li {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }

  .content-panel .consignment_info li:first-child {
    margin-top: 0;
  }

  .content-panel .consignment_info li .inner dl {
    padding: 20px;
  }

  .content-panel .consignment_info li .inner dl dt {
    margin-bottom: 10px;
  }
}

.content-panel .sell_item-title {
  margin-bottom: 20px;
}

.content-panel .sell_item-title .step {
  font-size: 16px;
  font-weight: bold;
  color: #777777;
}

.content-panel .sell_item-title .title {
  font-size: 26px;
  font-weight: bold;
  color: #333333;
}

@media all and (max-width: 1023px) {
  .content-panel .sell_item-title {
    margin-bottom: 10px;
  }

  .content-panel .sell_item-title .step {
    font-size: 13px;
  }

  .content-panel .sell_item-title .title {
    font-size: 18px;
    margin-top: 2px;
  }
}

.content-panel .sell_item-area {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.content-panel .sell_item-area .refer {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
}

.content-panel .sell_item-area .refer .dot_list li {
  color: #777777;
}

@media all and (max-width: 1023px) {
  .content-panel .sell_item-area {
    margin-top: 15px;
  }

  .content-panel .sell_item-area .refer {
    margin-top: 15px;
    padding-top: 15px;
  }
}

.content-panel .sell_item-area .sell-document {
  width: calc(50% - 10px);
  border: 1px solid #ccc;
}

.content-panel .sell_item-area .sell-document .item-header {
  text-align: center;
  padding: 60px 0 25px;
  color: #333333;
}

.content-panel .sell_item-area .sell-document .item-header .icon-box {
  margin-bottom: 15px;
}

.content-panel .sell_item-area .sell-document .item-header .icon-box img {
  width: 142px;
}

.content-panel .sell_item-area .sell-document .item-body {
  padding: 30px;
}

.content-panel .sell_item-area .sell-document .item-body .mail_txt .icon-box {
  display: inline-block;
  margin: 3px 5px 0 0;
}

.content-panel .sell_item-area .sell-document .item-body .mail_txt a {
  display: inline-block;
  text-decoration: underline;
}

.content-panel .sell_item-area .sell-document .item-body strong {
  font-weight: 600;
  color: #333333;
}

.content-panel .sell_item-area .sell-document .item-body dl dt {
  margin-top: 25px;
}

.content-panel .sell_item-area .sell-document .item-body .btn-box {
  margin-top: 25px;
}

.content-panel .sell_item-area .sell-document .item-body .btn-box a {
  margin-right: 6px;
}

@media all and (max-width: 1023px) {
  .content-panel .sell_item-area .sell-document {
    width: 100%;
  }

  .content-panel .sell_item-area .sell-document + .sell-document {
    margin-top: 10px;
  }

  .content-panel .sell_item-area .sell-document .item-header {
    padding: 25px 0 0;
  }

  .content-panel .sell_item-area .sell-document .item-header .icon-box {
    margin-bottom: 5px;
  }

  .content-panel .sell_item-area .sell-document .item-header .icon-box img {
    width: 71px;
  }

  .content-panel .sell_item-area .sell-document .item-body {
    padding: 20px;
  }

  .content-panel .sell_item-area .sell-document .item-body .mail_txt .icon-box {
    display: inline-block;
    margin: 3px 5px 0 0;
  }

  .content-panel .sell_item-area .sell-document .item-body .mail_txt a {
    display: inline-block;
    text-decoration: underline;
  }

  .content-panel .sell_item-area .sell-document .item-body dl dt {
    margin-top: 16px;
  }

  .content-panel .sell_item-area .sell-document .item-body .btn-box {
    margin-top: 20px;
  }
}

.content-panel .sell_item-area .sell-box {
  border: 1px solid #dedede;
  display: flex;
  width: 100%;
}

.content-panel .sell_item-area .sell-box .item-inner {
  width: 100%;
}

.content-panel .sell_item-area .sell-box .screening_step {
  display: flex;
  flex-wrap: wrap;
  padding: 60px 0;
}

.content-panel .sell_item-area .sell-box .screening_step li {
  text-align: center;
  width: 33.33335%;
  border-left: 1px solid #ccc;
}

.content-panel .sell_item-area .sell-box .screening_step li:first-child {
  border-left: 0;
}

.content-panel .sell_item-area .sell-box .screening_step li dl {
  margin-top: 35px;
}

.content-panel .sell_item-area .sell-box .screening_step li dl dt {
  font-weight: 600;
  color: #333333;
  margin-bottom: 5px;
}

.content-panel .sell_item-area .sell-box .screening_step li dl dd {
  line-height: 1.5;
}

@media all and (max-width: 1023px) {
  .content-panel .sell_item-area .sell-box .screening_step {
    padding: 0;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .content-panel .sell_item-area .sell-box .screening_step li {
    width: 100%;
    border-left: 0;
    padding: 0px 19px;
  }

  .content-panel .sell_item-area .sell-box .screening_step li .li-inner {
    padding: 15px 0 20px;
    border-top: 1px solid #ccc;
  }

  .content-panel .sell_item-area .sell-box .screening_step li:first-child .li-inner {
    border-top: 0;
  }

  .content-panel .sell_item-area .sell-box .screening_step li .icon-box {
    margin-top: 10px;
  }

  .content-panel .sell_item-area .sell-box .screening_step li dl {
    margin-top: 10px;
  }

  .content-panel .sell_item-area .sell-box .screening_step li dl dt {
    margin-bottom: 5px;
  }
}

.content-panel .sell_item-area .sell-box .contract_step {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 0;
}

.content-panel .sell_item-area .sell-box .contract_step li {
  text-align: center;
  width: 25%;
  max-width: 300px;
  position: relative;
}

.content-panel .sell_item-area .sell-box .contract_step li::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 30px;
  background: url("https://seoulauction.com/images/pc/sell/icon-sell_step.png");
}

.content-panel .sell_item-area .sell-box .contract_step li:first-child::before {
  display: none;
}

.content-panel .sell_item-area .sell-box .contract_step li dl {
  margin-top: 20px;
}

.content-panel .sell_item-area .sell-box .contract_step li dl dt {
  font-size: 20px;
  font-weight: 700;
  color: #21a099;
  margin-bottom: 10px;
}

.content-panel .sell_item-area .sell-box .contract_step li dl dd {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .content-panel .sell_item-area .sell-box .contract_step {
    padding: 5px 0;
  }

  .content-panel .sell_item-area .sell-box .contract_step li {
    width: 100%;
    max-width: none;
    padding: 20px;
    display: flex;
  }

  .content-panel .sell_item-area .sell-box .contract_step li::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 11px;
    position: absolute;
    left: 40px;
    top: -7px;
    background: url("https://seoulauction.com/images/pc/sell/icon-sell_step_mo.png");
    background-size: contain;
  }

  .content-panel .sell_item-area .sell-box .contract_step li:first-child::before {
    display: none;
  }

  .content-panel .sell_item-area .sell-box .contract_step li .icon-box {
    display: inline-block;
    margin-right: 18px;
    vertical-align: top;
    width: 65px;
  }

  .content-panel .sell_item-area .sell-box .contract_step li dl {
    margin-top: 0;
    display: block;
    text-align: left;
    width: calc( 100% - 65px);
  }

  .content-panel .sell_item-area .sell-box .contract_step li dl dt {
    font-size: 15px;
    margin-bottom: 3px;
  }

  .content-panel .sell_item-area .sell-box .contract_step li dl dd {
    font-size: 15px;
  }
}

.content-panel .sell_item-area .sell-box .onebox_step {
  display: flex;
  flex-wrap: nowrap;
  padding: 60px;
}

.content-panel .sell_item-area .sell-box .onebox_step .icon-box {
  margin-right: 65px;
}

.content-panel .sell_item-area .sell-box .onebox_step .icon-box img {
  width: 142px;
}

.content-panel .sell_item-area .sell-box .onebox_step dl {
  width: 100%;
}

.content-panel .sell_item-area .sell-box .onebox_step dl:first-child dt {
  margin-top: 0;
}

.content-panel .sell_item-area .sell-box .onebox_step dl dt {
  margin-bottom: 10px;
}

.content-panel .sell_item-area .sell-box .onebox_step dl dd .notice {
  margin-top: 15px;
  color: #777777;
}

.content-panel .sell_item-area .sell-box .onebox_step dl + .notice_02 {
  margin-top: 25px;
}

.content-panel .sell_item-area .sell-box .onebox_step .item_tit {
  color: #333333;
  font-weight: 600;
  margin-bottom: 20px;
}

@media all and (max-width: 1023px) {
  .content-panel .sell_item-area .sell-box .onebox_step {
    padding: 25px 20px;
    flex-direction: column;
  }

  .content-panel .sell_item-area .sell-box .onebox_step .icon-box {
    margin: 0;
  }

  .content-panel .sell_item-area .sell-box .onebox_step .icon-box img {
    width: 71px;
  }

  .content-panel .sell_item-area .sell-box .onebox_step dl dt {
    margin-bottom: 5px;
    margin-top: 10px;
  }

  .content-panel .sell_item-area .sell-box .onebox_step dl dd .notice {
    margin-top: 10px;
  }

  .content-panel .sell_item-area .sell-box .onebox_step dl + .notice_02 {
    margin-top: 10px;
  }

  .content-panel .sell_item-area .sell-box .onebox_step .item_tit {
    margin-bottom: 10px;
  }
}

/* 위탁안내 */
.content-panel {
 /* 결제 */;
}

.content-panel.type_panel-payment .panel-header {
  position: relative;
}

.content-panel.type_panel-payment .panel-header .guide_box {
  position: absolute;
  right: 0;
  top: 50%;
}

.content-panel.type_panel-payment .panel-footer {
  padding-top: 60px;
}

.content-panel.type_panel-payment .panel-footer .button-area .btn_set.btn_double {
  justify-content: center;
}

.content-panel.type_panel-payment .panel-footer .button-area .btn {
  width: 230px;
  margin: 0 4px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-payment .panel-header {
    padding-bottom: 30px;
  }

  .content-panel.type_panel-payment .panel-header .guide_box {
    top: 35%;
  }

  .content-panel.type_panel-payment .panel-footer {
    padding-top: 30px;
  }

  .content-panel.type_panel-payment .panel-footer .button-area .btn_set.btn_double {
    justify-content: space-between;
  }

  .content-panel.type_panel-payment .panel-footer .button-area .btn_set.btn_double .btn {
    width: calc(50% - 5px);
  }

  .content-panel.type_panel-payment .panel-footer .button-area .btn {
    width: 100%;
    margin: 0;
  }
}

.form_table_pay {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #999;
}

.form_table_pay > li {
  width: 100%;
  flex-direction: column;
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}

.form_table_pay > li.no-line {
  border-bottom: 0;
  padding-bottom: 0;
}

.form_table_pay > li.comment_pay {
  padding: 60px 20px;
}

.form_table_pay > li.comment_pay p {
  text-align: center;
  color: #111111;
}

.form_table_pay > li.comment_pay em:lang(ko) {
  color: #21a099;
  font-weight: 700;
}

.form_table_pay > li.comment_pay .desc-box:lang(ko) {
  margin-top: 40px;
}

.form_table_pay > li.comment_pay .desc-box p + p:lang(ko) {
  margin-top: 5px;
}

.form_table_pay > li .list_tit {
  color: #333333;
  margin-bottom: 10px;
}

.form_table_pay > li .terms-area {
  margin-top: 20px;
}

.form_table_pay > li .terms-area a {
  display: inline-block;
  margin-left: 10px;
  color: #333333;
  line-height: 24px;
}

.form_table_pay > li .br-mo {
  display: none;
}

.form_table_pay > li .table_box {
  display: flex;
  justify-content: space-between;
}

.form_table_pay > li .table_box .guide, .form_table_pay > li .table_box .member_pay {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.form_table_pay > li .table_box .guide {
  border-right: 1px solid #ccc;
  width: 70%;
  padding-right: 50px;
}

.form_table_pay > li .table_box .member_pay {
  width: 27%;
}

.form_table_pay > li .table_box .member_pay p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form_table_pay > li .table_box .member_pay p.fees span {
  color: #777777;
}

.form_table_pay > li .table_box .member_pay p.fees span.tit {
  font-weight: 600;
}

.form_table_pay > li .table_box .member_pay .tt5, .form_table_pay > li .table_box .member_pay .tt3 {
  color: #333333;
  font-weight: 600;
}

.form_table_pay > li .table_box .member_pay .tit {
  width: 103px;
}

.form_table_pay > li .table_box .member_pay .won {
  width: auto;
  text-align: right;
}

.form_table_pay > li .table_box .member_pay .won i {
  margin-left: 3px;
  color: #777777;
}

.form_table_pay > li .pay_info {
  display: flex;
  flex-direction: column;
  line-height: 0;
}

.form_table_pay > li .pay_info > li {
  position: relative;
  margin: 5px 0;
  padding-left: 105px;
}

.form_table_pay > li .pay_info > li .th, .form_table_pay > li .pay_info > li .td {
  line-height: 28px;
}

.form_table_pay > li .pay_info > li .th {
  color: #333333;
  font-weight: 600;
  width: 100px;
  position: absolute;
  top: 0px;
  left: 0;
}

.form_table_pay > li .pay_info > li .pay {
  font-weight: 700;
  color: #333333;
}

.form_table_pay > li .pay_info > li .pay .total {
  color: #db1b1b;
}

.form_table_pay > li .list_tit + .btn_wrap, .form_table_pay > li .list_tit + .total_pay_box {
  margin-top: 25px;
}

.form_table_pay > li .btn_wrap {
  margin-bottom: 10px;
}

.form_table_pay > li .btn_wrap a {
  margin-right: 7px;
  min-width: 160px;
}

.form_table_pay > li .text_wrap {
  margin-top: 30px;
}

.form_table_pay > li .text_wrap dt {
  margin-bottom: 10px;
  color: #333333;
}

.form_table_pay > li .total_pay_box {
  border: 1px solid #5f5f5f;
  text-align: center;
  font-weight: 600;
  color: #333333;
  padding: 45px 20px;
  margin-bottom: 10px;
}

.form_table_pay > li .total_pay_box i {
  font-weight: 600;
}

.form_table_pay > li .total_pay_box span {
  color: #db1b1b;
}

.form_table_pay > li .check {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 12px;
}

.form_table_pay > li .check .terms_link {
  margin-left: 10px;
  color: #333333;
  text-decoration: underline;
}

.form_table_pay > li .check-header {
  margin-top: 5px;
}

.form_table_pay > li .check-header .trp.checkbox-box label.tb1 {
  font-size: 20px;
  font-weight: 600;
}

.form_table_pay > li .check-header .colorP {
  font-weight: 500;
}

.form_table_pay > li .check-body {
  background-color: #f6f6f6;
  padding: 40px;
  margin-top: 18px;
}

.form_table_pay > li .check-body.mark_dot-list li:after {
  top: 14px;
}

.form_table_pay > li .account_info {
  background: #f6f6f6;
  padding: 40px;
  color: #333;
}

.form_table_pay > li .account_info .tit {
  color: #333;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form_table_pay > li .account_info .txt {
  margin: 0 0 20px;
}

.form_table_pay > li .account_info .txt span {
  color: #21a099;
  font-weight: 700;
}

.form_table_pay > li .account_info .pay_info {
  font-weight: 600;
}

.form_table_pay > li .account_info .pay_info .th {
  font-weight: 500;
}

.form_table_pay > li .account_info .pay_info .td strong {
  font-weight: 600;
}

.form_table_pay > li .product-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.form_table_pay > li .product-box .img {
  width: 136px;
  height: 136px;
  min-width: 136px;
  background: #f6f6f6;
  text-align: center;
  margin-right: 25px;
}

.form_table_pay > li .product-box .img img {
  height: 100%;
}

.form_table_pay > li .product-box .product_info dt {
  color: #333333;
  margin-bottom: 10px;
}

.form_table_pay > li .product-box .product_info dt .sub_txt {
  display: block;
}

.form_table_pay > li .product-box .product_info dd span {
  position: relative;
  color: #777777;
}

.form_table_pay > li .product-box .product_info dd .size_year span + span {
  margin-left: 10px;
  padding-left: 10px;
}

.form_table_pay > li .product-box .product_info dd .size_year span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #bbb;
}

@media all and (max-width: 1023px) {
  .form_table_pay > li {
    padding: 25px 0 25px;
  }

  .form_table_pay > li.comment_pay {
    padding: 40px 0;
  }

  .form_table_pay > li.comment_pay .desc-box {
    margin-top: 20px;
  }

  .form_table_pay > li .br-mo {
    display: block;
  }

  .form_table_pay > li .list_tit {
    color: #333333;
    margin-bottom: 10px;
  }

  .form_table_pay > li .terms-area {
    margin-top: 20px;
  }

  .form_table_pay > li .terms-area .trp.checkbox-box label {
    line-height: 1.7;
  }

  .form_table_pay > li .terms-area a {
    margin-left: 0px;
    line-height: 1.7;
  }

  .form_table_pay > li .table_box {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .form_table_pay > li .table_box .guide {
    border-right: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
    padding-right: 0;
  }

  .form_table_pay > li .table_box .member_pay {
    width: 100%;
    padding: 0 10px;
  }

  .form_table_pay > li .table_box .member_pay p {
    padding: 3px 0;
  }

  .form_table_pay > li .table_box .member_pay .tit {
    width: 40%;
  }

  .form_table_pay > li .pay_info > li {
    padding-left: 75px;
    margin: 3px 0;
  }

  .form_table_pay > li .pay_info > li .th {
    width: 70px;
    max-width: none;
  }

  .form_table_pay > li .list_tit + .btn_wrap, .form_table_pay > li .list_tit + .total_pay_box {
    margin: 15px 0 5px;
  }

  .form_table_pay > li .btn_wrap {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
  }

  .form_table_pay > li .btn_wrap a {
    margin-right: 0;
    width: calc(50% - 5px);
    min-width: auto;
  }

  .form_table_pay > li .text_wrap {
    margin-top: 20px;
  }

  .form_table_pay > li .text_wrap dt {
    margin-bottom: 6px;
  }

  .form_table_pay > li .total_pay_box {
    padding: 25px 10px;
  }

  .form_table_pay > li .check {
    margin-top: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .form_table_pay > li .check .terms_link {
    margin-left: 26px;
    margin-top: 0px;
  }

  .form_table_pay > li .check-header {
    margin-top: 0px;
  }

  .form_table_pay > li .check-header .trp.checkbox-box label.tb1 {
    font-size: 15px;
  }

  .form_table_pay > li .check-body {
    background-color: #f6f6f6;
    padding: 20px;
    margin-top: 12px;
  }

  .form_table_pay > li .check-body .trp.checkbox-box label {
    line-height: 21px;
  }

  .form_table_pay > li .check-body.mark_dot-list li:after {
    top: 8px;
  }

  .form_table_pay > li .account_info {
    padding: 20px;
  }

  .form_table_pay > li .account_info .tit {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .form_table_pay > li .account_info .txt {
    margin: 0 0 10px;
  }

  .form_table_pay > li .product-box .img {
    width: 96px;
    height: 96px;
    min-width: 96px;
    margin-right: 15px;
  }

  .form_table_pay > li .product-box .product_info dt {
    color: #333333;
    margin-bottom: 5px;
  }

  .form_table_pay > li .product-box .product_info dd .size_year span + span {
    margin-left: 10px;
    padding-left: 10px;
  }

  .form_table_pay > li .product-box .product_info dd .size_year span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 11px;
    background-color: #bbb;
  }
}

.form_table_pay .receipts {
  background: #f6f6f6;
  border: 0;
  padding: 40px;
  margin-top: 30px;
}

.form_table_pay .receipts .receipts-inner {
  display: flex;
}

.form_table_pay .receipts .receipts-inner > .tit {
  padding-right: 40px;
  white-space: nowrap;
}

.form_table_pay .receipts .btn-area {
  display: flex;
}

.form_table_pay .receipts .btn-area .btn {
  width: 170px;
  margin-right: 10px;
}

.form_table_pay .receipts .form-area {
  margin-top: 15px;
}

.form_table_pay .receipts .form-area .radio-wrap {
  margin-bottom: 15px;
}

.form_table_pay .receipts .form-area .con-wrap {
  display: flex;
}

.form_table_pay .receipts .form-area.personal .con .form-wrap {
  display: flex;
}

.form_table_pay .receipts .form-area.personal .con .form-wrap.form-con2 {
  display: none;
}

.form_table_pay .receipts .form-area.personal .select-box, .form_table_pay .receipts .form-area.personal input[type="text"] {
  margin-right: 10px;
}

.form_table_pay .receipts .form-area.personal input[type="text"] {
  width: 410px;
}

.form_table_pay .receipts .form-area.personal .con-wrap .select-box {
  width: 170px;
}

.form_table_pay .receipts .form-area.personal .con-wrap input[type="text"] {
  width: 230px;
}

.form_table_pay .receipts .form-area.business {
  display: none;
}

.form_table_pay .receipts .form-area.business input[type="text"] {
  width: 410px;
}

@media all and (max-width: 1023px) {
  .form_table_pay .receipts {
    padding: 25px 20px;
  }

  .form_table_pay .receipts .receipts-inner {
    flex-direction: column;
  }

  .form_table_pay .receipts .receipts-inner > .tit {
    padding-right: 0;
    margin-bottom: 15px;
  }

  .form_table_pay .receipts .trp.radio-box + .trp.radio-box {
    margin-left: 20px;
  }

  .form_table_pay .receipts .form-area {
    display: block;
  }

  .form_table_pay .receipts .form-area .con-wrap {
    flex-direction: column;
  }

  .form_table_pay .receipts .form-area.personal .form-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
  }

  .form_table_pay .receipts .form-area.personal .select-box, .form_table_pay .receipts .form-area.personal input[type="text"] {
    width: 100%;
    margin-right: 0;
  }

  .form_table_pay .receipts .form-area.personal .con-wrap .select-box, .form_table_pay .receipts .form-area.personal .con-wrap input[type="text"] {
    width: 100%;
    margin-right: 0;
  }

  .form_table_pay .receipts .form-area.business input[type="text"] {
    width: 100%;
  }
}

/* ============ 팝업 ========= */
.trp.popupfixed-wrap.offline_payment-popup {
 /* 테이블 */ /* 아코디언 */ /* 확인사항, 결제안내 : 도트리스트 */ /* 결제안내 */;
}

.trp.popupfixed-wrap.offline_payment-popup .pop-header .title-box .txt_title {
  font-size: 30px;
  font-weight: 600;
}

.trp.popupfixed-wrap.offline_payment-popup .articles-area + .articles-area {
  margin-top: 30px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.offline_payment-popup .articles-area + .articles-area {
    margin-top: 20px;
  }
  .trp.popupfixed-wrap.offline_payment-popup .pop-header .title-box .txt_title {
    font-size: 22px;
    font-weight: 700;
  }
}

.trp.popupfixed-wrap.offline_payment-popup .articles-area .area-header .title {
  font-size: 22px;
  color: #333333;
  font-weight: 600;
  line-height: 45px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.offline_payment-popup .articles-area .area-header .title {
    font-size: 16px;
    line-height: 35px;
  }
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead tr th, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead tr td, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tbody tr th, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tbody tr td, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tfoot tr th, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tfoot tr td {
  padding: 3px 10px;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead tr th:first-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead tr td:first-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tbody tr th:first-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tbody tr td:first-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tfoot tr th:first-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tfoot tr td:first-child {
  border-left: 1px solid #ccc;
  padding-left: 20px;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead tr th:last-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead tr td:last-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tbody tr th:last-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tbody tr td:last-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tfoot tr th:last-child, .trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tfoot tr td:last-child {
  border-right: 1px solid #ccc;
  padding-right: 20px;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead th {
  border: 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color: #fff;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price thead th:nth-child(2) {
  width: 25%;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tbody td {
  border: 0;
  border-bottom: 1px solid #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price tfoot th {
  background-color: #f3f3f3;
  border-bottom: 1px solid #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price strong {
  font-weight: 600;
}

.trp.popupfixed-wrap.offline_payment-popup .table_base.name-payment_price em {
  margin-left: 10px;
  font-weight: 600;
  color: #db1b1b;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header {
  border-top: 1px solid #999;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .accordion-inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 20px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .title strong {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  line-height: 17px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .count {
  padding-right: 35px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .count em, .trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .count span {
  font-size: 14px;
  color: #555555;
  line-height: 17px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .count em {
  font-weight: 600;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .count span {
  font-weight: 500;
  margin-left: 5px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header i {
  position: absolute;
  top: 22px;
  right: 18px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-header .on i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-body {
  display: none;
  border-top: 1px solid #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .accordion-footer {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list > li {
  padding: 22px 20px 10px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list > li .li-inner {
  position: relative;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list > li + li .li-inner::before {
  position: absolute;
  top: -22px;
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .item-header {
  display: flex;
  justify-content: space-between;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .item-body {
  margin-top: 15px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .image-area {
  position: relative;
  width: 65px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .image-area .img-ratio {
  background-color: #f6f6f6;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .image-area img {
  width: 100%;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .image-area .typo-align {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .typo-area {
  width: calc(100% - 75px);
  padding-left: 10px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .typo-area .num {
  font-size: 13px;
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .typo-area .title {
  margin-top: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .typo-area .title strong {
  font-weight: bold;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .work-list .typo-area .desc {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .price-list {
  position: relative;
  padding-left: 70px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .price-list dt, .trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .price-list dd {
  font-size: 14px;
  line-height: 35px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .price-list dt {
  position: absolute;
  left: 0;
  font-weight: 600;
  color: #333333;
  line-height: 35px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .price-list dd {
  font-weight: 500;
  color: #555555;
  text-align: right;
  min-height: 35px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .price-list dd strong {
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .price-list dd em {
  font-size: 16px;
  font-weight: 600;
  color: #db1b1b;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .calculation-box {
  padding: 10px 20px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_price-accordion .total-box {
  padding: 10px 20px;
  border-top: 1px solid #ccc;
  background-color: #f3f3f3;
}

.trp.popupfixed-wrap.offline_payment-popup .mark_dot-list li {
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.offline_payment-popup .mark_dot-list li {
    font-size: 14px;
    line-height: 20px;
  }

  .trp.popupfixed-wrap.offline_payment-popup .mark_dot-list li:after {
    top: 7px;
  }
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box {
  margin-top: 10px;
  padding: 25px;
  border: 1px solid #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-account {
  text-align: center;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-account em {
  position: relative;
  color: #21a099;
  font-weight: 600;
  margin-left: 15px;
  padding-left: 15px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-account em::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 18px;
  background-color: #ccc;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-account span {
  color: #21a099;
  font-weight: 500;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-notice {
  margin-top: 18px;
  text-align: center;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-notice i {
  margin-top: 3px;
  margin-right: 5px;
}

.trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-notice span {
  color: #333333;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.offline_payment-popup .payment_info-box {
    margin-top: 10px;
    padding: 22px;
  }

  .trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-account strong {
    display: inline-block;
    margin-bottom: 2px;
  }

  .trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-account em {
    margin-left: 0px;
    padding-left: 0px;
  }

  .trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-account em::before {
    display: none;
  }

  .trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-notice {
    margin-top: 10px;
  }

  .trp.popupfixed-wrap.offline_payment-popup .payment_info-box .text-notice i {
    margin-top: 2px;
    margin-right: 2px;
  }
}

.trp.popupfixed-wrap.offline_payment-popup .contact_us {
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
}

.trp.popupfixed-wrap.offline_payment-popup .contact_us span, .trp.popupfixed-wrap.offline_payment-popup .contact_us a {
  display: inline-block;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.offline_payment-popup .contact_us {
    padding: 20px 0 13px;
    font-size: 14px;
  }
}

/* 결제 */
.basis-section {
 /* 마이페이지 */;
}
#exhibit_content.basis-section{
  margin-top:0;
}

.basis-section .pc-ver {
  display: inline-block;
}

@media all and (max-width: 1023px) {
  .basis-section .pc-ver {
    display: none;
  }
}

.basis-section.mypage-section {
  margin-top: 100px;
}

.basis-section.mypage-section .mypage-container {
  display: flex;
  width: 100%;
 /* LNB */ /* Content */;
}

.basis-section.mypage-section .mypage-container > .aside-area {
  width: 21.21212%;
  min-width: 280px;
}

.basis-section.mypage-section .mypage-container > .content-area {
  padding-left: 6.06061%;
  width: 78.78788%;
}

.basis-section.mypage-section .aside-area .mem-name-wrap {
  color: #111111;
}

.basis-section.mypage-section .aside-area .mem-name-wrap span:lang(ko) {
  display: inline;
}

.basis-section.mypage-section .aside-area .mem-name-wrap .tt4 {
  padding-left: 0.2em;
}

.basis-section.mypage-section .aside-area .mem-info-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.basis-section.mypage-section .aside-area .mem-info-wrap .mem-lv-box > div {
  display: inline-block;
}

.basis-section.mypage-section .aside-area .mem-info-wrap .mem-lv-box .mem-lv {
  padding: 0px 15px;
  height: 26px;
  line-height: 26px;
  color: #fff;
}

.basis-section.mypage-section .aside-area .mem-info-wrap .mem-lv-box .mem-lv.lv-1 {
  background-color: #999999;
}

.basis-section.mypage-section .aside-area .mem-info-wrap .mem-lv-box .mem-lv.lv-2 {
  background-color: #21a099;
}

.basis-section.mypage-section .aside-area .mem-info-wrap .mem-lv-box .mem-period {
  color: #21a099;
  font-size: 20px;
  font-weight: 700;
  margin-left: 10px;
}

.basis-section.mypage-section .aside-area .mem-button-wrap {
  margin-top: 30px;
}

.basis-section.mypage-section .aside-area .mem-button-wrap .btn {
  width: 100%;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap {
  margin-top: 30px;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb ul, .basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li {
  display: block;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb > ul > li:not(.on), .basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb .cate1 > li:not(.on) {
  color: #333333;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb > ul > li.on {
  font-weight: 700;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li {
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li > a, .basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li > span {
  display: inline-block;
  padding: 5px 0;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li > a i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li li {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  color: #888;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li.on {
  font-weight: 600;
  color: #21a099;
}

.basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li.on > a i:after {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -995px -632px;
  width: 20px;
  height: 20px;
}

@media (min-width: 1024px) {
  .basis-section.mypage-section .aside-area .mypage-lnb-wrap .mypage-lnb li .cate1 > li {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }
}

.basis-section.mypage-section .content-area .subtitle-wrap {
  padding-bottom: 30px;
}

.basis-section.mypage-section .content-area .subtitle-wrap .title {
  color: #111111;
}

.basis-section.mypage-section .content-area .search-wrap {
  height: 70px;
  border-bottom: 1px solid #999999;
  position: relative;
}

.basis-section.mypage-section .content-area .search-wrap .search-bar {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.basis-section.mypage-section .content-area .search-wrap .search-bar .date-wrap .select-box {
  margin-left: -20px;
}

.basis-section.mypage-section .content-area .search-wrap .search-bar .date-wrap .select-box select {
  border: 0;
  outline: 0;
  color: #333333;
  font-weight: 600;
}

.basis-section.mypage-section .content-area .search-wrap .search-bar .search-detail-btnbox .search-detail-btn {
  margin-top: 5px;
}

.basis-section.mypage-section .content-area .search-wrap .search-bar .search-detail-btnbox .search-detail-btn i {
  display: block;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box {
  display: none;
  border-top: 1px solid #ccc;
  height: 68px;
  background: #f6f6f6;
  padding-left: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner {
  display: flex;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .input-wrap input[type="text"] {
  width: 200px;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .period-wrap {
  margin-left: 20px;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .period-wrap dl {
  display: flex;
  align-items: center;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .period-wrap dl dt {
  font-size: 18px;
  font-weight: 700px;
  padding-right: 10px;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .period-wrap dl dd {
  display: flex;
  align-items: center;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .period-wrap dl dd input[type="text"] {
  width: 150px;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .period-wrap dl dd input[type="text"] + span {
  padding: 0 5px;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .search-detail-inner .btn-search {
  margin-left: 10px;
}

.basis-section.mypage-section .content-area .search-wrap .search-detail-box .btn_close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  width: 70px;
  height: 70px;
  padding: 23px;
  font-size: 0;
}

.basis-section.mypage-section .button-area .btn_lg {
  min-width: 170px;
}

@media all and (max-width: 1023px) {
  .basis-section.mypage-section .button-area .btn_lg {
    min-width: auto;
  }
}

@media all and (max-width: 1023px) {
  .basis-section.mypage-section {
    margin-top: 0;
    padding: 0;
  }

  .basis-section.mypage-section .mypage-container {
    display: block;
  }

  .basis-section.mypage-section .mypage-container > .aside-area {
    width: auto;
  }

  .basis-section.mypage-section .mypage-container > .content-area {
    width: auto;
    padding: 0;
  }

  .basis-section.mypage-section .mypage-container > .content-area .subtitle-wrap {
    background: #f2f2f2;
    border: 1px solid #dedede;
    border-width: 1px 0;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
  }

  .basis-section.mypage-section .mypage-container > .content-area .subtitle-wrap .title .tt2 {
    font-size: 18px;
    line-height: 27px;
  }

  .basis-section.mypage-section .mypage-container > .content-area .subtitle-wrap .btn-wrap {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    padding: 5px;
  }

  .basis-section.mypage-section .mypage-container > .content-area .contents-wrap {
    padding: 0 25px;
  }

  .basis-section.mypage-section .mypage-container > .content-area .contents-wrap .search-wrap {
    height: auto;
  }

  .basis-section.mypage-section .mypage-container > .content-area .contents-wrap .search-wrap .search-bar {
    margin-top: 5px;
    padding: 5px 0;
  }
}

.content-panel {
 /* 마이페이지 메인 */ /* 응찰신청내역 */ /* 관심작품 내역 */ /* help-box */ /* 라이브경매 > 온라인패들응찰내역, 응찰신청내역 디테일(버튼있음) */ /* 온라인경매 > 응찰내역 */ /* 온라인경매 > 결제/구매내역 */ /* 관심작품 */ /* 아카데미신청내역 */ /* 1:1문의 */ /* 회원정보수정 */ /* SNS 연동 설정 */ /* 회원정보수정 */ /* 서브페이지 디폴트 */;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_main .mypage-container > .aside-area .mem-infobox-wrap {
    background: #f6f6f6;
    padding: 37px 25px 25px;
  }

  .content-panel.type_panel-mypage_main .mypage-container > .aside-area .mypage-lnb-wrap {
    padding: 0 25px;
    margin-top: 30px;
  }

  .content-panel.type_panel-mypage_main .mypage-container > .aside-area .mypage-lnb-wrap .mypage-lnb li > a i {
    /*display: none;*/
  }

  .content-panel.type_panel-mypage_main .mypage-container > .content-area {
    display: none;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-name-wrap {
    padding-right: 10px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap {
    display: block;
    margin-top: 6px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .tt2 {
    font-size: 25px;
    line-height: 1;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .mem-lv-box .mem-period {
    margin-left: 5px;
    font-size: 15px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .mem-lv-box .mem-lv {
    font-size: 13px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .mem-record-box {
    margin-top: 8px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .mem-record-box a {
    font-size: 15px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .mem-record-box .tooltip-subbox {
    width: 290px;
    left: auto;
    right: -15px;
    transform: none;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .mem-record-box .tooltip-subbox .bg-layer:before {
    left: auto;
    right: 18px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap .mem-info-wrap .mem-record-box .tooltip-subbox .tooltip-con-inner {
    padding: 20px;
    line-height: 1.5;
    font-size: 13px;
    word-break: keep-all;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-infobox-wrap::after {
    display: block;
    content: "";
    clear: both;
  }

  .content-panel.type_panel-mypage_main .aside-area .mem-button-wrap {
    margin-top: 25px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb li {
    font-size: 17px;
    line-height: 40px;
    margin-bottom: 0;
  }

  .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb li li, .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb li li.on {
    font-weight: 600;
    color: #333333;
  }

  .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb li > a, .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb li > span {
    padding: 0;
  }

  .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb li.cate1-li + .cate1-li {
    border-top: 0;
    margin: 0;
    padding: 0;
  }

  .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb > ul > li span {
    font-size: 13px;
    color: #777777;
    font-weight: 500;
    line-height: 36px;
  }

  .content-panel.type_panel-mypage_main .aside-area .mypage-lnb-wrap .mypage-lnb > ul > li + li {
    border-top: 1px solid #dedede;
    margin-top: 10px;
    padding-top: 10px;
  }
}

.content-panel .bid-list-wrap {
 /* 중간사이즈 */ /* 모바일 */;
}

.content-panel .bid-list-wrap .bid-list .bid-item + .bid-item {
  margin-top: 30px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt {
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .title {
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .title span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .title.line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .title.line-1 span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .sub {
  display: flex;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .desc {
  margin-top: 5px;
  color: #555555;
  display: flex;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .desc .tit {
  padding-right: 12px;
  margin-right: 10px;
  position: relative;
  color: #333333;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .desc .tit::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #ccc;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .desc .paddle-num {
  font-weight: 600;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .desc + .desc {
  margin-left: 30px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .btn-area {
  padding-left: 40px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dt .btn-area .btn {
  width: 170px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd {
  padding: 30px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox {
  width: calc(100% - 330px);
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox .product-infobox-inner::after {
  display: block;
  content: "";
  clear: both;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area {
  width: 160px;
  min-width: 160px;
  min-height: 160px;
  float: left;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area .img-ratio {
  background-color: #f6f6f6;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area .img-ratio .img-align {
  padding: 30px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area .success {
  position: absolute;
  left: 0;
  top: 0;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area .success .bid_result-icon {
  width: 58px;
  height: 21px;
  line-height: 21px;
  font-size: 14px;
  background-color: #21a099;
  color: #fff;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area .success .bid_result-icon.fail {
  background-color: #999999;
}

@media all and (max-width: 1023px) {
  .content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area .success .bid_result-icon {
    width: 48px;
    height: 17px;
    line-height: 17px;
    font-size: 11px;
  }
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area {
  padding: 0 40px;
  color: #333333;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
  width: calc(100% - 160px);
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area > div {
  font-size: 18px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area > div > div {
  display: inline-block;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area > div + div {
  margin-top: 10px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .title {
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .desc {
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .num {
  font-weight: 600;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .num .m-ver {
  display: none;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .titlename:lang(ko) {
  font-weight: 700;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .year, .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub {
  font-weight: 600;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .price {
  font-size: 16px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .price .tit {
  font-weight: 600;
  margin-right: 15px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box {
  margin-top: 25px;
  font-size: 16px;
  line-height: 26px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li {
  display: flex;
  color: #777777;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li .tit {
  position: relative;
  padding-right: 11px;
  margin-right: 10px;
  font-weight: 600;
  white-space: nowrap;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li .tit:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #ccc;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li span + span {
  position: relative;
  padding-left: 11px;
  margin-left: 10px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li span + span::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #ccc;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox {
  padding-left: 50px;
  border-left: 1px solid #dedede;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 330px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area {
  color: #333333;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  line-height: 30px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl dt {
  font-weight: 600;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl dd {
  font-weight: 500;
  text-align: right;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl dd .sub {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl dd .sub span {
  display: block;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl.way {
  font-size: 16px;
  line-height: 1.5;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl.price.succ dd {
  font-weight: 600;
  color: #db1b1b;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .btn-area {
  margin-top: 20px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .btn-area .btn {
  width: 280px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area {
  width: 280px;
  display: flex;
  justify-content: space-between;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area .btn-half {
  width: 135px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area .btn-print span {
  display: block;
  line-height: 18px;
}

.content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area .btn-print span + span {
  font-weight: 500;
}

.content-panel .bid-list-wrap .button-area {
  margin-top: 60px;
}

.content-panel .bid-list-wrap .button-area .btn {
  width: 170px;
}

.content-panel .bid-list-wrap .paging-area {
  margin-top: 50px;
}

.content-panel .bid-list-wrap .data-empty {
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc;
  padding: 300px 0;
  font-size: 18px;
  color: #555555;
  margin-top: 15px;
}

@media all and (min-width: 1023px) and (max-width: 1279px) {
  .content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .sub {
    flex-direction: column;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .sub .desc + .desc {
    margin: 0;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd {
    padding: 10px 20px;
    flex-direction: column;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox, .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox {
    padding: 30px 0;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox {
    width: 100%;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox-inner {
    display: flex;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area {
 /* width: 270px; min-width: 270px; */
    float: none;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area {
    padding: 0 0 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: none;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .num .m-ver {
    display: inline-block;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .pc-ver {
    display: none;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li .tit {
    position: static;
    padding-right: 0;
    margin-right: 0;
    font-weight: 600;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li .tit::after {
    display: none;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox {
    border-left: 0;
    border-top: 1px solid #dedede;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .btn-area {
    margin-top: 30px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .btn-area .btn {
    width: 100%;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area {
    width: auto;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area .btn-half {
    width: calc(50% - 5px);
  }
}

@media all and (max-width: 1023px) {
  .content-panel .bid-list-wrap .bid-list .bid-item {
    display: block;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item + .bid-item {
    margin-top: 25px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dt {
    flex-direction: column;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .sub {
    flex-direction: column;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .sub .desc + .desc {
    margin: 0;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dt .title-area .sub .tit::after {
    height: 14px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dt .btn-area {
    padding: 0;
    margin-top: 20px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd {
    padding: 5px 10px;
    flex-direction: column;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox, .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox {
    padding: 20px 0;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox {
    width: 100%;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .product-infobox-inner {
    display: flex;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area {
    width: 130px;
    min-width: 130px;
    min-height: 130px;
    float: none;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .thumb-area .img-ratio .img-align {
    padding: 15px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area {
    padding: 0 0 0 25px;
    min-height: 130px;
    float: none;
    width: auto;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area > div {
    font-size: 14px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .titlename {
    font-size: 16px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .price {
    font-size: 13px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .price .tit {
    font-size: 13px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .num .m-ver {
    display: inline-block;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .pc-ver {
    display: none;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.5;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li .tit {
    position: static;
    padding-right: 0;
    margin-right: 0;
    font-weight: 600;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li .tit::after {
    display: none;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .text-area .sub-box .sub-li span + span {
    padding-left: 6px;
    margin-left: 7px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox {
    width: 100%;
    min-width: auto;
    border-left: 0;
    border-top: 1px solid #dedede;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl {
    font-size: 14px;
    line-height: 24px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl.way {
    font-size: 13px;
    line-height: 1.5;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area dl dd .sub {
    font-size: 13px;
    line-height: 1.5;
    margin: 3px 0;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .btn-area {
    margin-top: 14px;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .btn-area .btn {
    width: 100%;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area {
    width: auto;
  }

  .content-panel .bid-list-wrap .bid-list .bid-item > dd .pay-infobox .pay-area + .btn-area .btn-half {
    width: calc(50% - 5px);
  }

  .content-panel .bid-list-wrap .bid-list-wrap .button-area {
    margin-top: 30px;
  }

  .content-panel .bid-list-wrap .bid-list-wrap .button-area .btn {
    width: 160px;
  }

  .content-panel .bid-list-wrap .bid-list-wrap .paging-area {
    margin-top: 30px;
  }
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd {
  padding: 30px 20px;
  position: relative;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .product-infobox {
  position: static;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .product-infobox .btn-heart {
  position: absolute;
  top: 30px;
  right: 20px;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .product-infobox .btn-heart.on i::after {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-size: 508.5px 490px;
  background-position: -405.5px -177.5px;
  width: 30px;
  height: 30px;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .text-area {
  padding-right: 0;
  justify-content: flex-start;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox {
  padding-left: 0;
  border-left: 0;
  justify-content: flex-end;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox .pay-area {
  position: static;
  transform: none;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox .pay-area dl {
  display: block;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox .pay-area dl dt, .content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox .pay-area dl dd {
  text-align: right;
}

.content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox .pay-area dl dd {
  white-space: nowrap;
}

.content-panel .favorite-list-wrap .data-empty {
  border-top: 0;
  margin-top: 0;
}

@media all and (max-width: 1279px) {
  .content-panel .favorite-list-wrap .favorite-list .bid-item > dd {
    padding: 25px 10px;
  }

  .content-panel .favorite-list-wrap .favorite-list .bid-item > dd .product-infobox, .content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox {
    padding: 0;
  }

  .content-panel .favorite-list-wrap .favorite-list .bid-item > dd .product-infobox .btn-heart {
    top: 20px;
    right: 5px;
  }

  .content-panel .favorite-list-wrap .favorite-list .bid-item > dd .pay-infobox {
    border-top: 0;
    margin-top: 20px;
  }
}

.content-panel .help-box-wrap {
  padding: 10px 0 30px;
  color: #777777;
}

.content-panel .help-box-wrap .help-box {
  display: flex;
  font-size: 18px;
  line-height: 30px;
  width: 100%;
}

.content-panel .help-box-wrap .help-box i {
  margin-top: 5px;
  margin-right: 10px;
}

.content-panel .help-box-wrap .help-box li {
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .content-panel .help-box-wrap {
    padding: 30px 0 0;
  }

  .content-panel .help-box-wrap .help-box {
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel .help-box-wrap .help-box i {
    margin-top: 3px;
    margin-right: 5px;
  }

  .content-panel .help-box-wrap .help-box.tel {
    position: relative;
  }

  .content-panel .help-box-wrap .help-box.tel ul {
    width: 100%;
  }

  .content-panel .help-box-wrap .help-box.tel ul li {
    display: flex;
  }

  .content-panel .help-box-wrap .help-box.tel span {
    display: inline-block;
  }

  .content-panel .help-box-wrap .help-box.tel span + span {
    margin-left: 5px;
  }
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt {
  display: block;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 40px;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area .title {
  color: #111111;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area .desc {
  position: absolute;
  bottom: 0;
  left: 0;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area .btn-area {
  padding-left: 40px;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area .btn-area .btn {
  width: 170px;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dd .text-area {
  color: #333333;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dd .btn-area {
  padding-left: 40px;
}

.content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dd .btn-area .btn {
  width: 140px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_auction .aside-area {
    display: none;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt {
    display: block;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area {
    display: block;
    position: static;
    padding-bottom: 0;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area .desc {
    position: static;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area .btn-area {
    padding: 0;
    margin-top: 20px;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dt .title-area .btn-area .btn {
    width: 160px;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dd {
    flex-wrap: wrap;
    padding: 25px 0;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dd .text-area {
    width: calc(100% - 160px);
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dd .btn-area {
    width: 100%;
    padding-left: 0;
    padding-top: 25px;
  }

  .content-panel.type_panel-mypage_auction .auction-detail .bid-list .bid-item dd .btn-area .btn {
    width: 100%;
  }

  .content-panel.type_panel-mypage_auction .bid-list-wrap .data-empty {
    padding: 65px 0;
    font-size: 14px;
  }
}

.content-panel.type_panel-mypage_auction.online .tabmenu-wrap {
  padding-bottom: 15px;
}

.content-panel.type_panel-mypage_auction.online-buy .textlist-wrap {
  background-color: #f6f6f6;
  padding: 20px 30px;
  margin-top: 20px;
}

.content-panel.type_panel-mypage_auction.online-buy .list_count-wrap {
  margin-top: 25px;
  margin-bottom: 10px;
}

.content-panel.type_panel-mypage_auction.online-buy .list_count-wrap .count-area > div {
  display: inline-block;
}

.content-panel.type_panel-mypage_auction.online-buy .list_count-wrap .count-area .tit {
  font-size: 20px;
  color: #111111;
  font-weight: 600;
}

.content-panel.type_panel-mypage_auction.online-buy .list_count-wrap .count-area .sub {
  font-size: 18px;
}

.content-panel.type_panel-mypage_auction.online-buy .list_count-wrap .count-area .point {
  color: #21a099;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea {
  flex-direction: column;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit {
  display: flex;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 24px;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .paystate {
  font-weight: 600;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .paystate.pending {
  color: #39c3bc;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .paystate.complete {
  color: #333333;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .paystate.cancel {
  color: #b2b2b2;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .txt {
  font-weight: 500;
  position: relative;
  padding-left: 11px;
  margin-left: 11px;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .txt:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #ccc;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-inner {
  display: flex;
}

.content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-inner .product-infobox-inner {
  display: flex;
}

.content-panel.type_panel-mypage_auction.online-buy .auction-detail .bid-list .bid-item dd .btn-area .btn {
  width: 140px;
}

.content-panel.type_panel-mypage_auction.online-buy .auction-detail .bid-list .bid-item dd .btn-area .btn-buy {
  width: 240px;
}

@media all and (min-width: 1023px) and (max-width: 1279px) {
  .content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-inner {
    flex-direction: column;
  }

  .content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit {
    margin-bottom: 0;
    margin-top: 20px;
    flex-direction: column;
  }

  .content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .txt {
    position: static;
    margin-left: 0;
    padding-left: 0;
    margin-top: 6px;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_auction.online-buy .textlist-wrap {
    padding: 20px;
    margin-top: 25px;
  }

  .content-panel.type_panel-mypage_auction.online-buy .list_count-wrap {
    margin-bottom: 0;
  }

  .content-panel.type_panel-mypage_auction.online-buy .list_count-wrap .count-area > div {
    display: block;
  }

  .content-panel.type_panel-mypage_auction.online-buy .list_count-wrap .count-area .tit {
    font-size: 15px;
  }

  .content-panel.type_panel-mypage_auction.online-buy .list_count-wrap .count-area .sub {
    font-size: 14px;
  }

  .content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-inner {
    flex-direction: column;
  }

  .content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 15px;
    line-height: 17px;
    flex-direction: column;
  }

  .content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .paystate {
    font-size: 15px;
  }

  .content-panel.type_panel-mypage_auction.online-buy .bid-list .bid-item dd.item-ea .item-ea-tit .txt {
    position: static;
    margin-left: 0;
    padding-left: 0;
    margin-top: 6px;
  }

  .content-panel.type_panel-mypage_auction.online-buy .auction-detail .bid-list .bid-item dd .text-area {
    width: calc(100% - 160px);
  }

  .content-panel.type_panel-mypage_auction.online-buy .auction-detail .bid-list .bid-item dd .btn-area {
    width: 100%;
  }

  .content-panel.type_panel-mypage_auction.online-buy .auction-detail .bid-list .bid-item dd .btn-area .btn {
    width: 100%;
  }
}

.content-panel.type_panel-mypage_favorite .contents-wrap.part + .tabmenu-wrap {
  margin-top: 6px;
}

.content-panel.type_panel-mypage_favorite .tabmenu-wrap + .contents-wrap {
  padding-top: 10px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_favorite .aside-area {
    display: none;
  }
}

.content-panel.type_panel-mypage_academy .academy-list-wrap {
  padding-top: 30px;
}

.content-panel.type_panel-mypage_academy .academy-list-wrap .data-empty {
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc;
  padding: 300px 0;
  font-size: 18px;
  color: #555555;
  margin-top: 15px;
}

.content-panel.type_panel-mypage_academy .academy-list {
  table-layout: auto;
}

.content-panel.type_panel-mypage_academy .academy-list th, .content-panel.type_panel-mypage_academy .academy-list td {
  border-left: 0;
  border-right: 0;
  padding: 25px;
}

.content-panel.type_panel-mypage_academy .academy-list td {
  font-size: 18px;
  color: #333333;
}

.content-panel.type_panel-mypage_academy .academy-list td:first-child {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  color: #111111;
}

.content-panel.type_panel-mypage_academy .academy-list .bbs-subject {
  font-size: 20px;
  font-weight: 600;
  color: #111111;
}

.content-panel.type_panel-mypage_academy .academy-list .pay {
  font-weight: 600;
  display: block;
}

.content-panel.type_panel-mypage_academy .academy-list .pay.complete {
  color: #21a099;
}

.content-panel.type_panel-mypage_academy .academy-list .pay.complete + .btn {
  margin-top: 10px;
  padding: 3px 18px;
}

.content-panel.type_panel-mypage_academy .academy-list .pay.cancel {
  color: #999999;
}

.content-panel.type_panel-mypage_academy .paging-area {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_academy .aside-area {
    display: none;
  }

  .content-panel.type_panel-mypage_academy .academy-list-wrap .data-empty {
    padding: 65px 0;
    font-size: 14px;
  }

  .content-panel.type_panel-mypage_academy .academy-list {
    border-top: 1px solid #999999;
  }

  .content-panel.type_panel-mypage_academy .academy-list .academy-list-ea {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.5;
  }

  .content-panel.type_panel-mypage_academy .academy-list .academy-list-ea .bbs-subject {
    font-size: 15px;
  }

  .content-panel.type_panel-mypage_academy .academy-list .academy-list-ea .cont-wrap {
    margin-top: 16px;
  }

  .content-panel.type_panel-mypage_academy .academy-list .academy-list-ea .cont-wrap dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .content-panel.type_panel-mypage_academy .academy-list .academy-list-ea .cont-wrap dl dt {
    font-weight: 600;
  }

  .content-panel.type_panel-mypage_academy .academy-list .academy-list-ea .cont-wrap dl + dl {
    margin-top: 6px;
  }

  .content-panel.type_panel-mypage_academy .academy-list .pay {
    display: inline;
  }

  .content-panel.type_panel-mypage_academy .academy-list .pay.complete + .btn {
    margin-top: 0;
    margin-left: 10px;
    padding: 2px 10px;
  }
}

.content-panel.type_panel-mypage_inquiry {
 /* 목록 */ /* 상세보기 */;
}

.content-panel.type_panel-mypage_inquiry .tit-textbox {
  margin-bottom: 60px;
}
.info-ico-desc {
  display: flex;
  gap: 4px;
  margin-top: 10px;
}
.info-ico-desc .ico-info {
  padding-top: 4px;
}
.info-ico-desc .ico-info::before {
  background-image: url("https://public.seoulauction.io/resources/assets/images/common/ico_error_circle.svg");
  background-repeat: no-repeat;
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background-size: contain;
}
.info-ico-desc .ico-desc {
  color: var(--Semantic-Color-Gray-Text-info, #757575);
  font-size: var(--Font-size-font-size-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-line-height-md, 22px); /* 157.143% */
}
.list-item-gray-txt {
  margin: 0 0 40px;
  list-style: none;
  padding: 0;
  counter-reset: item;
}

.list-item-gray-txt li {
  color: var(--Grayscale-888, #888);
  font-size: 18px;
  font-style: normal;
  list-style-position: inside;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.54px;
  list-style-type: disc;
  display: flex;
}

.list-item-gray-txt li::before {
  content: "・";
  counter-increment: none;
  flex-shrink: 0; /* 숫자 영역이 줄어들지 않도록 */
  min-width: 20px; /* 숫자 영역 최소 너비 */
}

.content-panel.type_panel-mypage_inquiry .form_table-list li .half {
  width: calc(50% - 5px);
}

.content-panel.type_panel-mypage_inquiry .form_table-list li .third {
  width: calc(33% - 3px);
}

.content-panel.type_panel-mypage_inquiry .form_table-list li .trp.file-box {
  width: 170px;
  float: left;
}

.content-panel.type_panel-mypage_inquiry .form_table-list li .dot_list li {
  color: #777777;
}

.content-panel.type_panel-mypage_inquiry .button-area {
  margin-top: 60px;
}

.content-panel.type_panel-mypage_inquiry .button-area .btn + .btn {
  margin-left: 5px;
}

.content-panel.type_panel-mypage_inquiry .paging-area {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .list-item-gray-txt {
    margin: 32px 0 0
  }
  .list-item-gray-txt li {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
  .content-panel.type_panel-mypage_inquiry .aside-area {
    display: none;
  }

  .content-panel.type_panel-mypage_inquiry .tit-textbox {
    margin: 30px 0 25px;
  }

  .content-panel.type_panel-mypage_inquiry .form_table-list li .half {
    width: 100%;
  }

  .content-panel.type_panel-mypage_inquiry .form_table-list li .third {
    width: 100%;
  }

  .content-panel.type_panel-mypage_inquiry .button-area {
    margin-top: 30px;
  }

  .content-panel.type_panel-mypage_inquiry .button-area .btn {
    width: calc(50% - 5px);
  }

  .content-panel.type_panel-mypage_inquiry .paging-area {
    margin-top: 30px;
  }
}

.content-panel.type_panel-mypage_inquiry .tit-btnbox {
  position: absolute;
  top: 0;
  right: 0;
}

.content-panel.type_panel-mypage_inquiry .tit-btnbox .btn {
  width: 170px;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list-wrap {
  border-top: 1px solid #999999;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list-wrap .button-area {
  margin-top: 40px;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list-wrap .button-area .btn {
  width: 160px;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list-wrap .data-empty {
  border-bottom: 1px solid #ccc;
  padding: 300px 0;
  font-size: 18px;
  color: #555555;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li {
  border-bottom: 1px solid #ccc;
  padding: 30px 20px;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-division {
  font-size: 18px;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subject {
  color: #333333;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subject span, .content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subject a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox .statebox {
  margin-right: 16px;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox .statebox .state-icon {
  font-size: 14px;
  font-weight: 700;
  width: 80px;
  height: 21px;
  line-height: 20px;
  text-align: center;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox .statebox .state-icon.complete {
  border: 1px solid #21a099;
  color: #21a099;
}

.content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox .statebox .state-icon.pending {
  background: #F0F0F0;
  color: #777777;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_inquiry .tit-btnbox {
    position: static;
    margin: 30px 0 25px;
  }

  .content-panel.type_panel-mypage_inquiry .tit-btnbox .btn {
    width: 100%;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list-wrap .button-area {
    margin-top: 30px;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list-wrap .data-empty {
    padding: 65px 0;
    font-size: 14px;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list > li {
    padding: 20px 0;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-division {
    font-size: 14px;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subject {
    margin-top: 5px;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox {
    margin-top: 10px;
    display: flex;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox .statebox {
    margin-right: 10px;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox .statebox .state-icon {
    font-size: 11px;
    width: 55px;
    height: 15px;
    line-height: 15px;
  }

  .content-panel.type_panel-mypage_inquiry .inquiry-list > li .bbs-subbox .statebox .state-icon.complete {
    line-height: 13px;
  }
}

.content-panel.type_panel-mypage_inquiry .view-header {
  border-top: 1px solid #999999;
  background-color: #f6f6f6;
  padding: 0 40px;
}

.content-panel.type_panel-mypage_inquiry .view-header .title-area {
  padding: 40px 0;
}

.content-panel.type_panel-mypage_inquiry .view-header .title-area .title {
  color: #333333;
  word-break: break-all;
}

.content-panel.type_panel-mypage_inquiry .view-header .sub-area {
  border-top: 1px solid #ccc;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
}

.content-panel.type_panel-mypage_inquiry .view-header .sub-area dl {
  margin-right: 45px;
  display: flex;
}

.content-panel.type_panel-mypage_inquiry .view-header .sub-area dl dt {
  font-weight: 600;
  padding-right: 5px;
  color: #333333;
}

.content-panel.type_panel-mypage_inquiry .view-body {
  padding: 40px;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dt.tit {
  color: #333333;
  margin-bottom: 25px;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd {
  border: 1px solid #ccc;
  padding: 20px 30px;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area {
  padding: 10px 0;
  word-break: break-all;
}
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .desc-txt {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc {
  border-top: 1px solid #ccc;
  width: 100%;
  margin-top: 20px;
}
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dt,
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc th {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  padding: 20px 10px;
  width: 200px;
}
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dd,
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc td {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  padding: 20px 10px;
  border:none
}
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dl {
  display: flex;
  align-items: center;
}
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dl,
.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc tr {
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .file-area {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 10px;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dl.reply {
  margin-top: 40px;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dl.reply i {
  margin-right: 5px;
  vertical-align: text-top;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap .file-item {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap .file-item > i {
  vertical-align: sub;
}

.content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap .file-item > i + span {
  margin-left: 5px;
}

.content-panel.type_panel-mypage_inquiry .view-footer {
  border-top: 1px solid #ccc;
  margin-top: 10px;
}

.content-panel.type_panel-mypage_inquiry .view-footer .button-area {
  margin-top: 60px;
}

.content-panel.type_panel-mypage_inquiry .view-footer .button-area .btn {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dl {
    display: block
  }
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dl,
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc tr {
    border-bottom: none;
  }
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dt,
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc th {
    font-size: 15px;
    line-height: 1.3;
    padding: 12px 0 6px 0;
    width: 100%;
  }
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc dd,
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .table-desc td {
    font-size: 14px;
    text-align: left;
    padding: 0 0 12px 0;
  }
  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area .desc-txt {
    font-size: 14px;
    line-height: 22px;
  }
  .content-panel.type_panel-mypage_inquiry .view-header {
    padding: 0 20px;
    margin-top: 40px;
  }

  .content-panel.type_panel-mypage_inquiry .view-header .title-area {
    padding: 25px 0;
  }

  .content-panel.type_panel-mypage_inquiry .view-header .sub-area {
    flex-direction: column;
    padding: 20px 0;
  }

  .content-panel.type_panel-mypage_inquiry .view-body {
    padding: 20px;
  }

  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dt.tit {
    margin-bottom: 15px;
  }

  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd {
    padding: 20px;
  }

  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .con-area {
    padding: 0;
  }

  .content-panel.type_panel-mypage_inquiry .view-body.inquiry-view-wrap dl dd .file-area {
    margin-top: 20px;
    padding-top: 20px;
  }

  .content-panel.type_panel-mypage_inquiry .view-footer {
    margin-top: 5px;
  }

  .content-panel.type_panel-mypage_inquiry .view-footer .button-area {
    margin-top: 30px;
  }

  .content-panel.type_panel-mypage_inquiry .view-footer .button-area .btn {
    width: 160px;
  }
}

.content-panel.type_panel-mypage_myinfo {
 /* 회원탈퇴안내 */;
}

.content-panel.type_panel-mypage_myinfo .tit-textbox {
  margin-bottom: 60px;
}

.content-panel.type_panel-mypage_myinfo .form_table-list input[type="text"], .content-panel.type_panel-mypage_myinfo .form_table-list input[type="email"], .content-panel.type_panel-mypage_myinfo .form_table-list input[type="tel"], .content-panel.type_panel-mypage_myinfo .form_table-list input[type="password"] {
  width: 455px;
}

.content-panel.type_panel-mypage_myinfo .form_table-list .error_text, .content-panel.type_panel-mypage_myinfo .form_table-list .guide_text {
  margin-top: 7px;
}

.content-panel.type_panel-mypage_myinfo .form_table-list .guide_text {
  color: #555555;
}

.content-panel.type_panel-mypage_myinfo .button-area {
  margin-top: 60px;
}

.content-panel.type_panel-mypage_myinfo .button-area .btn + .btn {
  margin-left: 5px;
}

.content-panel.type_panel-mypage_myinfo .mem-infobox-wrap {
  margin-bottom: 60px;
}

.content-panel.type_panel-mypage_myinfo .mem-infobox-wrap .mem-infobox {
  border-top: #333 1px solid;
  border-bottom: #ccc 1px solid;
  padding: 40px 0;
}

.content-panel.type_panel-mypage_myinfo .mem-infobox-wrap .mem-infobox .tit {
  margin-bottom: 20px;
  color: #333333;
}

.content-panel.type_panel-mypage_myinfo .mem-infobox-wrap .agr-checkbox {
  padding-top: 30px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_myinfo {
 /* 회원탈퇴안내 */;
  }

  .content-panel.type_panel-mypage_myinfo .aside-area {
    display: none;
  }

  .content-panel.type_panel-mypage_myinfo .tit-textbox {
    margin-bottom: 30px;
    padding-top: 30px;
  }

  .content-panel.type_panel-mypage_myinfo .form_table-list input[type="text"], .content-panel.type_panel-mypage_myinfo .form_table-list input[type="email"], .content-panel.type_panel-mypage_myinfo .form_table-list input[type="tel"], .content-panel.type_panel-mypage_myinfo .form_table-list input[type="password"] {
    width: 100%;
  }

  .content-panel.type_panel-mypage_myinfo .button-area {
    margin-top: 30px;
  }

  .content-panel.type_panel-mypage_myinfo .button-area .btn {
    width: calc(50% - 5px);
  }

  .content-panel.type_panel-mypage_myinfo .mem-infobox-wrap {
    margin-bottom: 25px;
    padding-top: 30px;
  }

  .content-panel.type_panel-mypage_myinfo .mem-infobox-wrap .mem-infobox {
    padding: 25px 0;
  }

  .content-panel.type_panel-mypage_myinfo .mem-infobox-wrap .agr-checkbox {
    padding-top: 25px;
  }

  .content-panel.type_panel-mypage_myinfo .mem-infobox-wrap .agr-checkbox .trp.checkbox-box label {
    line-height: 1.5;
  }
}

.content-panel.type_panel-mypage_sns .tit-textbox {
  margin-bottom: 60px;
}

.content-panel.type_panel-mypage_sns .tit-textbox + .help-box-wrap {
  padding-top: 0;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li {
  width: calc(50% - 10px);
  margin: 10px 0;
  padding: 40px;
  background: #f2f2f2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li.on {
  background: #e9f4f3;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .sns-wrap {
  display: flex;
  align-items: center;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .sns-wrap .sns-logo {
  width: 68px;
  height: 68px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  margin-right: 26px;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .sns-wrap .sns-logo i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .sns-wrap .sns-txt .tit {
  color: #333333;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .sns-wrap .sns-txt .disc {
  color: #999999;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .btn-wrap .btn {
  width: 112px;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .btn-wrap .btn.btn_gray_line:not(:hover) {
  color: #777;
}

.content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .btn-wrap .btn.btn_gray_line:not(:hover) span {
  color: #777;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_sns .aside-area {
    display: none;
  }

  .content-panel.type_panel-mypage_sns .tit-textbox {
    margin: 30px 0 25px;
  }

  .content-panel.type_panel-mypage_sns .sns-mem-wrap ul {
    flex-direction: column;
  }

  .content-panel.type_panel-mypage_sns .sns-mem-wrap ul li {
    width: 100%;
    margin: 20px 0 0;
    padding: 20px;
  }

  .content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .sns-wrap .sns-logo {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }

  .content-panel.type_panel-mypage_sns .sns-mem-wrap ul li .btn-wrap .btn {
    width: 75px;
    padding: 2px;
  }
}

.content-panel.type_panel-mypage_memberModify .contents-wrap {
  margin-top: 25px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .required {
  position: absolute;
  right: 0;
  top: 63px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .required span {
  font-weight: 500;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .required span i {
  color: #db1b1b;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .error_text {
  margin-top: 7px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list {
  border-top: 1px solid #e5e5e5;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_label {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 20px;
  width: 165px;
  height: 70px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_label .label_text {
  font-size: 20px;
  font-weight: 500;
  color: #555;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_label i {
  color: #db1b1b;
  font-size: 20px;
  font-weight: 700;
  padding-left: 5px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 20px;
  width: 475px;
 /* 세로확장 */ /* 가로확장 & 아이템 아래로 떨어짐 */;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.vertical_item {
  display: block;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.vertical_item .input-group + .input-group {
  margin-top: 10px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend {
  width: calc( 100% - 165px);
  display: block;
  padding: 15px 0 15px 20px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .trp.checkbox-box + .trp.checkbox-box {
  margin-left: 0;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .trp.checkbox-box {
  margin-right: 35px;
  margin-top: 8px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .input-group {
  max-width: 455px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .writer_list li {
  display: inline-block;
  background-color: #efefef;
  border-radius: 20px;
  padding: 6px 13px 6px 15px;
  font-weight: 500;
  margin-top: 10px;
  margin-right: 5px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .writer_list li .icon-filter_del {
  margin-top: 3px;
  margin-left: 2px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .mem_text {
  font-size: 18px;
  font-weight: 500;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .select-box {
  width: calc( 100% / 3);
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .select-box + .select-box {
  margin-left: 10px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .address_text {
  margin: 25px 0 18px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .address_text2 {
  margin: 10px 0 20px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .trp.checkbox-box + .trp.checkbox-box {
  margin-left: 35px;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .dropOut_text {
  font-size: 18px;
  color: #333333;
  font-weight: 500;
  padding: 30px 0 10px 20px;
  text-decoration: underline;
  text-align: right;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .dropOut_text a {
  display: inline-block;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .btn_area {
  text-align: center;
}

.content-panel.type_panel-mypage_memberModify .contents-wrap .btn_area .btn {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-mypage_memberModify .aside-area {
    display: none;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap {
    margin-top: 75px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .required {
    position: absolute;
    right: 23px;
    top: 95px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .required span {
    font-size: 13px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li {
    display: block;
    border-bottom: 0px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_label {
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
    margin-top: 20px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_label.name_space {
    margin-top: 13px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_label .label_text {
    font-size: 15px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_label i {
    font-size: 15px;
    padding-left: 3px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body {
    display: block;
    padding: 0;
    width: 100%;
    margin-top: 10px;
 /* 가로확장 */ /* 가로확장 & 아이템 아래로 떨어짐 */;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.id_space {
    margin-top: 5px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.select-box_wrap {
    display: flex;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.select-box_wrap .select-box:nth-child(1) {
    width: 40%;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.select-box_wrap .select-box:nth-child(2) {
    width: 30%;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.select-box_wrap .select-box:nth-child(3) {
    width: 30%;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.vertical_item .input-group + .input-group {
    margin-top: 10px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend {
    width: 100%;
    display: block;
    padding: 0;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend.box_Over {
    margin-top: 0;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .trp.checkbox-box + .trp.checkbox-box {
    margin-left: 0;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .trp.checkbox-box {
    margin-right: 18px;
    margin-top: 10px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .input-group {
    width: 100%;
    max-width: 100%;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .writer_list {
    margin-top: 5px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .writer_list li {
    padding: 5px 13px 5px 15px;
    margin-top: 10px;
    margin-right: 5px;
    font-size: 14px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body.widthExtend .writer_list li .icon-filter_del {
    margin-top: 3px;
    margin-left: 2px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .mem_text {
    font-size: 14px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .select-box {
    width: 100%;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .select-box + .select-box {
    margin-left: 5px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .address_text {
    margin: 12px 0 10px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .address_text2 {
    margin: 0px 0 10px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .form_list > li .form_body .trp.checkbox-box + .trp.checkbox-box {
    margin-left: 18px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .dropOut_text {
    font-size: 14px;
    padding: 15px 0 20px 0px;
  }

  .content-panel.type_panel-mypage_memberModify .contents-wrap .dropOut_text a {
    display: inline-block;
  }
}

.file-box-list, .label_list_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  width: calc( 100% + 20px);
  margin-left: -10px;
}

.file-box-list p, .label_list_box p {
  display: inline-block;
  display: flex;
  align-items: center;
  color: #333;
  margin: 5px 10px;
}

.file-box-list p i, .label_list_box p i {
  color: #777;
  margin-right: 3px;
}

.file-box-list .btn_del, .label_list_box .btn_del {
  display: inline-block;
  margin-left: 8px;
  height: 16px;
}

.file-box-list .icon_down, .label_list_box .icon_down {
  display: inline-block;
  margin-right: 15px;
}

.file-box-list .staff-list, .label_list_box .staff-list {
  font-size: 0;
  padding: 0 10px;
}

.file-box-list .staff-list li, .label_list_box .staff-list li {
  display: inline-block;
  padding: 9px 15px;
  height: 38px;
  margin-right: 9px;
  margin-bottom: 5px;
  background-color: #efefef;
  border-radius: 19px;
  font-size: 0;
}

.file-box-list .staff-list li span, .file-box-list .staff-list li button, .label_list_box .staff-list li span, .label_list_box .staff-list li button {
  vertical-align: middle;
}

.file-box-list .staff-list li span, .label_list_box .staff-list li span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.file-box-list .staff-list li button, .label_list_box .staff-list li button {
  font-size: 0;
  padding-left: 8px;
  margin-left: -5px;
}

/* 마이페이지 */
.content-panel {
 /* 회원가입 */;
}

.content-panel.type_panel-member {
  max-width: 462px;
  margin: 0 auto;
}

.content-panel.type_panel-member .mem_txt {
  font-size: 20px;
  font-weight: 700;
}

.content-panel.type_panel-member .panel-header {
  position: relative;
  padding: 35px 0 35px;
}

.content-panel.type_panel-member .panel-header.complete_title {
  padding: 35px 0 10px;
}

/*.content-panel.type_panel-member .panel-header .title {*/
/*  text-align: center;*/
/*}*/

.content-panel.type_panel-member .panel-header .title.txt_input {
  text-align: left;
}

.content-panel.type_panel-member .panel-header .required {
  position: absolute;
  right: 0;
  top: 50%;
}

.content-panel.type_panel-member .panel-header .required i {
  color: #db1b1b;
}

.content-panel.type_panel-member .panel-header .sub_txt {
  margin-top: 20px;
  font-weight: 500;
}

.content-panel.type_panel-member .panel-body .join_txt-wrap {
  padding: 0 0 32px;
}

.content-panel.type_panel-member .panel-body .join_txt-wrap .join_txt {
  font-size: 16px;
  color: #575757;
  font-weight: 400;
}

.content-panel.type_panel-member .panel-footer {
  padding-top: 40px;
}

.content-panel.type_panel-member .id_name_box span {
  vertical-align: middle;
}

.content-panel.type_panel-member .sns-icon {
  font-size: 0;
  width: 36px;
  height: 36px;
  margin-left: 10px;
}

.content-panel.type_panel-member .sns-icon img {
  width: 100%;
  height: 100%;
}

.content-panel.type_panel-member .form_list {
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc;
  padding-bottom: 60px;
}

.content-panel.type_panel-member .form_list > li {
  margin-top: 20px;
}

.content-panel.type_panel-member .form_list > li .form_label {
  color: #333;
  margin-bottom: 10px;
}

.content-panel.type_panel-member .form_list > li .form_label i {
  color: #db1b1b;
  font-size: 20px;
  font-weight: 700;
}

.content-panel.type_panel-member .form_list > li .error_text {
  margin-top: 7px;
}

.content-panel.type_panel-member .form_list > li .search-add .add_txt {
  min-height: 32px;
}

.content-panel.type_panel-member .form_list > li .re-check {
  margin-top: 15px;
}

.content-panel.type_panel-member .form_list > li .search-add {
  margin-top: 25px;
}

.content-panel.type_panel-member .form_list > li .search-add .add_txt, .content-panel.type_panel-member .form_list > li .search-add .form_label {
  margin-bottom: 6px;
}

.content-panel.type_panel-member .form_list > li .error_text + .re-check {
  margin-top: 14px;
}

.content-panel.type_panel-member .form_list > li .error_text + .search-add {
  margin-top: 14px;
}

.content-panel.type_panel-member .form_list > li .trp.file-box {
  width: 140px;
}

.content-panel.type_panel-member .form_list > li .trp.file-box .btn {
  background: #f6f6f6;
  border: 1px solid #bdbdbd;
  color: #555;
  font-weight: 600;
}

.content-panel.type_panel-member .form_list > li .trp.file-box:hover .btn {
  background: #F0F0F0;
  border-color: #bdbdbd;
}

.content-panel.type_panel-member .policy_accordion .all_check .checkbox-box label, .content-panel.type_panel-member .policy_accordion .accordion_name .checkbox-box label {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #333;
  height: auto;
}

.content-panel.type_panel-member .policy_accordion .all_check .required, .content-panel.type_panel-member .policy_accordion .accordion_name .required {
  color: #21a099;
}

.content-panel.type_panel-member .policy_accordion .check_all-wrap .all_check {
  padding: 24px 0 12px;
}

.content-panel.type_panel-member .policy_accordion .con-area {
  padding: 25px 20px 25px 30px;
}

.content-panel.type_panel-member .policy_accordion .con-area .policy_cont {
  height: 230px;
}

.content-panel.type_panel-member .policy_accordion .con-area .policy_cont.scroll_no {
  height: 100%;
}

.content-panel.type_panel-member .policy_accordion .con-area .policy_cont .tb1 {
  line-height: 1.6;
}

.content-panel.type_panel-member .policy_accordion .con-area .policy_cont h4 {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  margin: 30px 0 5px;
}

.content-panel.type_panel-member .policy_accordion .con-area .policy_cont .title_txt {
  font-weight: 700;
  color: #333333;
  margin-top: 30px;
}
.pop-body.scroll-type2.pop-default_pd .title_txt:first-child,
.content-panel.type_panel-member .policy_accordion .con-area .policy_cont .title_txt:first-child {
  margin-top: 0px;
}

.content-panel.type_panel-member .policy_accordion .receive_info {
  margin-top: 30px;
}

.content-panel.type_panel-member .policy_accordion .receive_info dt {
  color: #333;
  margin-bottom: 15px;
}

.content-panel.type_panel-member .file-box-list, .content-panel.type_panel-member .label_list_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  width: calc( 100% + 20px);
  margin-left: -10px;
}

.content-panel.type_panel-member .file-box-list p, .content-panel.type_panel-member .label_list_box p {
  display: inline-block;
  display: flex;
  align-items: center;
  color: #333;
  margin: 5px 10px;
}

.content-panel.type_panel-member .file-box-list p i, .content-panel.type_panel-member .label_list_box p i {
  color: #777;
  margin-right: 3px;
}

.content-panel.type_panel-member .file-box-list .btn_del, .content-panel.type_panel-member .label_list_box .btn_del {
  display: inline-block;
  margin-left: 8px;
  height: 16px;
}

.content-panel.type_panel-member .file-box-list .icon_down, .content-panel.type_panel-member .label_list_box .icon_down {
  display: inline-block;
  margin-right: 15px;
}

.content-panel.type_panel-member .file-box-list .staff-list, .content-panel.type_panel-member .label_list_box .staff-list {
  font-size: 0;
  padding: 0 10px;
}

.content-panel.type_panel-member .file-box-list .staff-list li, .content-panel.type_panel-member .label_list_box .staff-list li {
  display: inline-block;
  padding: 9px 15px;
  height: 38px;
  margin-right: 9px;
  margin-bottom: 5px;
  background-color: #efefef;
  border-radius: 19px;
  font-size: 0;
}

.content-panel.type_panel-member .file-box-list .staff-list li span, .content-panel.type_panel-member .file-box-list .staff-list li button, .content-panel.type_panel-member .label_list_box .staff-list li span, .content-panel.type_panel-member .label_list_box .staff-list li button {
  vertical-align: middle;
}

.content-panel.type_panel-member .file-box-list .staff-list li span, .content-panel.type_panel-member .label_list_box .staff-list li span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.content-panel.type_panel-member .file-box-list .staff-list li button, .content-panel.type_panel-member .label_list_box .staff-list li button {
  font-size: 0;
  padding-left: 8px;
  margin-left: -5px;
}

.content-panel.type_panel-member .join_txt {
  font-weight: 500;
}

.content-panel.type_panel-member .join_txt b {
  color: #111;
  font-weight: 600;
}

.content-panel.type_panel-member .join_txt .level {
  color: #21a099;
  font-weight: 600;
}



.content-panel.type_panel-member .join_txt-wrap + .join_guide {
  margin-top: 35px;
}

.content-panel.type_panel-member .join_guide + .join_guide {
  margin-top: 40px;
}

.content-panel.type_panel-member .join_guide {
  border: 1px solid #ccc;
  padding: 40px;
}

.content-panel.type_panel-member .join_guide .tt4 {
  margin-bottom: 30px;
  color: #111;
}

.content-panel.type_panel-member .join_guide .tt4.sub_title {
  margin-bottom: 5px;
}

.content-panel.type_panel-member .join_guide dl + dl {
  border-top: 1px solid #ccc;
  padding-top: 35px;
  margin-top: 35px;
}

.content-panel.type_panel-member .join_guide dl dt {
  color: #111;
  margin-bottom: 5px;
}

.content-panel.type_panel-member .join_guide dl dd p {
  padding-left: 13px;
}

.content-panel.type_panel-member .join_guide dl dd + dd {
  margin-top: 35px;
}

.content-panel.type_panel-member .join_guide .dot_list li {
  color: #555;
}

.content-panel.type_panel-member .join_guide .dot_list li::before {
  content: '';
  top: 13px;
  width: 4px;
  height: 4px;
  background: #777;
}

.content-panel.type_panel-member .join_guide .btn_line {
  margin-top: 25px;
}

.content-panel.type_panel-member .join_guide .sns_set {
  margin-top: 40px;
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-member .join_guide .sns_set .title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
}

.content-panel.type_panel-member .join_guide .sns_set .sns_icon_wrap {
  margin-top: 35px;
  display: flex;
  justify-content: space-around;
}

.content-panel.type_panel-member .join_guide .sns_set .sns_icon_wrap ul {
  display: flex;
}

.content-panel.type_panel-member .join_guide .sns_set .sns_icon_wrap ul li {
  margin: 0 20px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-member .mem_txt {
    font-size: 15px;
  }

  .content-panel.type_panel-member .panel-header {
    position: relative;
    padding: 15px 0 25px;
  }

  .content-panel.type_panel-member .panel-header .required {
    margin-top: -5px;
  }

  .content-panel.type_panel-member .panel-body .join_txt-wrap .join_txt {
    font-size: 15px;
  }

  .content-panel.type_panel-member .panel-footer {
    padding-top: 30px;
  }

  .content-panel.type_panel-member .panel-footer .button-area .btn {
    width: 100%;
  }

  .content-panel.type_panel-member .sns-icon {
    width: 28px;
    height: 28px;
    margin-left: 5px;
  }

  .content-panel.type_panel-member .form_list {
    padding-bottom: 20px;
  }

  .content-panel.type_panel-member .form_list > li .form_label i {
    font-size: 15px;
  }

  .content-panel.type_panel-member .form_list > li .search-add .add_txt {
    min-height: 20px;
  }

  .content-panel.type_panel-member .form_list > li .re-check, .content-panel.type_panel-member .form_list > li .search-add {
    margin-top: 15px;
  }

  .content-panel.type_panel-member .form_list > li .re-check .add_txt, .content-panel.type_panel-member .form_list > li .re-check .form_label, .content-panel.type_panel-member .form_list > li .search-add .add_txt, .content-panel.type_panel-member .form_list > li .search-add .form_label {
    margin-bottom: 6px;
  }

  .content-panel.type_panel-member .form_list > li .error_text + .re-check {
    margin-top: 10px;
  }

  .content-panel.type_panel-member .form_list > li .error_text + .search-add {
    margin-top: 10px;
  }

  .content-panel.type_panel-member .form_list > li .trp.file-box {
    width: 160px;
  }

  .content-panel.type_panel-member .policy_accordion {
    margin-top: 22px;
  }

  .content-panel.type_panel-member .policy_accordion .all_check .checkbox-box label, .content-panel.type_panel-member .policy_accordion .accordion_name .checkbox-box label {
    font-size: 15px;
  }

  .content-panel.type_panel-member .policy_accordion .check_all-wrap .all_check {
    padding: 18px 0;
  }

  .content-panel.type_panel-member .policy_accordion .con-area {
    padding: 20px 15px 20px 15px;
  }

  .content-panel.type_panel-member .policy_accordion .con-area .policy_cont {
    height: 175px;
  }

  .content-panel.type_panel-member .policy_accordion .con-area .policy_cont .tb1 {
    line-height: 1.6;
  }
  .pop-body.scroll-type2.pop-default_pd h4,
  .content-panel.type_panel-member .policy_accordion .con-area .policy_cont h4 {
    font-size: 14px;
    margin: 20px 0 5px;
  }

  .content-panel.type_panel-member .policy_accordion .con-area .policy_cont .title_txt {
    margin-top: 20px;
  }

  .content-panel.type_panel-member .policy_accordion .con-area .policy_cont .title_txt:first-child {
    margin-top: 0px;
  }

  .content-panel.type_panel-member .policy_accordion .receive_info {
    margin-top: 25px;
  }

  .content-panel.type_panel-member .policy_accordion .receive_info dt {
    color: #333;
    margin-bottom: 10px;
  }

  .content-panel.type_panel-member .file-box-list .btn_del, .content-panel.type_panel-member .label_list_box .btn_del {
    margin-top: -2px;
  }

  .content-panel.type_panel-member .file-box-list .icon_down, .content-panel.type_panel-member .label_list_box .icon_down {
    margin-right: 10px;
  }

  .content-panel.type_panel-member .file-box-list .staff-list, .content-panel.type_panel-member .label_list_box .staff-list {
    width: calc(100% - 43px);
    font-size: 0;
  }

  .content-panel.type_panel-member .file-box-list .staff-list li, .content-panel.type_panel-member .label_list_box .staff-list li {
    display: inline-block;
    padding: 9px 17px 8px;
    height: 32px;
    margin-right: 10px;
    border-radius: 16px;
  }

  .content-panel.type_panel-member .file-box-list .staff-list li span, .content-panel.type_panel-member .label_list_box .staff-list li span {
    font-size: 13px;
    line-height: 15px;
  }

  .content-panel.type_panel-member .file-box-list .staff-list li button, .content-panel.type_panel-member .label_list_box .staff-list li button {
    padding-left: 8px;
    margin-left: 0px;
  }

  .content-panel.type_panel-member .complete-wrap .tit {
    margin-bottom: 20px;
  }

  .content-panel.type_panel-member .complete-wrap .join_txt + .tit {
    margin-top: 40px;
  }

  .content-panel.type_panel-member .join_txt + .join_guide {
    margin-top: 40px;
  }

  .content-panel.type_panel-member .join_guide + .join_guide {
    margin-top: 10px;
  }

  .content-panel.type_panel-member .join_guide {
    padding: 30px 20px;
  }

  .content-panel.type_panel-member .join_guide .tt4 {
    margin-bottom: 30px;
  }

  .content-panel.type_panel-member .join_guide dl + dl {
    padding-top: 30px;
    margin-top: 30px;
  }

  .content-panel.type_panel-member .join_guide dl dd + dd {
    margin-top: 20px;
  }

  .content-panel.type_panel-member .join_guide .dot_list li::before {
    content: '';
    top: 9px;
    width: 2px;
    height: 2px;
  }

  .content-panel.type_panel-member .join_guide .btn_line {
    margin-top: 20px;
  }

  .content-panel.type_panel-member .join_guide .sns_set {
    margin-top: 24px;
    padding-top: 20px;
  }

  .content-panel.type_panel-member .join_guide .sns_set .title {
    font-size: 15px;
    margin-top: 0px;
  }

  .content-panel.type_panel-member .join_guide .sns_set .sns_icon_wrap {
    margin-top: 20px;
  }

  .content-panel.type_panel-member .join_guide .sns_set .sns_icon_wrap ul li {
    margin: 0 10px;
  }
}

/* ============ 팝업 ========= */
/* 회원가입 */
/* =============================== 섹션 이름  */
.basis-section {
 /* 섹션 검색 */;
}

.basis-section.search-section {
  margin-top: 0px;
  padding: 0 60px;
  max-width: 1920px;
}

@media all and (max-width: 1439px) {
  .basis-section .search-section {
    margin-top: 0px;
    padding: 0 50px;
    max-width: 1420px;
  }
}

@media all and (max-width: 1023px) {
  .basis-section.search-section {
    margin-top: 0;
    padding: 0;
    border-bottom: 0.8px solid #e5e5e5;
  }
  .basis-section.search-section .section-inner {
    padding:0 10px;
  }
}

/* =============================== 페널이름 */
.content-panel {
 /* 검색결과 */ /* 텝 조건 */;
}

.content-panel.type_panel-search {
 /* 검색결과 */;
}

.content-panel.type_panel-search .panel-header {
  padding-top: 70px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-search .panel-header {
    padding: 35px 0;
  }
}

.content-panel.type_panel-search .search_results {
  font-size: 24px;
  font-weight: 500px;
  color: #333333;
}

.content-panel.type_panel-search .search_results strong {
  font-weight: 600;
  color: #111111;
}

.content-panel.type_panel-search .search_results em {
  font-weight: 600;
  color: #21a099;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-search .search_results {
    font-size: 17px;
  }

  .content-panel.type_panel-search .search_results strong {
    font-weight: 700;
  }

  .content-panel.type_panel-search .search_results em {
    font-weight: 600;
  }
}

.content-panel.type_panel-search_tab2 .panel-header {
  padding: 0;
}

.content-panel.type_panel-search_tab2 .panel-body {
  padding: 0;
}

.content-panel.type_panel-search_tab2 .search_tab-article {
  padding: 10px 0;
}

.content-panel.type_panel-search_tab2 .search_tab-article .article-body {
  display: flex;
  justify-content: space-between;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item {
  display: flex;
  align-items: center;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col1 {
  width: calc(100% - 320px);
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col2 {
  justify-content: flex-end;
  width: 320px;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box {
  display: flex;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .btn_set {
  width: 45px;
  display: block;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .btn_set .filter_btn {
  font-size: 0;
  height: 38px;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list {
 /* width: calc(100% - 85px); */
  font-size: 0;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li {
  display: inline-block;
  padding: 9px 15px;
  height: 38px;
  margin-right: 9px;
  margin-bottom: 5px;
  background-color: #efefef;
  border-radius: 19px;
  font-size: 0;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li span, .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li button {
  vertical-align: middle;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li button {
  font-size: 0;
  padding-left: 8px;
  margin-left: -5px;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .select-box {
  max-width: 152px;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .select-box + .select-box {
  margin-left: 10px;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .select-box + .search-box {
  margin-left: 10px;
}

.content-panel.type_panel-search_tab2 .search_tab-article .col_item .search-box {
  width: 230px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-search_tab2 .panel-body {
    padding: 0 25px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article {
    padding: 30px 0;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .article-body {
    display: block;
    justify-content: initial;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item {
    display: block;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col1 {
    margin-top: 0px;
    width: 100%;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box {
    display: flex;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .btn_set {
    width: 43px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .btn_set .filter_btn {
    height: 33px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list {
    width: calc(100% - 43px);
    font-size: 0;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li {
    display: inline-block;
    padding: 9px 17px 8px;
    height: 32px;
    margin-right: 10px;
    border-radius: 16px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li span {
    font-size: 13px;
    line-height: 15px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item .filter-box .filter-list li button {
    padding-left: 8px;
    margin-left: 0px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col2 {
    display: flex;
    position: relative;
    top: auto;
    right: 0;
    width: 100%;
    margin-top: 25px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col2 .select-box {
    flex: 1;
    max-width: inherit;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col2 .select-box:first-child {
    margin-top: 0;
    margin-right: 5px;
  }

  .content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col2 .select-box:last-child {
    margin-top: 0;
    margin-left: 5px;
  }
  .content-panel.type_panel-search_tab2 .search_tab-article .col_item.positon-col2 .select-box:only-child:lang(ko) {
    margin-left: 0;
    margin-right: 0;
  }
}

/* 검색 영역 */
.search-area {
  width: 690px;
  margin: 0 auto;
}

.search-area .search-box {
  position: relative;
}

.search-area .search-box input[type="text"].placeholdersjs {
  font-size: 24px;
  font-weight: 500;
}

.search-area .search-box input[type="text"]:-ms-input-placeholder {
  font-size: 24px;
  font-weight: 500;
}

.search-area .search-box input[type="text"]::-webkit-input-placeholder {
  font-size: 24px;
  font-weight: 500;
}

.search-area .search-box input[type="text"]::-moz-placeholder {
  font-size: 24px;
  font-weight: 500;
}

.search-area .search-box .input_del {
  position: relative;
  padding: 8px 60px 8px 0;
  border-bottom: 1px solid #111;
}

.search-area .search-box .input_del input {
  height: 24px;
  border: 0;
  padding: 0;
  color: #111111;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.search-area .search-box .input_del input::placeholder {
  color: #ccc;
  font-weight: 400;
}

.search-area .search-box .btn_del, .search-area .search-box .btn_search {
  font-size: 0;
  position: absolute;
}

.search-area .search-box .btn_del {
  top: 50%;
  /*margin-top: -25px;*/
  right: 35px;
}

.search-area .search-box .btn_search {
  top: 51%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -3px;
}

.search-area .suggestion-box {
  position: relative;
  padding: 15px 0;
  display: flex;
  align-items: center;
}

.search-area .suggestion-box span {
  line-height: 40px;
}

.search-area .suggestion-box .word {
  width: 30px;
}

.search-area .suggestion-box .word span {
  color: #111;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.26px;
}

.search-area .suggestion-box .word-items {
  width: calc(100% - 65px);
  font-size: 0;
}

.search-area .suggestion-box .word-items button {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 15px;
  color: #555;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.26px;
}

@media all and (max-width: 1023px) {
  .search-area {
    width: 100%;
  }

  .search-area .search-box input[type="text"].placeholdersjs {
    font-size: 17px;
    font-weight: 400;
  }

  .search-area .search-box input[type="text"]:-ms-input-placeholder {
    font-size: 17px;
    font-weight: 400;
  }

  .search-area .search-box input[type="text"]::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 400;
  }

  .search-area .search-box input[type="text"]::-moz-placeholder {
    font-size: 17px;
    font-weight: 400;
  }

  /*.search-area .search-box .input_del input {*/
  /*  height: 33px;*/
  /*  line-height: 25px;*/
  /*  font-size: 28px;*/
  /*}*/

  .search-area .search-box .btn_del, .search-area .search-box .btn_search {
    font-size: 0;
    position: absolute;
  }

  .search-area .search-box .btn_del {
    top: 50%;
    margin-top: -14px;
    right: 33px;
  }

  .search-area .search-box .btn_search {
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -3px;
  }

  .search-area .suggestion-box {
    padding: 10px 0;
    display: flex;
    flex-wrap: nowrap;
  }

  .search-area .suggestion-box .word {
    width: 30px;
    flex-shrink: 0;
  }

  .search-area .suggestion-box .word span {
    color: #111;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.26px;
  }

  .search-area .suggestion-box .word-items {
    width: calc(100% - 30px);
    flex-shrink: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .search-area .suggestion-box .word-items button {
    padding: 0 8px;
    border-radius: 17px;
    font-size: 13px;
    line-height: 33px;
    flex-shrink: 0;
  }
}

/* =============================== 필터 팝업 레이어 */
.filter_fixed-wrap.active .popup-dim {
  display: block;
}

.filter_fixed-wrap.active .fixed-panel {
  left: 0;
}

.filter_fixed-wrap .popup-dim {
  display: none;
  z-index: 11;
}

.filter_fixed-wrap .fixed-panel {
  left: -100%;
  position: fixed;
  top: 0;
  width: 560px;
  z-index: 12;
  height: calc(100vh);
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -ms-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}

.filter_fixed-wrap .fixed-panel .panel-header .filter_close {
  position: absolute;
  top: 30px;
  right: 30px;
}

.filter_fixed-wrap .fixed-panel .panel-header .title-box {
  padding: 0px 70px;
  padding-top: 84px;
}

.filter_fixed-wrap .fixed-panel .panel-header .title-box .box-inner {
  position: relative;
  border-bottom: 1px solid #999;
  padding: 30px 0px 42px;
  display: flex;
  justify-content: space-between;
}

.filter_fixed-wrap .fixed-panel .panel-header .title-box span {
  font-size: 42px;
  color: #111111;
  font-weight: bold;
  line-height: 50px;
}

.filter_fixed-wrap .fixed-panel .panel-header .title-box .btn-filter_refresh {
  vertical-align: top;
  margin-top: 20px;
  height: 30px;
}

.filter_fixed-wrap .fixed-panel .panel-header .title-box .btn-filter_refresh i {
  vertical-align: bottom;
}

.filter_fixed-wrap .fixed-panel .panel-header .title-box .btn-filter_refresh span {
  font-size: 18px;
  color: #555555;
  font-weight: 500;
  line-height: 30px;
  vertical-align: bottom;
}

.filter_fixed-wrap .fixed-panel .panel-body {
  height: calc(100vh - ( 207px + 160px));
  height: calc(var(--vh, 1vh) * 100 - (207px + 160px));
}

.filter_fixed-wrap .fixed-panel .panel-footer {
  padding: 70px;
  padding-top: 34px;
}

@media all and (max-width: 1023px) {
  .filter_fixed-wrap .fixed-panel {
    width: 100%;
    left: -100%;
  }

  .filter_fixed-wrap .fixed-panel .panel-header .filter_close {
    position: absolute;
    top: 20px;
    right: 25px;
  }

  .filter_fixed-wrap .fixed-panel .panel-header .title-box {
    padding: 0px 25px;
    padding-top: 35px;
  }

  .filter_fixed-wrap .fixed-panel .panel-header .title-box .box-inner {
    padding: 25px 0;
  }

  .filter_fixed-wrap .fixed-panel .panel-header .title-box span {
    font-size: 25px;
    line-height: 30px;
  }

  .filter_fixed-wrap .fixed-panel .panel-header .title-box .btn-filter_refresh {
    vertical-align: top;
    margin-top: 0px;
    height: 30px;
  }

  .filter_fixed-wrap .fixed-panel .panel-header .title-box .btn-filter_refresh span {
    font-size: 14px;
    line-height: 20px;
  }

  .filter_fixed-wrap .fixed-panel .panel-body {
    height: calc(100vh - ( 115px + 103px));
    height: calc(var(--vh, 1vh) * 100 - (115px + 103px));
  }

  .filter_fixed-wrap .fixed-panel .panel-footer {
    padding: 20px 25px 30px;
  }
}

.filter_fixed-wrap .fixed-panel .filter_potion-article {
  padding: 0 70px;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article > ul > li + li {
  border-top: 1px solid #ccc;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header {
  position: relative;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header .header-box {
  display: block;
  padding: 15px 0;
  height: 60px;
  box-sizing: border-box;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header .header-box span {
  vertical-align: top;
  line-height: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #333333;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header .header-box[data-active="true"] i {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header i {
  position: absolute;
  top: 15px;
  right: -4px;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .check-list {
  padding: 25px 0 30px;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .check-list > li {
  padding: 8px 0;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .input-list {
  padding: 22px 0 30px;
}

.filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .input-list > li {
  padding: 8px 0;
}

@media all and (max-width: 1023px) {
  .filter_fixed-wrap .fixed-panel .filter_potion-article {
    padding: 0 25px;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header {
    position: relative;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header .header-box {
    padding: 10px 0;
    height: 50px;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header .header-box span {
    margin-top: 0px;
    font-size: 15px;
    line-height: 30px;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-header i {
    position: absolute;
    top: 15px;
    right: 0px;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .check-list {
    padding: 14px 0 23px;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .check-list > li {
    padding: 6px 0;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .input-list {
    padding: 15px 0 23px;
  }

  .filter_fixed-wrap .fixed-panel .filter_potion-article .accordion-body .input-list > li {
    padding: 6px 0;
  }
}

.trp.popupfixed-wrap .popup-dim {
  background-color: transparent;
  z-index: 0;
}


.trp.popupfixed-wrap .popup-align.mode-full {
  position: relative;
  display: block;
  table-layout: initial;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-vertical {
  display: block;
  padding: 0;
  height: 100%;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer {
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel {
  height: calc(var(--vh, 1vh) * 100);
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-header {
  height: 60px;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-body {
  height: calc( 100% - 60px - 40px);
  overflow-y: auto;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-footer {
  height: 40px;
}

.trp.popupfixed-wrap .popup-align.mode-big .popup-layer {
  width: 100%;
  max-width: 1440px;
}

.trp.popupfixed-wrap .popup-align.mode-big .pop-panel .pop-body.scroll-type {
  width: 100%;
  max-height: calc(100vh - 96px);
  max-height: calc(var(--vh, 1vh) * 100 - 96px);
}

.trp.popupfixed-wrap .popup-align.mode-big .pop-panel .section {
  position: relative;
  padding: 24px 40px 50px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-align.mode-big .popup-layer {
    position: relative;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-big .pop-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .trp.popupfixed-wrap .popup-align.mode-big .pop-panel .pop-header .title-box {
    padding: 25px 25px 10px;
  }

  .trp.popupfixed-wrap .popup-align.mode-big .pop-panel .pop-body.scroll-type {
    max-height: calc(100vh - 70px);
    max-height: calc(var(--vh, 1vh) * 100 - 70px);
  }

  .trp.popupfixed-wrap .popup-align.mode-big .pop-panel .section {
    position: relative;
    width: 100%;
    padding: 27px 25px 50px;
  }

  .trp.popupfixed-wrap .popup-align.mode-big.mode-mb_full .pop-panel {
    min-height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-big.mode-mb_fixed .popup-layer {
    overflow: hidden;
  }

  .trp.popupfixed-wrap .popup-align.mode-big.mode-mb_fixed .pop-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .trp.popupfixed-wrap .popup-align.mode-big.mode-mb_fixed .pop-panel .pop-body.scroll-type {
    width: 100%;
    max-height: calc(100vh - 140px);
    max-height: calc(var(--vh, 1vh) * 100 - 140px);
  }
}

.trp.popupfixed-wrap .popup-align.mode-xxl .popup-layer {
  position: relative;
  width: 1000px;
}

.trp.popupfixed-wrap .popup-align.mode-xxl .pop-panel .pop-header .title-box {
  padding: 44px 45px 10px;
}

.trp.popupfixed-wrap .popup-align.mode-xxl .pop-panel .pop-body.scroll-type {
  width: 100%;
  max-height: calc(100vh - 96px);
  max-height: calc(var(--vh, 1vh) * 100 - 96px);
}

.trp.popupfixed-wrap .popup-align.mode-xxl .pop-panel .section {
  position: relative;
  padding: 20px 45px 50px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-align.mode-xxl .popup-layer {
    position: relative;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-xxl .pop-panel .pop-header .title-box {
    padding: 25px 25px 10px;
  }

  .trp.popupfixed-wrap .popup-align.mode-xxl .pop-panel .pop-body.scroll-type {
    max-height: calc(100vh - 70px);
    max-height: calc(var(--vh, 1vh) * 100 - 70px);
  }

  .trp.popupfixed-wrap .popup-align.mode-xxl .pop-panel .section {
    position: relative;
    width: 100%;
    padding: 25px 25px 40px;
  }

  .trp.popupfixed-wrap .popup-align.mode-xxl.mode-mb_full .pop-panel {
    min-height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-xxl.mode-mb_fixed .popup-layer {
    overflow: hidden;
  }

  .trp.popupfixed-wrap .popup-align.mode-xxl.mode-mb_fixed .pop-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .trp.popupfixed-wrap .popup-align.mode-xxl.mode-mb_fixed .pop-panel .pop-body.scroll-type {
    width: 100%;
    max-height: calc(100vh - 140px);
    max-height: calc(var(--vh, 1vh) * 100 - 140px);
  }
}

.trp.popupfixed-wrap .popup-align.mode-xl .popup-layer {
  position: relative;
  width: 960px;
}

.trp.popupfixed-wrap .popup-align.mode-xl .pop-panel .pop-header .title-box {
  padding: 44px 50px 10px;
}

/*.trp.popupfixed-wrap .popup-align.mode-xl .pop-panel .pop-body.scroll-type {*/
/*  width: 100%;*/
/*  max-height: calc(100vh - 96px);*/
/*  max-height: calc(var(--vh, 1vh) * 100 - 96px);*/
/*}*/

.trp.popupfixed-wrap .popup-align.mode-xl .pop-panel .section {
  position: relative;
  padding: 20px 40px 50px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-align.mode-xl .popup-layer {
    position: relative;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-xl .pop-panel .pop-header .title-box {
    padding: 25px 25px 10px;
  }

  .trp.popupfixed-wrap .popup-align.mode-xl .pop-panel .pop-body.scroll-type {
    max-height: calc(100vh - 70px);
    max-height: calc(var(--vh, 1vh) * 100 - 70px);
  }

  .trp.popupfixed-wrap .popup-align.mode-xl .pop-panel .section {
    position: relative;
    width: 100%;
    padding: 25px 25px 40px;
  }

  .trp.popupfixed-wrap .popup-align.mode-xl.mode-mb_full .pop-panel {
    min-height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-xl.mode-mb_fixed .popup-layer {
    overflow: hidden;
  }

  .trp.popupfixed-wrap .popup-align.mode-xl.mode-mb_fixed .pop-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .trp.popupfixed-wrap .popup-align.mode-xl.mode-mb_fixed .pop-panel .pop-body.scroll-type {
    width: 100%;
    max-height: calc(100vh - 140px);
    max-height: calc(var(--vh, 1vh) * 100 - 140px);
  }
}

.trp.popupfixed-wrap .popup-align.mode-lg .popup-layer {
  position: relative;
  width: 910px;
}

.trp.popupfixed-wrap .popup-align.mode-lg .pop-panel .pop-header .title-box {
  padding: 44px 50px 10px;
}

.trp.popupfixed-wrap .popup-align.mode-lg .pop-panel .pop-body.scroll-type:lang(ko) {
  width: 100%;
  max-height: calc(100vh - 96px);
  max-height: calc(var(--vh, 1vh) * 100 - 96px);
}

.trp.popupfixed-wrap .popup-align.mode-lg .pop-panel .section {
  position: relative;
  padding: 20px 50px 60px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-align.mode-lg .popup-layer {
 /*  width: 360px; */
    position: relative;
    top: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-lg .pop-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-lg .pop-panel .pop-header {
 /* position: absolute; top:0; width: 100%; */;
  }

  .trp.popupfixed-wrap .popup-align.mode-lg .pop-panel .pop-header .title-box {
    padding: 25px 25px 10px;
  }

  .trp.popupfixed-wrap .popup-align.mode-lg .pop-panel .pop-body.scroll-type:lang(ko) {
    width: 100%;
    max-height: calc(100vh - 70px);
    max-height: calc(var(--vh, 1vh) * 100 - 70px);
  }

  .trp.popupfixed-wrap .popup-align.mode-lg .pop-panel .section {
    position: relative;
    width: 100%;
    padding: 25px 25px 40px;
  }

  .trp.popupfixed-wrap .popup-align.mode-lg.mode-mb_full .pop-panel {
    min-height: calc(var(--vh, 1vh) * 100);
  }

  .trp.popupfixed-wrap .popup-align.mode-lg.mode-mb_fixed .popup-layer {
    overflow: hidden;
  }

  .trp.popupfixed-wrap .popup-align.mode-lg.mode-mb_fixed .pop-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .trp.popupfixed-wrap .popup-align.mode-lg.mode-mb_fixed .pop-panel .pop-body.scroll-type {
    width: 100%;
    max-height: calc(100vh - 140px);
    max-height: calc(var(--vh, 1vh) * 100 - 140px);
  }
}

.trp.popupfixed-wrap .popup-align.mode-md .popup-layer {
  width: 100%;
  max-width: 720px;
}

.trp.popupfixed-wrap .popup-align.mode-md .pop-panel .pop-body.scroll-type {
  width: 100%;
  max-height: calc(100vh - 96px);
  max-height: calc(var(--vh, 1vh) * 100 - 96px);
}

/*.trp.popupfixed-wrap .popup-align.mode-md .pop-panel .section {*/
/*  position: relative;*/
/*  padding: 25px 40px 40px;*/
/*}*/

/*@media all and (max-width: 1023px) {*/
/*  .trp.popupfixed-wrap .popup-align.mode-md {*/
/* !* 모바일 풀 *! !* 모바일 하단 *!;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md .popup-layer {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: calc(var(--vh, 1vh) * 100);*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md .pop-panel .pop-header .title-box {*/
/*    padding: 25px 25px 10px;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md .pop-panel .pop-body.scroll-type {*/
/*    max-height: calc(100vh - 70px);*/
/*    max-height: calc(var(--vh, 1vh) * 100 - 70px);*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md .pop-panel .section {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    padding: 25px 25px 40px;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md.mode-mb_full .pop-panel {*/
/*    min-height: calc(var(--vh, 1vh) * 100);*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md.mode-mb_fixed .popup-layer {*/
/*    overflow: hidden;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md.mode-mb_fixed .pop-panel {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: calc(var(--vh, 1vh) * 100 - 70px);*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-md.mode-mb_fixed .pop-panel .pop-body.scroll-type {*/
/*    width: 100%;*/
/*    max-height: calc(100vh - 140px);*/
/*    max-height: calc(var(--vh, 1vh) * 100 - 140px);*/
/*  }*/
/*}*/

/*.trp.popupfixed-wrap .popup-align.mode-ms .popup-layer {*/
/*  width: 100%;*/
/*  max-width: 620px;*/
/*}*/

/*.trp.popupfixed-wrap .popup-align.mode-ms .pop-panel .pop-body.scroll-type {*/
/*  width: 100%;*/
/*  max-height: calc(100vh - 96px);*/
/*  max-height: calc(var(--vh, 1vh) * 100 - 96px);*/
/*}*/

/*.trp.popupfixed-wrap .popup-align.mode-ms .pop-panel .section {*/
/*  position: relative;*/
/*  padding: 25px 40px 40px;*/
/*}*/

/*@media all and (max-width: 1023px) {*/
/*  .trp.popupfixed-wrap .popup-align.mode-ms {*/
/* !* 모바일 중앙 *! !* 모바일 풀 *! !* 모바일 하단 *!;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms .popup-layer {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: calc(var(--vh, 1vh) * 100);*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms .pop-panel .pop-header .title-box {*/
/*    padding: 25px 25px 10px;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms .pop-panel .pop-body.scroll-type {*/
/*    max-height: calc(100vh - 70px);*/
/*    max-height: calc(var(--vh, 1vh) * 100 - 70px);*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms .pop-panel .section {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    padding: 25px 25px 40px;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms.mode-mb_center .popup-layer {*/
/*    padding: 0 25px;*/
/*    height: auto;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms.mode-mb_center .popup-layer .pop-panel {*/
/*    position: relative;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms.mode-mb_full .pop-panel {*/
/*    min-height: calc(var(--vh, 1vh) * 100);*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms.mode-mb_fixed .popup-layer {*/
/*    overflow: hidden;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms.mode-mb_fixed .pop-panel {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.mode-ms.mode-mb_fixed .pop-panel .pop-body.scroll-type {*/
/*    width: 100%;*/
/*    max-height: calc(100vh - 140px);*/
/*    max-height: calc(var(--vh, 1vh) * 100 - 140px);*/
/*  }*/
/*}*/

/*.trp.popupfixed-wrap .popup-align.footer_fixed {*/
/*  padding-top: 70px;*/
/*}*/

/*.trp.popupfixed-wrap .popup-align.footer_fixed .pop-panel .pop-body.scroll-type {*/
/*  width: 100%;*/
/*  max-height: calc(100vh - (96px + 70px));*/
/*  max-height: calc(var(--vh, 1vh) * 100 - (96px + 70px));*/
/*}*/

/*@media all and (max-width: 1023px) {*/
/*  .trp.popupfixed-wrap .popup-align.footer_fixed {*/
/*    padding-top: 0px;*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.footer_fixed .pop-panel {*/
/*    max-height: calc(100vh -  (70px));*/
/*    max-height: calc(var(--vh, 1vh) * 100 -  (70px));*/
/*  }*/

/*  .trp.popupfixed-wrap .popup-align.footer_fixed .pop-panel .pop-body.scroll-type {*/
/*    width: 100%;*/
/*    max-height: calc(100vh -  (70px + 70px));*/
/*    max-height: calc(var(--vh, 1vh) * 100 -  (70px + 70px));*/
/*  }*/
/*}*/

/*.trp.popupfixed-wrap .popup-layer {*/
/*  position: relative;*/
/*  z-index: 1;*/
/*  display: inline-block;*/
/*  *display: inline;*/
/*  zoom: 1;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel {*/
/*  background: #fff;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-header {*/
/*  border-top: 6px solid #21a099;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-header .title-box {*/
/*  padding: 44px 40px 10px;*/
/*  height: 90px;*/
/*  box-sizing: border-box;*/
/*  position: relative;*/
/*  font-size: 0;*/
/*  text-align: left;*/
/*  font-size: 0;*/
/*  line-height: 0;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-header .title-box::before {*/
/*  content: "";*/
/*  display: inline-block;*/
/*  width: 0;*/
/*  height: 100%;*/
/*  vertical-align: middle;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-header .title-box .txt_title {*/
/*  vertical-align: middle;*/
/*  font-size: 28px;*/
/*  font-weight: 600;*/
/*  color: #111111;*/
/*  line-height: 1.1;*/
/*  font-family: "Pretendard";*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-header .title-box .txt_title.type-big {*/
/*  font-size: 34px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-header .btn_close {*/
/*  position: absolute;*/
/*  top: 0px;*/
/*  right: 0px;*/
/*  z-index: 10;*/
/*  width: 84px;*/
/*  height: 84px;*/
/*  padding: 30px;*/
/*  margin: 0;*/
/*  font-size: 0px;*/
/*  line-height: 1;*/
/*  color: transparent;*/
/*  box-sizing: border-box;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-header .btn_close:after {*/
/*  content: '';*/
/*  display: block;*/
/*}*/

/*@media all and (max-width: 1023px) {*/
/*  .trp.popupfixed-wrap .pop-panel .pop-header {*/
/*    border-top: 3px solid #21a099;*/
/*  }*/

/*  .trp.popupfixed-wrap .pop-panel .pop-header .title-box {*/
/*    padding: 25px 20px 12px;*/
/*    height: 67px;*/
/*  }*/

/*  .trp.popupfixed-wrap .pop-panel .pop-header .title-box .txt_title {*/
/*    font-size: 22px;*/
/*    font-weight: 700;*/
/*  }*/

/*  .trp.popupfixed-wrap .pop-panel .pop-header .title-box .txt_title.type-big {*/
/*    font-size: 22px;*/
/*  }*/

/*  .trp.popupfixed-wrap .pop-panel .pop-header .btn_close {*/
/*    top: 10px;*/
/*    width: 57px;*/
/*    height: 57px;*/
/*    padding: 20px;*/
/*    margin: 0;*/
/*  }*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body {*/
/*  text-align: left;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .section {*/
/*  position: relative;*/
/*  padding: 25px 40px 40px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .articles-typo {*/
/*  margin-top: 20px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .articles-box {*/
/*  margin-top: 25px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .articles-box + .articles-typo {*/
/*  margin-top: 14px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .group-box + .group-box {*/
/*  margin-top: 45px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .group-box .box-title {*/
/*  color: #333333;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .group-box .box-title + p {*/
/*  margin-top: 20px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .group-box .mark_dot-list {*/
/*  margin-top: 20px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .group-box .mark_dot-list li {*/
/*  padding-left: .8em;*/
/*}*/

/*@media all and (max-width: 1023px) {*/
/*  .trp.popupfixed-wrap .pop-panel .pop-body .group-box .box-title + p {*/
/*    margin-top: 10px;*/
/*  }*/

/*  .trp.popupfixed-wrap .pop-panel .pop-body .group-box .mark_dot-list {*/
/*    margin-top: 10px;*/
/*  }*/

/*  .trp.popupfixed-wrap .pop-panel .pop-body .group-box .mark_dot-list li {*/
/*    padding-left: .6em;*/
/*  }*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .search-group + .articles-box {*/
/*  margin-top: 40px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .articles-typo:first-child {*/
/*  margin-top: 0px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .articles-box:first-child {*/
/*  margin-top: 0px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .text-base {*/
/*  font-size: 18px;*/
/*  color: #555;*/
/*  font-weight: 500;*/
/*  line-height: 28px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .text-body {*/
/*  font-size: 18px;*/
/*  color: #555;*/
/*  font-weight: 500;*/
/*  line-height: 28px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .text-help {*/
/*  font-size: 16px;*/
/*  color: #555;*/
/*  font-weight: 500;*/
/*  line-height: 28px;*/
/*}*/

/*.trp.popupfixed-wrap .pop-panel .pop-body .btn_bottom {*/
/*  margin-top: 20px;*/
/*}*/

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .pop-panel .pop-body .section {
    position: relative;
    padding: 15px 20px 35px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .articles-typo {
    margin-top: 15px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .articles-box {
    margin-top: 15px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .articles-box + .articles-typo {
    margin-top: 10px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .group-box + .group-box {
    margin-top: 30px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .search-group + .articles-box {
    margin-top: 30px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .articles-typo:first-child {
    margin-top: 0px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .articles-box:first-child {
    margin-top: 0px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .text-base {
    font-size: 15px;
    color: #555;
    font-weight: 500;
    line-height: 22px;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .text-body {
    font-size: 14px;
    color: #555;
    font-weight: 500;
    line-height: 1.5;
  }

  .trp.popupfixed-wrap .pop-panel .pop-body .text-help {
    font-size: 14px;
    color: #555;
    font-weight: 500;
    line-height: 21px;
  }
}

.trp.popupfixed-wrap .pop-panel .pop-footer .btn_bottom {
  margin-top: 0px;
}

.trp.popupfixed-wrap.common-popup .popup-vertical .popup-layer {
  width: 450px;
  background-color: transparent;
}

.trp.popupfixed-wrap.common-popup .pop-panel {
  position: relative;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-body .section {
  padding: 0;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-body .img-box {
  background-color: #fff;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-body .img-box img {
  width: 100%;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -60px;
  width: 20px;
  height: 20px;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .trp.checkbox-box input[type="checkbox"]:checked + i:after {
  background-image: url("https://seoulauction.com/images/common/sp_forms.png");
  background-position: -244px -30px;
  width: 20px;
  height: 20px;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .trp.checkbox-box label {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .btn-box {
  font-size: 0;
  line-height: 0;
}

.trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .btn-box .btn_close {
  margin-top: 1px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.common-popup .popup-vertical {
    vertical-align: bottom;
  }

  .trp.popupfixed-wrap.common-popup .popup-vertical .popup-layer {
    width: 100%;
    background-color: transparent;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-body .section {
    padding: 0;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-body .img-box {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    overflow: hidden;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer {
    position: absolute;
    top: -47px;
    width: 100%;
    padding: 15px 25px;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .trp.checkbox-box input[type="checkbox"] + i:after {
    display: block;
    content: '';
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -69px -70px;
    width: 17px;
    height: 17px;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .trp.checkbox-box input[type="checkbox"]:checked + i:after {
    background-image: url("https://seoulauction.com/images/common/sp_forms.png");
    background-size: 132px 125px;
    background-position: -47px -70px;
    width: 17px;
    height: 17px;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .trp.checkbox-box label {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    color: #fff;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .btn-box {
    font-size: 0;
    line-height: 0;
  }

  .trp.popupfixed-wrap.common-popup .pop-panel .pop-fooer .btn-box .btn_close {
    margin-top: 1px;
  }
}

.trp.popupfixed-wrap.auction_info-popup .popup-align.mode-ms .pop-panel .section {
  padding-bottom: 60px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.auction_info-popup .popup-align.mode-ms .pop-panel .section {
    padding-bottom: 30px;
  }
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article {
  margin-top: 40px;
  text-align: center;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .img img {
  width: 72px;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .title {
  margin-top: 35px;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .title span {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .desc {
  margin-top: 15px;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .desc span {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .query {
  margin-top: 15px;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .query span {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .gray-box {
  padding: 25px 30px;
  margin-top: 30px;
  background-color: #f6f6f6;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .check-box {
  margin-top: 20px;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .check-box label {
  color: #333333;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .mark_dot-list li {
  font-size: 16px;
  line-height: 1.78;
  padding-left: 15px;
  color: #555555;
  text-align: left;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .mark_dot-list li::after {
  background-color: #999999;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set-float {
  margin-top: 35px;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set-float .btn {
  width: 170px;
  position: relative;
  bottom: auto;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set {
  margin-top: 35px;
  justify-content: center;
}

.trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set .btn {
  width: 170px;
  margin: 0 5px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.auction_info-popup .auction_info-article {
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .img img {
    width: 50px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .title {
    margin-top: 15px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .title span {
    font-size: 23px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .desc {
    margin-top: 5px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .desc span {
    font-size: 15px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .query {
    margin-top: 10px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .query span {
    font-size: 14px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .gray-box {
    padding: 18px 15px;
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .mark_dot-list li {
    font-size: 13px;
    line-height: 1.5;
    padding-left: 7px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .mark_dot-list li::after {
    top: 8px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set-float {
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set-float .btn {
    width: 100%;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set {
    margin-top: 20px;
    justify-content: center;
  }

  .trp.popupfixed-wrap.auction_info-popup .auction_info-article .btn_set .btn {
    width: calc(50% - 5px);
    margin: 0 5px;
  }
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article {
  padding-top: 30px;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .header-article {
  text-align: center;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .header-article span {
  font-size: 34px;
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box {
  margin-top: 30px;
  padding: 25px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box span, .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box em {
  line-height: 1.8;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box span {
  font-size: 18px;
  color: #333333;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box em {
  font-size: 20px;
  color: #21a099;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .gray-box {
  padding: 25px 30px;
  margin-top: 30px;
  background-color: #f6f6f6;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .mark_dot-list li {
  font-size: 16px;
  line-height: 1.78;
  padding-left: 15px;
  color: #555555;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .mark_dot-list li::after {
  background-color: #999999;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .footer-article {
  margin-top: 30px;
}

.trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .footer-article .btn_set-float .btn {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .header-article span {
    font-size: 22px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box {
    margin-top: 15px;
    padding: 15px 0;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box span, .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box em {
    line-height: 20px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box span {
    font-size: 15px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .paddle-box em {
    font-size: 15px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .gray-box {
    padding: 18px 15px;
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .mark_dot-list li {
    font-size: 13px;
    line-height: 1.5;
    padding-left: 7px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .body-article .mark_dot-list li::after {
    top: 8px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .footer-article {
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.paddle_number-popup .paddle_number-article .footer-article .btn_set-float .btn {
    width: 100%;
  }
}

.trp.popupfixed-wrap.bidding-online-popup {
 /* .section { position: relative; padding: 20px 50px 60px; } */;
}

.trp.popupfixed-wrap.bidding-online-popup .bidding-online-wrap {
  display: flex;
}

.trp.popupfixed-wrap.bidding-online-popup .bidding-online-wrap > div {
  position: relative;
}

.trp.popupfixed-wrap.bidding-online-popup .bidding-online-wrap .bidding-online-left {
  width: 41.48148%;
  padding-right: 32px;
}

.trp.popupfixed-wrap.bidding-online-popup .bidding-online-wrap .bidding-online-right {
  width: 58.51852%;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area {
  margin-top: 36px;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-img {
  position: relative;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
  padding-bottom: 100%;
  text-align: center;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-img .img-box {
  position: absolute;
  vertical-align: middle;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-img .img-box .box-inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-img .img-box .box-inner::before {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo {
  margin-top: 30px;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .title {
  color: #333;
  line-height: 34px;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .title span {
  font-size: 22px;
  font-weight: 700;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .title em {
  font-size: 18px;
  font-weight: 500;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .year {
  margin-top: 0px;
  font-size: 18px;
  color: #333333;
  font-weight: 500;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .desc {
  margin-top: 5px;
  font-size: 18px;
  color: #333333;
  font-weight: 500;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body {
  margin-top: 5px;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body span {
  font-size: 16px;
  color: #777777;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body ul {
  font-size: 0;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body ul li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #777777;
  line-height: 1.5;
}

.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 1px;
  height: 12px;
  background-color: #bbbbbb;
}

.trp.popupfixed-wrap.bidding-online-popup .legend-area {
  margin-top: -20px;
  display: flex;
  justify-content: space-between;
}

.trp.popupfixed-wrap.bidding-online-popup .legend-area .side_time span {
  display: inline-block;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 600;
  color: #555555;
  line-height: 36px;
  min-width: 162px;
  background-color: #f6f6f6;
}

.trp.popupfixed-wrap.bidding-online-popup .legend-area .unit {
  text-align: right;
}

.trp.popupfixed-wrap.bidding-online-popup .legend-area .unit span, .trp.popupfixed-wrap.bidding-online-popup .legend-area .unit em {
  font-size: 16px;
  line-height: 36px;
}

.trp.popupfixed-wrap.bidding-online-popup .legend-area .unit span {
  font-weight: 500;
  color: #555555;
}

.trp.popupfixed-wrap.bidding-online-popup .legend-area .unit em {
  font-weight: 700;
  color: #333333;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area {
  margin-top: 20px;
}

/*.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  padding: 15px 20px;*/
/*  background-color: #333333;*/
/*}*/

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-name {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  line-height: 22px;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-amount {
  font-size: 18px;
  color: #fff;
  line-height: 22px;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-amount em {
  font-weight: 700;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-amount span {
  font-size: 18px;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body {
  height: 250px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-top: 0;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list {
  padding: 12px 0;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li {
  display: flex;
}

/*.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li > div {*/
/*  padding: 0 20px;*/
/*}*/

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li > div span {
  line-height: 38px;
}

/*.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-user {*/
/*  width: 21.18644%;*/
/*  text-align: left;*/
/*  font-size: 16px;*/
/*  color: #333;*/
/*  font-weight: 700;*/
/*}*/

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-user span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-price {
  width: 28.81356%;
  text-align: right;
  font-size: 16px;
  color: #333;
  font-weight: 400;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day {
  position: relative;
  width: 50%;
  text-align: right;
  font-size: 14px;
  color: #555;
  font-weight: 600;
}

/*.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day span {*/
/*  padding-left: 8px;*/
/*}*/

/*.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day span + span {*/
/*  margin-left: 10px;*/
/*}*/

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day em {
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  vertical-align: middle;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day em.type-success {
  color: #fff;
  background-color: #39C3BCCC;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day em.type-success {
    right: 120px
  }
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day em.type-auto {
  color: #555555;
  background-color: #e4e4e4;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .on_red {
  color: #db1b1b;
  font-weight: 600;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .on_green {
  color: #21a099;
  position: relative;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .on_green::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -2px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #21a099;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .data-empty {
  height: 100%;
  border: 0;
  position: relative;
}

.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .data-empty .txt_empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.trp.popupfixed-wrap.bidding-online-popup .topbtn-area {
  margin-top: 40px;
}

.trp.popupfixed-wrap.bidding-online-popup .topbtn-area .btn.btn_gray span {
  color: #555555;
}

.trp.popupfixed-wrap.bidding-online-popup .caution-area {
  margin-top: 15px;
}

.trp.popupfixed-wrap.bidding-online-popup .caution-area .mark_char-list > li {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}

.trp.popupfixed-wrap.bidding-online-popup .caution-area .mark_char-list > li::before {
  content: "*";
}

.trp.popupfixed-wrap.bidding-online-popup .bottombtn-area {
  margin-top: 40px;
}

.trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_set {
  display: none;
}

.trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_set.active {
  display: flex;
}

.trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .typo-pc_mb-line span {
  margin: 0 5px;
}

.trp.popupfixed-wrap.bidding-online-popup .online_end {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 215px;
  border: 1px solid #ccc;
  background: #f3f3f3;
}

.trp.popupfixed-wrap.bidding-online-popup .online_end .txt {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #999;
}

.trp.popupfixed-wrap.bidding-online-popup .online_end .txt span {
  color: #db1b1b;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.bidding-online-popup .bidding-online-wrap {
    display: block;
  }

  .trp.popupfixed-wrap.bidding-online-popup .bidding-online-wrap .bidding-online-left {
    width: 100%;
    padding-right: 0px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .bidding-online-wrap .bidding-online-right {
    width: 100%;
    margin-top: 30px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area {
    display: flex;
    margin-top: 0;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-img {
    position: relative;
    width: 35.48387%;
    padding-bottom: 35.48387%;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo {
    margin-top: 0px;
    width: calc( 64.51613% - 19px);
    padding-left: 19px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .title {
    line-height: 21px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .title span {
    font-size: 16px;
    font-weight: 700;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .title em {
    font-size: 14px;
    font-weight: 500;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .desc {
    display: block;
    margin-top: 5px;
    font-size: 14px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-header .desc span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body {
    margin-top: 5px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body span {
    font-size: 13px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body ul {
    font-size: 0;
  }

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body ul li {
    font-size: 13px;
    line-height: 1.5;
  }

  /*.trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body ul li + li {*/
  /*  margin-left: 10px;*/
  /*  padding-left: 10px;*/
  /*}*/

  .trp.popupfixed-wrap.bidding-online-popup .view-area .view-typo .typo-body ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0px;
    width: 1px;
    height: 12px;
    background-color: #bbbbbb;
  }

  .trp.popupfixed-wrap.bidding-online-popup .legend-area {
    margin-top: 0px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .legend-area .side_time {
    margin-top: 0px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .legend-area .side_time span {
    display: block;
    padding: 0 10px;
    min-width: 123px;
    font-size: 13px;
    font-weight: 600;
    color: #777;
    line-height: 32px;
    background-color: #f6f6f6;
  }

  .trp.popupfixed-wrap.bidding-online-popup .legend-area .unit span, .trp.popupfixed-wrap.bidding-online-popup .legend-area .unit em {
    font-size: 13px;
    line-height: 32px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .legend-area .unit span {
    font-weight: 500;
    color: #555555;
  }

  .trp.popupfixed-wrap.bidding-online-popup .legend-area .unit em {
    font-weight: 700;
    color: #555555;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area {
    height: auto;
    margin-top: 10px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header {
    padding: 10px 17px;
    background-color: #333333;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-name {
    font-size: 14px;
    line-height: 23px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-amount {
    font-size: 14px;
    line-height: 23px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-amount em {
    font-weight: 700;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-header .price-amount span {
    font-size: 14px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li {
    display: flex;
  }

  /*.trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li > div {*/
  /*  display: flex;*/
  /*  align-items: center;*/
  /*  padding: 0 17px;*/
  /*  height: 42px;*/
  /*}*/

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li > div span {
    line-height: 1.4;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-user {
    width: 25.80645%;
    font-size: 14px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-user span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-price {
    width: 34.51613%;
    text-align: right;
    font-size: 14px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day {
    flex-direction: column;
    align-items: normal;
    justify-content: center;
    width: 39.67742%;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day span {
    display: block;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day span + span {
    margin-left: 0px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .product-day em {
    position: absolute;
    top: 12px;
    right: 90px;
    font-size: 11px;
    font-weight: 500;
    line-height: 17px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .product-list-area .list-body .product-list li .on_green::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -2px;
    display: inline-block;
    width: 3px;
    height: 3px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .topbtn-area {
    margin-top: 30px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .caution-area {
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .caution-area .mark_char-list > li {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
  }

  .trp.popupfixed-wrap.bidding-online-popup .bottombtn-area {
    margin-top: 30px;
  }

  /*.trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_lg.typo-pc_mb-line {*/
  /*  padding: 5px 0px 5px;*/
  /*}*/

  .trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_lg.typo-pc_mb-line span {
    display: block;
    margin: 0;
    text-align: center;
    line-height: 20px;
  }

  /*.trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_lg.typo-pc_mb-line span:first-child {*/
  /*  margin-top: 22px;*/
  /*}*/
  .trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_lg.typo-pc_mb-line[disabled] span:first-child,
  .trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_lg.typo-pc_mb-line[disabled] span:last-child
  {
    line-height: 54px;
  }

  /*.trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_lg.typo-pc_mb-line span:last-child {*/
  /*  position: absolute;*/
  /*  top: 8px;*/
  /*  width: 100%;*/
  /*}*/

  .trp.popupfixed-wrap.bidding-online-popup .bottombtn-area .btn_set.type-pc_mb-column {
    flex-direction: column;
  }

  .trp.popupfixed-wrap.bidding-online-popup .online_end {
    margin-top: 30px;
    height: 262px;
  }

  .trp.popupfixed-wrap.bidding-online-popup .online_end .txt {
    font-size: 14px;
  }
}

.trp.popupfixed-wrap.image_viewer-popup .popup-align .popup-layer {
  width: 1024px;
  height: 768px;
}

.trp.popupfixed-wrap.image_viewer-popup .popup-align .pop-panel {
  height: 100%;
}

.trp.popupfixed-wrap.image_viewer-popup .popup-align .pop-header {
  border-top: 0;
}

.trp.popupfixed-wrap.image_viewer-popup .popup-align .pop-body {
  height: 100%;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.image_viewer-popup .popup-align .popup-layer {
    width: 100%;
    height: 100%;
  }
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article {
  position: relative;
  height: 100%;
  background: url('https://seoulauction.com/images/pc/auction/image_viewer-bg.jpg') 0 0;
 /* 스와이퍼 */;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.image_viewer-popup .viewer-article {
    max-width: 1024px;
    margin: 0 auto;
    background: url('https://seoulauction.com/images/mobile/auction/image_viewer-bg.jpg') center no-repeat;
    background-size: 1024px 1080px;
  }
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .gallery_view {
  height: 100%;
  overflow: hidden;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .gallery_view .gallery_center {
  height: 100%;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .img-box {
  position: relative;
  margin-top: -170px;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .img-box .images {
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.07), 10px 10px 20px 0 rgba(0, 0, 0, 0.07);
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .img-box .images img {
 /* width: 100%; */;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .size_x, .trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .size_y {
  position: absolute;
  z-index: 1;
  opacity: 0;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .size_x span, .trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .size_y span {
  font-size: 13px;
  color: #111111;
  font-weight: 600;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .size_x {
  min-width: 100px;
  margin-left: -50px;
  left: 50%;
  top: -25px;
  text-align: center;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .size_y {
  height: 100%;
  width: 80px;
  top: 0;
  left: 100%;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .size_y span {
  display: inline;
  vertical-align: middle;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .img-box {
    position: relative;
    margin-top: -20px;
  }

  .trp.popupfixed-wrap.image_viewer-popup .viewer-article .img-area .img-box .images {
    text-align: center;
  }
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .size-area {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 3;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .size-area .size-btn {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .size-area .icon-viewer_size-on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 2.3ms ease-in-out;
  -moz-transition: all 2.3ms ease-in-out;
  -ms-transition: all 2.3ms ease-in-out;
  -o-transition: all 2.3ms ease-in-out;
  transition: all 2.3ms ease-in-out;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.image_viewer-popup .viewer-article .size-area {
    left: 20px;
    bottom: 20px;
  }
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article.active .img-area .size_x, .trp.popupfixed-wrap.image_viewer-popup .viewer-article.active .img-area .size_y {
  opacity: 1;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article.active .size-area .icon-viewer_size-on {
  opacity: 1;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .view_paging-area {
  position: absolute;
  bottom: 30px;
  width: 100%;
  z-index: 1;
  text-align: center;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .view_paging-area button, .trp.popupfixed-wrap.image_viewer-popup .viewer-article .view_paging-area span {
  vertical-align: middle;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .view_paging-area button {
  font-size: 0;
  line-height: 0;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .view_paging-area span {
  display: inline-block;
  padding: 0 30px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #333333;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.image_viewer-popup .viewer-article .view_paging-area {
    bottom: 25px;
  }

  .trp.popupfixed-wrap.image_viewer-popup .viewer-article .view_paging-area span {
    padding: 0 20px;
    font-size: 14px;
    line-height: 15px;
  }
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .zoom-area {
  position: absolute;
  bottom: 32px;
  right: 20px;
  width: 72px;
}

.trp.popupfixed-wrap.image_viewer-popup .viewer-article .zoom-area .zoom_icon {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.image_viewer-popup .viewer-article .zoom-area {
    width: 62px;
    bottom: 27px;
  }
}

.trp.popupfixed-wrap.images-popup .popup-align .popup-layer {
  width: 100%;
  height: 100%;
  max-height: calc(100vh);
  max-height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-panel {
  height: 100%;
  background-color: transparent;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-header {
  border-top: 0;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-header .btn_close {
  padding: 15px;
  width: 54px;
  height: 54px;
}

/*.trp.popupfixed-wrap.images-popup .popup-align .pop-body {*/
/*  height: 100%;*/
/*  background-color: #fff;*/
/*}*/

.trp.popupfixed-wrap.images-popup .popup-align .pop-body .page_prev, .trp.popupfixed-wrap.images-popup .popup-align .pop-body .page_next {
  position: absolute;
  top: 50%;
  margin-top: -80px;
  font-size: 0;
  cursor: pointer;
  z-index: 10;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-body .page_prev {
  left: 50px;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-body .page_next {
  right: 50px;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-footer .pagination {
  display: none;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-footer .thumbnail-article {
  display: block;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-footer .zoom-box {
  position: absolute;
  top: 13px;
  right: 100px;
  z-index: 10;
  font-size: 0px;
  line-height: 0px;
  color: #F0F0F0;
  display: flex;
  padding: 12px 16px;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-footer .zoom-box .btnitem {
  position: relative;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-footer .zoom-box .btnitem + .btnitem {
  margin-left: 13px;
  padding-left: 13px;
}

.trp.popupfixed-wrap.images-popup .popup-align .pop-footer .zoom-box .btnitem + .btnitem::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 1px;
  height: 30px;
  background-color: #9b9b9b;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.images-popup .popup-align .popup-layer {
    width: 100%;
    height: 100%;
  }

  .trp.popupfixed-wrap.images-popup .popup-align .pop-body .page_prev, .trp.popupfixed-wrap.images-popup .popup-align .pop-body .page_next {
    display: none;
  }

  .trp.popupfixed-wrap.images-popup .popup-align .pop-footer {
    height: 40px;
    padding: 10px 0;
  }

  .trp.popupfixed-wrap.images-popup .popup-align .pop-footer .pagination {
    display: block;
  }

  .trp.popupfixed-wrap.images-popup .popup-align .pop-footer .pagination .swiper-pagination-bullet {
    margin: 0 5px;
    background-color: #ccc;
    opacity: 1;
  }

  .trp.popupfixed-wrap.images-popup .popup-align .pop-footer .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #4dada7;
  }

  .trp.popupfixed-wrap.images-popup .popup-align .pop-footer .thumbnail-article {
    display: none;
  }

  .trp.popupfixed-wrap.images-popup .popup-align .pop-footer .zoom-box {
    display: none;
  }
}

.trp.popupfixed-wrap.images-popup .viewer-article {
  position: relative;
  height: 100%;
 /* 스와이퍼 */;
}

.trp.popupfixed-wrap.images-popup .viewer-article .gallery_view {
  height: 100%;
  overflow: hidden;
}

.trp.popupfixed-wrap.images-popup .viewer-article .gallery_view .gallery_center {
  height: 100%;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .img-box {
  position: relative;
  margin-top: -170px;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .img-box .images {
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.07), 10px 10px 20px 0 rgba(0, 0, 0, 0.07);
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .img-box .images img {
  width: 100%;
  max-height: 700px;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .size_x, .trp.popupfixed-wrap.images-popup .viewer-article .img-area .size_y {
  position: absolute;
  z-index: 1;
  opacity: 0;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .size_x span, .trp.popupfixed-wrap.images-popup .viewer-article .img-area .size_y span {
  font-size: 13px;
  color: #111111;
  font-weight: 600;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .size_x {
  min-width: 100px;
  margin-left: -50px;
  left: 50%;
  top: -25px;
  text-align: center;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .size_y {
  height: 100%;
  width: 80px;
  top: 0;
  left: 100%;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trp.popupfixed-wrap.images-popup .viewer-article .img-area .size_y span {
  display: inline;
  vertical-align: middle;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.images-popup .viewer-article .img-area .img-box {
    position: relative;
    margin-top: -20px;
  }

  .trp.popupfixed-wrap.images-popup .viewer-article .img-area .img-box .images {
    text-align: center;
    margin: 10px;
  }

  .trp.popupfixed-wrap.images-popup .viewer-article .img-area .img-box .images img {
    height: 100%;
  }
}

.trp.popupfixed-wrap.images-popup .viewer-article .size-area {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 3;
}

.trp.popupfixed-wrap.images-popup .viewer-article .size-area .size-btn {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.trp.popupfixed-wrap.images-popup .viewer-article .size-area .icon-viewer_size-on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 2.3ms ease-in-out;
  -moz-transition: all 2.3ms ease-in-out;
  -ms-transition: all 2.3ms ease-in-out;
  -o-transition: all 2.3ms ease-in-out;
  transition: all 2.3ms ease-in-out;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.images-popup .viewer-article .size-area {
    left: 20px;
    bottom: 20px;
  }
}

.trp.popupfixed-wrap.images-popup .viewer-article.active .img-area .size_x, .trp.popupfixed-wrap.images-popup .viewer-article.active .img-area .size_y {
  opacity: 1;
}

.trp.popupfixed-wrap.images-popup .viewer-article.active .size-area .icon-viewer_size-on {
  opacity: 1;
}

.trp.popupfixed-wrap.images-popup .viewer-article .view_paging-area {
  position: absolute;
  bottom: 30px;
  width: 100%;
  z-index: 1;
  text-align: center;
}

.trp.popupfixed-wrap.images-popup .viewer-article .view_paging-area button, .trp.popupfixed-wrap.images-popup .viewer-article .view_paging-area span {
  vertical-align: middle;
}

.trp.popupfixed-wrap.images-popup .viewer-article .view_paging-area button {
  font-size: 0;
  line-height: 0;
}

.trp.popupfixed-wrap.images-popup .viewer-article .view_paging-area span {
  display: inline-block;
  padding: 0 30px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #333333;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.images-popup .viewer-article .view_paging-area {
    bottom: 25px;
  }

  .trp.popupfixed-wrap.images-popup .viewer-article .view_paging-area span {
    padding: 0 20px;
    font-size: 14px;
    line-height: 15px;
  }
}

.trp.popupfixed-wrap.images-popup .viewer-article .zoom-area {
  position: absolute;
  bottom: 32px;
  right: 20px;
  width: 72px;
}

.trp.popupfixed-wrap.images-popup .viewer-article .zoom-area .zoom_icon {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.images-popup .viewer-article .zoom-area {
    width: 62px;
    bottom: 27px;
  }
}

.trp.popupfixed-wrap.images-popup .thumbnail-article .thumbnail-list {
  display: flex;
  justify-content: center;
}

.trp.popupfixed-wrap.images-popup .thumbnail-article .thumbnail-list li {
  padding: 0 4px;
}

.trp.popupfixed-wrap.images-popup .thumbnail-article .thumbnail-list li.active .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #4DADA7;
}

.trp.popupfixed-wrap.images-popup .thumbnail-article .thumbnail-list .imgs-item {
  position: relative;
  width: 50px;
}

.trp.popupfixed-wrap.images-popup .thumbnail-article .thumbnail-list .imgs-item a {
  display: block;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article .trp.checkbox-box {
  padding-left: 40px;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article .btn_bottom {
  margin-top: 40px;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article .btn_bottom .btn_set {
  justify-content: center;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article .btn_bottom .btn {
  width: 170px;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table th {
  padding: 20px 30px;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table th label {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table td {
  padding: 20px 30px;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table td label, .trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table td a {
  font-size: 18px;
  color: #333333;
  line-height: 1.75;
}

.trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table td a {
  font-weight: 500;
  text-decoration: underline;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.terms_required-popup .terms_required-article .trp.checkbox-box {
    padding-left: 27px;
  }

  .trp.popupfixed-wrap.terms_required-popup .terms_required-article .btn_bottom {
    margin-top: 30px;
  }

  .trp.popupfixed-wrap.terms_required-popup .terms_required-article .btn_bottom .btn {
    width: 100%;
  }

  .trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table th {
    padding: 15px 20px;
  }

  .trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table th label {
    font-size: 15px;
  }

  .trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table td {
    padding: 15px 20px;
  }

  .trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table td label, .trp.popupfixed-wrap.terms_required-popup .terms_required-article table.table_base.data-table td a {
    font-size: 13px;
    line-height: 1.5;
  }
}

.trp.popupfixed-wrap .name-shipping_cost_information th:nth-child(1) {
  width: 57.8125%;
}

.trp.popupfixed-wrap .name-shipping_cost_information th:nth-child(2) {
  width: auto;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .name-shipping_cost_information th:nth-child(1) {
    width: 68.88889%;
  }
}

.trp.popupfixed-wrap .name-bid_commission th:nth-child(1) {
  width: 50%;
}

.trp.popupfixed-wrap .name-bid_commission th:nth-child(2) {
  width: 50%;
}

.trp.popupfixed-wrap .name-price_tag th:nth-child(1) {
  width: 48.4375%;
}

.trp.popupfixed-wrap .name-price_tag th:nth-child(2) {
  width: auto;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .name-price_tag th:nth-child(1) {
    width: 59.25926%;
  }
}

.trp.popupfixed-wrap .search-group_btn {
  display: flex;
  justify-content: center;
  margin: 40px 0 10px;
}

.trp.popupfixed-wrap .search-group_btn .btn {
  width: 170px;
  margin: 0 5px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .search-group_btn {
    margin: 30px 0 10px;
  }

  .trp.popupfixed-wrap .search-group_btn .btn {
    margin: 0 3px;
  }
}

.trp.popupfixed-wrap .table_scroll {
  height: 336px;
  margin-bottom: 20px;
 /* table col 크기 : 직원검색  */ /* table col 크기 : 주소검색  */ /* table col 크기 : 마이페이지 > 작가검색  */;
}

.trp.popupfixed-wrap .table_scroll.add_item {
  height: 336px;
}

.trp.popupfixed-wrap .table_scroll.thead_item {
  height: 100%;
  margin-bottom: 0;
}

.trp.popupfixed-wrap .table_scroll.tbody_item .txt_tdbig {
  border-top: 0;
}

.trp.popupfixed-wrap .table_scroll.tbody_item .writer_list {
  border-top: 0;
}

.trp.popupfixed-wrap .table_scroll.no_item {
  height: 100%;
}

.trp.popupfixed-wrap .table_scroll .txt_tdbig td {
  font-size: 18px;
}

.trp.popupfixed-wrap .table_scroll .list-table {
  border-top: 1px solid #999;
}

.trp.popupfixed-wrap .table_scroll .list-table th {
  padding: 14px;
  border-bottom: 0px;
}

.trp.popupfixed-wrap .table_scroll .list-table td {
  padding: 12px;
}

.trp.popupfixed-wrap .table_scroll .list-table td.left_item {
  text-align: left;
}

.trp.popupfixed-wrap .table_scroll .list-table td .data-empty_mem {
  padding: 137px 0;
  text-align: center;
  color: #999;
}

.trp.popupfixed-wrap .table_scroll .list-table td span.checkbox-box i {
  left: 5px;
}

.trp.popupfixed-wrap .table_scroll .list-table td span i {
  top: 7px;
}

.trp.popupfixed-wrap .table_scroll .radio {
  width: 12%;
}

.trp.popupfixed-wrap .table_scroll .txt_tdbig th:nth-child(1) {
  width: 10.37037%;
}

.trp.popupfixed-wrap .table_scroll .txt_tdbig th:nth-child(2) {
  width: 37.03704%;
}

.trp.popupfixed-wrap .table_scroll .txt_tdbig th:nth-child(3) {
  width: auto;
}

.trp.popupfixed-wrap .table_scroll .txt_tdbig td:nth-child(1) {
  width: 10.37037%;
}

.trp.popupfixed-wrap .table_scroll .txt_tdbig td:nth-child(2) {
  width: 37.03704%;
}

.trp.popupfixed-wrap .table_scroll .txt_tdbig td:nth-child(3) {
  width: auto;
}


.trp.popupfixed-wrap .table_scroll .writer_list th:nth-child(1) {
  width: 13.33333%;
}

.trp.popupfixed-wrap .table_scroll .writer_list th:nth-child(2) {
  width: auto;
}

.trp.popupfixed-wrap .table_scroll .writer_list th:nth-child(3) {
  width: 34.07407%;
}

.trp.popupfixed-wrap .table_scroll .writer_list td:nth-child(1) {
  width: 13.33333%;
}

.trp.popupfixed-wrap .table_scroll .writer_list td:nth-child(2) {
  width: auto;
}

.trp.popupfixed-wrap .table_scroll .writer_list td:nth-child(3) {
  width: 34.07407%;
}

.trp.popupfixed-wrap .table_scroll .writer_list td {
  font-size: 18px;
}

.trp.popupfixed-wrap .table_scroll .writer_list td em {
  color: #21a099;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .table_scroll {
    height: auto;
    max-height: calc(100vh - 286px);
    max-height: calc(var(--vh, 1vh) * 100 - 286px);
  }

  .trp.popupfixed-wrap .table_scroll.writer_btn_list {
    height: auto;
    max-height: calc(100vh - 375px);
    max-height: calc(var(--vh, 1vh) * 100 - 375px);
  }

  .trp.popupfixed-wrap .table_scroll .txt_tdbig th {
    padding: 10px 10px;
  }

  .trp.popupfixed-wrap .table_scroll .txt_tdbig td {
    font-size: 15px;
    padding: 10px 10px;
  }

  .trp.popupfixed-wrap .table_scroll .txt_tdbig td span i {
    top: 3px;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list th:nth-child(1) {
    width: 18.51852%;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list th:nth-child(2) {
    width: auto;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list th:nth-child(3) {
    width: 35.92593%;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list td:nth-child(1) {
    width: 18.51852%;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list td:nth-child(2) {
    width: auto;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list td:nth-child(3) {
    width: 35.92593%;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list td {
    font-size: 13px;
  }

  .trp.popupfixed-wrap .table_scroll .writer_list td span i {
    top: 3px;
  }

  .trp.popupfixed-wrap .table_scroll .list-table td .data-empty_mem {
    padding: 50px 0;
  }
}

.trp.popupfixed-wrap.login-popup .pop-header .ico_box {
  margin-top: 60px;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac {
  padding: 55px 0 35px;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.change_title {
  font-size: 32px;
  color: #555;
  padding: 30px 0 35px;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.change_title p {
  font-weight: 600;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.change_title .title_sub {
  font-size: 18px;
  color: #555;
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.4;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.title_md {
  padding: 25px 0 0px;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.title_concurrent {
  font-size: 20px;
  padding: 35px 100px 0;
  line-height: 1.5;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac .title_tac {
  font-weight: 700;
  color: #333333;
}

.trp.popupfixed-wrap.login-popup .pop-header .title-box_tac .title_tac strong {
  color: #21a099;
}

.trp.popupfixed-wrap.login-popup .pop-body {
  padding: 0 40px;
}

.trp.popupfixed-wrap.login-popup .pop-body .sns_box {
  margin-bottom: 30px;
}

.trp.popupfixed-wrap.login-popup .pop-body .sns_box.sns_box_pw {
  margin-bottom: 0;
}

.trp.popupfixed-wrap.login-popup .pop-body .sns_box p {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
  text-align: center;
}

.trp.popupfixed-wrap.login-popup .pop-body .sns_box p span {
  color: #21a099;
}

.trp.popupfixed-wrap.login-popup .pop-body .info_box .change_txt {
  color: #555555;
  line-height: 1.3;
}

.trp.popupfixed-wrap.login-popup .pop-body .info_box ul {
  background-color: #f3f3f3;
  padding: 28px;
  color: #777777;
}

.trp.popupfixed-wrap.login-popup .pop-body .info_box ul li {
  padding-left: 12px;
}

.trp.popupfixed-wrap.login-popup .pop-body .info_box ul li:after {
  background-color: #888888;
}

.trp.popupfixed-wrap.login-popup .pop-body .confirm_btn {
  padding: 30px 0 40px;
}

.trp.popupfixed-wrap.login-popup .pop-body .confirm_btn.changenew_btn {
  padding: 0 0 60px;
}

.trp.popupfixed-wrap.login-popup .pop-body .confirm_btn.change_btn {
  padding: 40px 0 40px;
}

.trp.popupfixed-wrap.login-popup .pop-body .confirm_btn .btn_point {
  margin-left: 5px;
}

.trp.popupfixed-wrap.login-popup .pop-body .confirm_btn.confirm_btn_md {
  padding: 35px 0 60px;
}

.trp.popupfixed-wrap.login-popup .pop-body .confirm_btn .btn {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.login-popup .pop-header .ico_box {
    margin-top: 40px;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .ico_box.change_ico {
    margin-top: 70px;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .ico_box.change_ico img {
    width: 113px;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .ico_box img {
    width: 47.5px;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .btn_close {
    top: -5px;
    right: -5px;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .title-box_tac {
    padding: 40px 0 20px;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.change_title {
    font-size: 22px;
    padding: 20px 0 25px;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.change_title .title_sub {
    font-size: 15px;
    margin-top: 7px;
    line-height: 1.5;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.title_concurrent {
    font-size: 15px;
    padding: 20px 50px 0;
    line-height: 1.4;
  }

  .trp.popupfixed-wrap.login-popup .pop-header .title-box_tac.title_md {
    padding: 14 px 0 0px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body {
    padding: 0 25px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .sns_box {
    margin-bottom: 20px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .sns_box p {
    font-size: 15px;
    padding: 20px 0;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .info_box ul {
    padding: 15px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .info_box ul.change_txt {
    padding: 20px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .info_box ul li {
    padding-left: 8px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .info_box ul li:after {
    top: 8px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .confirm_btn {
    padding: 20px 0 30px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .confirm_btn.changenew_btn {
    padding: 0 0 60px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .confirm_btn .btn_set-float {
    display: flex;
    justify-content: center;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .confirm_btn .btn_point {
    margin-left: 5px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .confirm_btn.confirm_btn_md {
    padding: 15px 0 30px;
  }

  .trp.popupfixed-wrap.login-popup .pop-body .confirm_btn .btn {
    width: 100%;
  }
}

.trp.popupfixed-wrap .pop-body .buttons-area {
  padding: 40px 0 10px;
}

.trp.popupfixed-wrap .pop-body .buttons-area .btn.js-closepop {
  width: 170px;
}

.trp.popupfixed-wrap .pop-body .buttons-area .btn.btn_point {
  width: 170px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .pop-body .buttons-area {
    padding: 30px 0 0;
  }

  .trp.popupfixed-wrap .pop-body .buttons-area .btn.js-closepop {
    width: 100%;
  }

  .trp.popupfixed-wrap .pop-body .buttons-area .btn.btn_point {
    width: 100%;
  }
}

.trp.popupfixed-wrap .pop-body .button-area {
  /*margin-top: 40px;*/
}

.trp.popupfixed-wrap .pop-body .button-area .btn {
  width: 170px;
}

.trp.popupfixed-wrap .mode-md .pop-body .button-area {
  padding-bottom: 10px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .pop-body .button-area {
    margin-top: 30px;
  }

  .trp.popupfixed-wrap .pop-body .button-area .btn {
    width: 160px;
  }

  .trp.popupfixed-wrap .mode-md .pop-body .button-area {
    padding-bottom: 0;
  }
}

.trp.popupfixed-wrap .data-empty {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #cccccc;
  padding: 90px 0;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .data-empty {
    padding: 84px 0;
  }
}

.trp.popupfixed-wrap.tooltip-popup .popup-align.mode-md .popup-layer {
  width: 620px;
}

.trp.popupfixed-wrap.tooltip-popup .popup-align.mode-md .pop-panel .section {
  padding-bottom: 50px;
}

.trp.popupfixed-wrap.tooltip-popup .con-wrap-line {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
}

.trp.popupfixed-wrap.tooltip-popup .pop-body .group-box .mark_dot-list {
  margin-top: 0;
  padding-left: 0.3rem;
}

.trp.popupfixed-wrap.tooltip-popup .pop-body .group-box .mark_dot-list li:after {
  top: 16px;
  transform: translateY(-50%);
}

.trp.popupfixed-wrap.tooltip-popup .pop-body .group-box + .group-box {
  margin-top: 25px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.tooltip-popup .popup-align.mode-md .popup-layer {
    width: 100%;
  }

  .trp.popupfixed-wrap.tooltip-popup .popup-align.mode-md .pop-panel {
    height: auto;
  }

  .trp.popupfixed-wrap.tooltip-popup .pop-body .group-box .mark_dot-list li:after {
    top: 10px;
  }
}

.trp.popupfixed-wrap.membership_upgrade-popup .popup-align.mode-md .popup-layer {
  width: 620px;
}

.trp.popupfixed-wrap.membership_upgrade-popup .pop-body .group-box {
  border-top: 1px solid #999999;
}

.trp.popupfixed-wrap.membership_upgrade-popup .accordion-list {
  border-top: 0;
}

.trp.popupfixed-wrap.membership_upgrade-popup .accordion-list > li > .con-area {
  display: block;
  padding: 0;
}

.trp.popupfixed-wrap.membership_upgrade-popup .accordion-list > li > .con-area .trp.checkbox-box label {
  font-size: 16px;
}

.trp.popupfixed-wrap.membership_upgrade-popup .accordion-list > li > .con-area .policy-list {
  padding: 20px 30px;
}

.trp.popupfixed-wrap.membership_upgrade-popup .accordion-list > li > .con-area .policy-list + .policy-list {
  border-top: 1px solid #d4d4d4;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.membership_upgrade-popup .popup-align.mode-md .popup-layer {
    width: 100%;
  }

  .trp.popupfixed-wrap.membership_upgrade-popup .accordion-list > li > .con-area .policy-list {
    padding: 15px;
  }
}

.trp.popupfixed-wrap.auction_live_record-popup .popup-align.mode-md .popup-layer {
  width: 740px;
}

.trp.popupfixed-wrap.auction_live_record-popup .pop-header .right_txt {
  text-align: right;
  padding-right: 50px;
  margin-top: 25px;
  margin-bottom: -10px;
}

.trp.popupfixed-wrap.auction_live_record-popup .pop-header .right_txt span {
  background-color: #f6f6f6;
  padding: 7px 20px;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
}

.trp.popupfixed-wrap.auction_live_record-popup .pop-header .right_txt span em {
  padding-left: 5px;
}

.trp.popupfixed-wrap.auction_live_record-popup .pop-body .article-area {
  border-top: 1px solid #999999;
  max-height: 331px;
}

.trp.popupfixed-wrap.auction_live_record-popup .pop-body .article-area.tbody_item-wrap:lang(ko) {
  border-top: 0;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history {
  border-top: 0;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr th:nth-child(1) {
  width: 27.53036%;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr th:nth-child(2) {
  width: auto;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr th:nth-child(3) {
  width: 24.5614%;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr th:nth-child(4) {
  width: 16.19433%;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr td:nth-child(1) {
  width: 27.53036%;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr td:nth-child(2) {
  width: auto;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr td:nth-child(3) {
  width: 24.5614%;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr td:nth-child(4) {
  width: 16.19433%;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr > th {
  word-break: keep-all;
  padding: 0 10px;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr > td {
  padding: 10px;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr > td:first-child {
  font-weight: 600;
}

.trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr > td:last-child .succ {
  color: #21a099;
  font-weight: 600;
}

.trp.popupfixed-wrap.auction_live_record-popup .state-icon {
  height: 21px;
  line-height: 21px;
  padding: 0 16px;
  font-size: 14px;
  background-color: #21a099;
  color: #fff;
}

.trp.popupfixed-wrap.auction_live_record-popup .data-empty {
  border-top: 0;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.auction_live_record-popup .popup-align.mode-md .popup-layer {
    width: 100%;
  }

  .trp.popupfixed-wrap.auction_live_record-popup .pop-header .right_txt {
    padding-right: 25px;
    margin-top: 25px;
    margin-bottom: -10px;
  }

  .trp.popupfixed-wrap.auction_live_record-popup .pop-header .right_txt span {
    padding: 5px 15px;
    font-size: 14px;
  }

  .trp.popupfixed-wrap.auction_live_record-popup .pop-header .right_txt span em {
    padding-left: 5px;
  }

  .trp.popupfixed-wrap.auction_live_record-popup .pop-body .article-area {
    height: auto;
    max-height: calc(100vh - 230px);
    max-height: calc(var(--vh, 1vh) * 100 - 230px);
  }

  .trp.popupfixed-wrap.auction_live_record-popup .auction-bid-history tr > td {
    padding: 5px;
  }
}

.trp.popupfixed-wrap.popup_marketing_pc .pop-panel .pop-body .tab-section {
  padding: 15px 40px 40px;
}

.trp.popupfixed-wrap.popup_marketing_pc .pop-panel .pop-body .tab-con-section {
  padding-top: 0;
}

.trp.popupfixed-wrap.popup_marketing_pc .tab-area.type-left_mm .tab-list li a {
  font-size: 20px;
}

.trp.popupfixed-wrap.popup_marketing_pc .tab-con-section .tab-con {
  height: 500px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_marketing_pc .tab-area.type-left_mm .tab-list li a {
    font-size: 16px;
  }
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-header {
  height: 47px;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .input-wrap input[type="text"] {
  width: 100%;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .period-wrap dt {
  height: 42px;
  line-height: 43px;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .period-wrap .date-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .period-wrap .date-wrap input[type="text"] {
  width: 46%;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .date-wrap + .sub {
  display: block;
  font-size: 13px;
  color: #999999;
  text-decoration: underline;
  margin-top: 10px;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .button-wrap {
  margin-top: 20px;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .button-wrap .btn {
  width: 100%;
}

.trp.popupfixed-wrap.popup_search_mobile .pop-panel .pop-body .search-detail-inner .popup-align.mode-md .pop-panel .section {
  padding-top: 20px;
}

.trp.popupfixed-wrap.myacademy_pay-popup .popup-align.mode-md .popup-layer {
  width: 620px;
}

.trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap {
  border-top: 1px solid #999999;
}

.trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap dl {
  border-bottom: 1px solid #ccc;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap dl dt, .trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap dl dd {
  font-weight: 600;
}

.trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap .total-wrap {
  background-color: #f6f6f6;
}

.trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap .total-wrap dd {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
}

.trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap .total-wrap .pay-amount {
  color: #db1b1b;
}

.trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap .total-wrap .pay-method {
  color: #777777;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.myacademy_pay-popup .popup-align.mode-md .popup-layer {
    width: 100%;
  }

  .trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap dl {
    border-bottom: 0;
    padding: 15px;
  }

  .trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap .total-wrap {
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
  }

  .trp.popupfixed-wrap.myacademy_pay-popup .academy-pay-wrap .total-wrap .pay-method {
    font-weight: 500;
  }
}

.trp.popupfixed-wrap.online_confirm-popup .form-area .form_label {
  border-top: 1px solid #999;
  padding-top: 20px;
  margin-top: 20px;
}

.trp.popupfixed-wrap.online_confirm-popup .form-area .form_label .mem_txt {
  font-size: 20px;
  color: #333333;
  font-weight: 700;
}

.trp.popupfixed-wrap.online_confirm-popup .form-area .form_label i {
  color: #db1b1b;
}

.trp.popupfixed-wrap.online_confirm-popup .form-area .form_body {
  margin-top: 15px;
}

.trp.popupfixed-wrap.online_confirm-popup .form-area .form_body .input-group .btn {
  border-left: 0px;
}

.trp.popupfixed-wrap.online_confirm-popup .form-area .form_body .re-check {
  margin-top: 12px;
}

.trp.popupfixed-wrap.online_confirm-popup .form-area .form_body .re-check .error_text {
  margin-top: 5px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area {
  margin-top: 25px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .header-area label {
  font-size: 20px;
  font-weight: 400;
  color: #111;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .header-area label span {
  color: #21a099;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  padding-left: 0.7em;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li em {
  color: #21a099;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li.point_item {
  color: #21a099;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li label {
  line-height: 28px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li label em span:lang(ko) {
  text-decoration: underline;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li + li:lang(ko) {
  margin-top: 0px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area.check_item li + li {
  margin-top: 10px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area {
  margin-top: 15px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area p {
  position: relative;
  padding-left: 12px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area p:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: #888;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area p em {
  color: #333333;
  font-weight: 700;
}

.trp.popupfixed-wrap.online_confirm-popup .btn-area a {
  width: 170px;
  margin-top: 35px;
  margin-right: 7px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.online_confirm-popup .form-area .form_label {
    padding-top: 20px;
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .form-area .form_label .mem_txt {
    font-size: 15px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .form-area .form_body {
    margin-top: 10px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .form-area .form_body .re-check {
    margin-top: 10px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area {
    margin-top: 15px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .header-area .accordion_name {
    padding-left: 15px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .header-area label {
    font-size: 15px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area:lang(ko) {
    padding: 20px 15px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-header .policy_cont {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area:lang(ko) {
    height: 100%;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li {
    font-size: 14px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li::after {
    top: 9px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li label {
    line-height: 22px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li + li:lang(ko) {
    margin-top: 0px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area.check_item:lang(ko) {
    height: 100%;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area.check_item li + li {
    margin-top: 10px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area {
    margin-top: 12px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area p {
    padding-left: 8px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area p:after {
    top: 8px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .btn-area .tac :last-child {
    margin-right: 0px;
  }

  .trp.popupfixed-wrap.online_confirm-popup .btn-area .tac a {
    width: 48%;
    margin-top: 25px;
    margin-right: 5px;
  }
}

.trp.popupfixed-wrap.member_drop-popup .title_text {
  text-align: center;
  margin-top: 50px;
}

.trp.popupfixed-wrap.member_drop-popup .title_text span {
  font-weight: 600;
  color: #333333;
}

.trp.popupfixed-wrap.member_drop-popup .search-group_btn {
  margin-bottom: 20px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.member_drop-popup .title_text {
    margin-top: 20px;
  }

  .trp.popupfixed-wrap.member_drop-popup .title_text span {
    font-size: 15px;
  }

  .trp.popupfixed-wrap.member_drop-popup .search-group_btn {
    margin: 15px 0 -10px;
  }
}

/* 팝업 */
/* 로그인 */
.type_panel-login {
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 80px 93px;
 /* 로그인에러 */;
}

.type_panel-login .panel-body .title {
  text-align: center;
}

.type_panel-login .panel-body .title .tt2 {
  color: #111111;
}

.type_panel-login .id_pw_wrap {
  margin-top: 35px;
}

.type_panel-login .id_pw_wrap input {
  height: 54px;
}

.type_panel-login .id_pw_wrap .pw_box {
  margin-top: 20px;
}

.type_panel-login .checkbox_wrap {
  margin-top: 20px;
}

.type_panel-login .login_btn {
  margin-top: 30px;
}

.type_panel-login .login_btn .btn {
  width: 100%;
}

.type_panel-login .login-find {
  margin-top: 30px;
}

.type_panel-login .login-find ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.type_panel-login .login-find ul li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.type_panel-login .login-find ul li + li {
  margin-left: 15px;
  padding-left: 15px;
}

.type_panel-login .login-find ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 18px;
  background-color: #ccc;
}

.type_panel-login .login-find .tt6 {
  color: #333333;
}

.type_panel-login .sns_set {
  border-top: 1px solid #ccc;
  margin-top: 50px;
  padding-top: 30px;
}

.type_panel-login .sns_set .title {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
}

.type_panel-login .sns_set .title span {
  margin-left: 5px;
}

.type_panel-login .sns_set .sns_icon_wrap {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.type_panel-login .sns_set .sns_icon_wrap ul {
  display: flex;
  justify-content: center;
}

.type_panel-login .sns_set .sns_icon_wrap ul li {
  position: relative;
  padding: 0 18px;
}

.type_panel-login .sns_set .sns_icon_wrap .sns_latest_wrap {
  position: absolute;
  bottom: -42px;
  left: 50%;
  margin-left: -46px;
}

.type_panel-login .error_wrap {
  background-color: #f6f6f6;
  padding: 20px;
  margin-top: 30px;
}

.type_panel-login .error_wrap p {
  font-size: 16px;
  line-height: 1.7;
  color: #db1b1b;
}

@media all and (max-width: 1023px) {
 /* 로그인 */
  .type_panel-login {
    padding: 15px 0 60px;
 /* 로그인에러 */;
  }

  .type_panel-login .id_pw_wrap {
    margin-top: 25px;
  }

  .type_panel-login .id_pw_wrap .pw_box {
    margin-top: 14px;
  }

  .type_panel-login .checkbox_wrap {
    margin-top: 14px;
  }

  .type_panel-login .login_btn {
    margin-top: 18px;
  }

  .type_panel-login .login-find {
    margin-top: 25px;
  }

  .type_panel-login .login-find ul li + li {
    margin-left: 12px;
    padding-left: 12px;
  }

  .type_panel-login .login-find ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 11px;
    background-color: #ccc;
  }

  .type_panel-login .sns_set {
    border-top: 0px;
    margin-top: 50px;
    padding-top: 0px;
  }

  .type_panel-login .sns_set .title {
    font-size: 17px;
  }

  .type_panel-login .sns_set .title span {
    margin-left: 3px;
  }

  .type_panel-login .sns_set .sns_icon_wrap {
    margin-top: 18px;
  }

  .type_panel-login .sns_set .sns_icon_wrap ul li {
    padding: 0 10px;
  }

  .type_panel-login .sns_set .sns_icon_wrap .sns_latest_wrap {
    bottom: -32px;
    left: 50%;
    margin-left: -40px;
  }

  .type_panel-login .sns_set .sns_icon_wrap .sns_latest_wrap img {
    width: 81px;
    height: 35px;
    max-width: none;
    max-height: none;
  }

  .type_panel-login .error_wrap {
    margin-top: 15px;
  }

  .type_panel-login .error_wrap p {
    font-size: 13px;
    line-height: 1.7;
    color: #db1b1b;
  }
}

/* 아이디찾기 */
.type_panel-searchid {
  max-width: 620px;
  margin: 0 auto;
  padding: 40px 80px 100px;
}

.type_panel-searchid .panel-header {
  padding-top: 0;
}

.type_panel-searchid .panel-header .title {
  text-align: center;
}

.type_panel-searchid .panel-header .title p {
  color: #111111;
  font-size: 34px;
  font-weight: 700;
}

.type_panel-searchid .panel-body .txt_wrap {
  color: #333333;
  padding: 15px 0 35px;
  border-bottom: 1px solid #ccc;
}

.type_panel-searchid .panel-body .txt_wrap .mark_dot-list li {
  padding-left: 0.6em;
}

.type_panel-searchid .panel-body .txt_wrap li + li {
  margin-top: 10px;
}

.type_panel-searchid .panel-body .txt_wrap strong {
  font-weight: 700;
}

.type_panel-searchid .panel-body .txt_wrap em {
  color: #21a099;
  font-weight: 700;
}

.type_panel-searchid .panel-body .radio_wrap {
  padding-left: 20px;
  margin-top: 35px;
}

.type_panel-searchid .panel-body .info_wrap {
  padding: 30px 20px 40px;
  border-bottom: 1px solid #ccc;
}

.type_panel-searchid .panel-body .info_wrap dl + dl {
  margin-top: 10px;
}

.type_panel-searchid .panel-body .info_wrap dl {
  position: relative;
  display: flex;
  align-items: center;
}

.type_panel-searchid .panel-body .info_wrap dl dt {
  width: 120px;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

.type_panel-searchid .panel-body .info_wrap dl dd {
  width: calc(100% - 120px);
}

.type_panel-searchid .panel-body .search_btn {
  margin-top: 30px;
}

.type_panel-searchid .panel-body .search_btn .btn_set-float a {
  min-width: 170px;
}

.type_panel-searchid .panel-bottom .info_box {
  background-color: #f6f6f6;
  padding: 30px;
  margin-top: 40px;
}

.type_panel-searchid .panel-bottom .info_box strong {
  font-size: 18px;
  color: #333333;
  font-weight: 700;
}

.type_panel-searchid .panel-bottom .info_box ul {
  color: #777777;
  margin-top: 10px;
}

.type_panel-searchid .panel-bottom .info_box ul li {
  padding-left: 0.8em;
}

.type_panel-searchid .panel-bottom .info_box ul li::after {
  background: #777777;
}

.type_panel-searchid .panel-bottom .info_box ul li a.tel {
  margin-left: 0;
}

.type_panel-searchid .panel-bottom .info_box ul li a {
  display: inline-block;
  text-decoration: underline;
  margin-left: 20px;
}

.type_panel-searchid .panel-bottom .info_box .info_txt {
  color: #777777;
  padding-left: 13px;
  margin-top: 3px;
}

.type_panel-searchid .panel-bottom .info_box .btn_set {
  height: 43px;
  padding-left: 13px;
  margin-top: 18px;
}

.type_panel-searchid .panel-bottom .info_box .btn_set span {
  line-height: 30px;
  color: #555555;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
 /* 아이디찾기 */
  .type_panel-searchid {
    padding: 15px 0 60px;
  }

  .type_panel-searchid .panel-header {
    padding-bottom: 0;
  }

  .type_panel-searchid .panel-header .title p {
    font-size: 22px;
  }

  .type_panel-searchid .panel-body .txt_wrap {
    padding: 30px 0 30px;
  }

  .type_panel-searchid .panel-body .txt_wrap .mark_dot-list li:after {
    top: 7px;
  }

  .type_panel-searchid .panel-body .txt_wrap li + li {
    margin-top: 5px;
  }

  .type_panel-searchid .panel-body .radio_wrap {
    padding-left: 10px;
    margin-top: 25px;
  }

  .type_panel-searchid .panel-body .info_wrap {
    padding: 20px 10px 25px;
  }

  .type_panel-searchid .panel-body .info_wrap dl + dl {
    margin-top: 15px;
  }

  .type_panel-searchid .panel-body .info_wrap dl {
    position: relative;
    flex-direction: column;
    align-items: inherit;
  }

  .type_panel-searchid .panel-body .info_wrap dl dt {
    width: 100%;
    font-size: 15px;
  }

  .type_panel-searchid .panel-body .info_wrap dl dd {
    width: 100%;
    margin-top: 7px;
  }

  .type_panel-searchid .panel-body .search_btn {
    margin-top: 30px;
    width: 100%;
  }

  .type_panel-searchid .panel-body .search_btn .btn_set-float a {
    width: 100%;
  }

  .type_panel-searchid .panel-bottom .info_box {
    padding: 20px 15px;
    margin-top: 35px;
  }

  .type_panel-searchid .panel-bottom .info_box strong {
    font-size: 15px;
  }

  .type_panel-searchid .panel-bottom .info_box ul {
    margin-top: 7px;
  }

  .type_panel-searchid .panel-bottom .info_box ul li {
    padding-left: 0.6em;
  }

  .type_panel-searchid .panel-bottom .info_box ul li::after {
    top: 7px;
  }

  .type_panel-searchid .panel-bottom .info_box ul li a {
    margin-left: 10px;
  }

  .type_panel-searchid .panel-bottom .info_box .info_txt {
    margin-top: 3px;
    font-size: 13px;
    padding-left: 7px;
  }

  .type_panel-searchid .panel-bottom .info_box .btn_set {
    height: 32px;
    padding-left: 7px;
    margin: 15px 0 8px;
  }

  .type_panel-searchid .panel-bottom .info_box .btn_set span {
    line-height: 25px;
    font-size: 13px;
  }
}

.error {
  height: 100%;
}

.error .error-inner {
  padding: 174px 0;
}

.error .etc_page-article .article-header {
  text-align: center;
}

.error .etc_page-article .article-body {
  text-align: center;
  margin-top: 45px;
}

.error .etc_page-article .article-footer {
  text-align: center;
  margin-top: 50px;
}

.error .etc_page-article .article-footer .btn {
  width: 180px;
}

@media all and (max-width: 1023px) {
  .error .error-inner {
    padding: 85px 25px;
  }

  .error .etc_page-article .article-body {
    text-align: center;
    margin-top: 20px;
  }

  .error .etc_page-article .article-footer {
    text-align: center;
    margin-top: 35px;
  }

  .error .etc_page-article .article-footer .btn {
    width: 160px;
  }
}

.error .img-box {
  text-align: center;
}

.error .img-box img {
  display: inline-block;
}

.error .title {
  font-size: 32px;
  color: #333333;
  font-weight: 700;
}

.error .desc {
  margin: 10px auto 0;
  font-size: 20px;
  color: #555555;
  font-weight: 500;
  line-height: 1.78;
}

.error .alert-box {
  margin: 0 auto;
  margin-top: 30px;
  padding-top: 30px;
  width: 100%;
  max-width: 500px;
  border-top: 1px solid #ededed;
}

.error .alert-box p + p {
  margin-top: 15px;
}

.error .alert-box p {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

.error .alert-box p em {
  color: #21a099;
}

@media all and (max-width: 1023px) {
  .error .img-box {
    text-align: center;
  }

  .error .img-box img {
    display: inline-block;
    width: 150px;
  }

  .error .title {
    font-size: 22px;
  }

  .error .desc {
    margin: 10px auto 0;
    font-size: 15px;
    line-height: 1.5;
  }

  .error .alert-box {
    margin: 0 auto;
    margin-top: 20px;
    padding-top: 20px;
  }

  .error .alert-box p + p {
    margin-top: 10px;
  }

  .error .alert-box p {
    font-size: 14px;
  }
}

/* =====================  loading =====================*/
.page_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.page_loading .center_teable {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.page_loading .center_center {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.page_loading .center_center .img {
  display: inline-block;
  background-color: transparent;
}

/* =============================== 섹션 이름  */
.basis-section {
 /* XXXX */;
}

.basis-section.XXXXXXXX-section {
  margin-top: 100px;
}

@media all and (max-width: 1023px) {
  .basis-section.XXXXXXXX-section {
    margin-top: 30px;
  }
}

/* =============================== 페널이름 */
.content-panel {
 /* XXXXX */;
}

/* 푸터 페이지 */
/* 섹션 이름  (언론보도, 채용공고, 공지사항)*/
.basis-section {
 /* 게시판 섹션 */ /* 문의하기 */;
}

.basis-section.bbs-section {
  margin-top: 100px;
 /* 공지사항 게시판 섹션 수정 */ /* 게시판 탑 */ /* 게시판 테이블 */ /* 페이징 */ /* 상세보기 공통 */ /* 공지사항 리스트 */ /* 공지사항 상세보기 */ /* 채용공고 상세보기 */ /* 채용공고 지원하기 */;
}

.basis-section.bbs-section.bbs-media-section {
  margin-top: 0;
}

.basis-section.bbs-section.bbs-media-section .panel-header {
  padding-top: 0;
  padding-bottom: 80px;
}

.basis-section.bbs-section .bbs-top {
  display: flex;
  justify-content: space-between;
}

.basis-section.bbs-section .bbs-top .bbs_count-area {
  font-weight: 600;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
}

.basis-section.bbs-section .bbs-top .bbs_count-area .point {
  color: #21a099;
}

.basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-slctbox {
  width: 150px;
}

.basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box {
  display: flex;
  border: 1px solid #B2B2B2;
}

.basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box input {
  width: calc(100% - 38px);
  height: 40px;
  border: 0;
}

.basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box input::placeholder {
  font-size: 16px;
}

.basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box .bbs_search-btn {
  width: 38px;
  height: 40px;
  background: url("https://seoulauction.com/images/mobile/icon/ic_search_black_24.svg") no-repeat center center/21px 21px;
  cursor: pointer;
  padding: 0;
  font-size: 0;
}

.basis-section.bbs-section .table-wrap {
  margin-top: 25px;
}

.basis-section.bbs-section .table-wrap .data-empty {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #ccc;
  padding: 300px 0;
  font-size: 18px;
  color: #555555;
  line-height: 1;
}

.basis-section.bbs-section .table-wrap .data-empty .txt_empty {
  font-weight: 500;
}

.basis-section.bbs-section .data-table {
  width: 100%;
 /* 언론보도 게시판 테이블 */ /* 채용공고 게시판 테이블 */ /* 공지사항 게시판 테이블 */;
}

.basis-section.bbs-section .data-table thead {
  display: none;
}

.basis-section.bbs-section .data-table tr {
  border-bottom: 1px solid #ccc;
}

.basis-section.bbs-section .data-table th, .basis-section.bbs-section .data-table td {
  height: auto;
}

.basis-section.bbs-section .data-table td {
  padding: 50px 30px;
  color: #555555;
  border: 0;
}

.basis-section.bbs-section .data-table .bbs-subject {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.basis-section.bbs-section .data-table .bbs-subject .txt-area {
  display: inline;
}

.basis-section.bbs-section .data-table .bbs-subject .icon-area {
  display: inline;
  vertical-align: 3px;
  margin-right: 10px;
}

@media all and (max-width: 1023px) {
  .basis-section.bbs-section .data-table .bbs-subject .icon-area {
    vertical-align: 1px;
    margin-right: 5px
  }
}

.basis-section.bbs-section .data-table .bbs-subject .tit, .basis-section.bbs-section .data-table .bbs-subject span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #111111;
}

.basis-section.bbs-section .data-table .bbs-subject span.bbs-ico:lang(ko) {
  display: inline;
  overflow: auto;

}
.basis-section.bbs-section .data-table .bbs-media, .basis-section.bbs-section .data-table .bbs-date {
  font-size: 18px;
  white-space: pre-line;
  font-weight: 500;
}

.basis-section.bbs-section .data-table .bbs-date {
  width: 180px;
}

.basis-section.bbs-section .data-table .icon_down {
  margin-left: 40px;
  vertical-align: text-top;
}

.basis-section.bbs-section .data-table.bbs-table1 td {
  padding: 40px 30px;
}

.basis-section.bbs-section .data-table.bbs-table1 .bbs-subject .bbs-media {
  display: block;
  margin-bottom: 8px;
  color: #555555;
}

.basis-section.bbs-section .data-table.bbs-table1 .bbs-subject .tit {
  color: #111111;
}

.basis-section.bbs-section .data-table.bbs-table2 td {
  padding: 40px 30px;
  height: auto;
}

.basis-section.bbs-section .data-table.bbs-table2 .bbs-date.long {
  width: 300px;
  white-space: nowrap;
}

.basis-section.bbs-section .data-table.bbs-table2 .bbs-subject {
  display: flex;
  flex-direction: column;
}

.basis-section.bbs-section .data-table.bbs-table2 .bbs-subject span, .basis-section.bbs-section .data-table.bbs-table2 .bbs-subject a {
  vertical-align: middle;
}

.basis-section.bbs-section .data-table.bbs-table2 .icon-wrap {
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.basis-section.bbs-section .data-table.bbs-table2 .icon-wrap + .tit {
  margin-top: 10px;
}

.basis-section.bbs-section .data-table.bbs-table2 .mem-icon {
  width: 55px;
  height: 22px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border: 1px solid;
}

.basis-section.bbs-section .data-table.bbs-table2 .mem-icon.icon-new {
  border-color: #3e9ccc;
  color: #3e9ccc;
}

.basis-section.bbs-section .data-table.bbs-table2 .mem-icon.icon-senior {
  border-color: #21a099;
  color: #21a099;
}

.basis-section.bbs-section .data-table.bbs-table2 .mem-icon.icon-recruiting {
  border-color: #333333;
  background-color: #333333;
  color: #fff;
}

.basis-section.bbs-section .data-table.bbs-table2 .mem-icon + .mem-icon {
  margin-left: 10px;
}

.basis-section.bbs-section .data-table.bbs-table3 .bbs-division {
  width: 120px;
}

.basis-section.bbs-section .data-table.bbs-table3 .bbs-subject {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basis-section.bbs-section .data-table.bbs-table3 .bbs-subject .tit {
  width: calc(100% - 30px);
}

.basis-section.bbs-section .data-table.bbs-table3 .bbs-subject .icon_down {
  width: 30px;
}

.basis-section.bbs-section .paging-area {
  margin-top: 50px;
}

.basis-section.bbs-section .view-header {
  border-top: 1px solid #999999;
  background-color: #f6f6f6;
  padding: 25px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.basis-section.bbs-section .view-header > .title-area .title {
  font-size: 24px;
  font-weight: 700;
  color: #111111;
  line-height: 1.36;
}

.basis-section.bbs-section .view-header > .title-area .desc {
  margin-top: 0;
  font-size: 18px;
  color: #555555;
}

.basis-section.bbs-section .view-header > .date-area {
  font-size: 18px;
  font-weight: 700;
}

.basis-section.bbs-section .view-header + .file-area {
  padding: 25px 40px;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1.5;
}

.basis-section.bbs-section .view-header + .file-area .file-item {
  display: inline-block;
  cursor: pointer;
}

.basis-section.bbs-section .view-header + .file-area .file-item a > i {
  vertical-align: sub;
}

.basis-section.bbs-section .view-header + .file-area .file-item a > i + span {
  margin-left: 5px;
}

.basis-section.bbs-section .view-body {
  margin-top: 60px;
  padding: 0 40px;
}

.basis-section.bbs-section .view-body .view_editor-wrap {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 60px;
  word-break: break-word;
  word-wrap: break-word;
  max-width: 100%;
}

.basis-section.bbs-section .view-body #notice_content.view_editor-wrap{
  font-size: inherit;
  line-height: 160%;
}


.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h1,
.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h2,
.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h3,
.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h4,
.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h5,
.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h6{
  font-weight: 700;
  color: #222;
  line-height: 160%;
}

.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h1 {
  font-size: 24px;
}

.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h2 {
  font-size: 22px;
}

.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h3 {
  font-size: 20px;
}

.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h4 {
  font-size: 18px;
}
.basis-section.bbs-section .view-body #notice_content.view_editor-wrap h5 {
  font-size: 16px
}




.basis-section.bbs-section .view-footer {
  border-top: 1px solid #ccc;
}

.basis-section.bbs-section .view-footer .button-area {
  padding: 0;
  margin-top: 60px;
}

.basis-section.bbs-section .type_panel-notice .bbs-top .bbs_search-area {
  display: block;
}

.basis-section.bbs-section .type_panel-notice .bbs-top .bbs_search-area .bbs_search-box {
  margin-left: 0;
}

.basis-section.bbs-section .type_panel-notice_view .panel-header {
  padding: 0;
}

.basis-section.bbs-section .type_panel-notice_view .panel-header .view-header {
  padding: 30px 40px;
  min-height: 120px;
}

.basis-section.bbs-section .type_panel-notice_view .panel-header .view-header > .date-area {
  position: relative;
}

.basis-section.bbs-section .type_panel-notice_view .panel-header .view-header > .date-area::before {
  display: block;
  content: "";
  position: absolute;
  width: 1px;
  height: 60px;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ccc;
}

@media all and (max-width: 1023px) {
  .basis-section.bbs-section .type_panel-notice_view .panel-header .view-header {
    padding: 25px 20px;
    min-height: auto;
  }

  .basis-section.bbs-section .type_panel-notice_view .panel-header .view-header > .date-area::before {
    display: none;
  }
}

.basis-section.bbs-section .type_panel-incruit_view .panel-header {
  padding: 0;
}

.basis-section.bbs-section .type_panel-incruit_view .incruit_view-header .title-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.basis-section.bbs-section .type_panel-incruit_view .incruit_view-header .button-area .btn {
  width: 170px;
}

.basis-section.bbs-section .type_panel-incruit_view .incruit_view-header .button-area .btn + .btn {
  margin-left: 5px;
}

.basis-section.bbs-section .type_panel-incruit_view .incruit_view-header .button-area .btn span + i {
  width: auto;
}

.basis-section.bbs-section .type_panel-board .panel-header {
  padding: 0 0 10px;
}

.basis-section.bbs-section .type_panel-board .panel-header .desc .tb1 {
  line-height: inherit;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table {
  border-top: 1px solid #999999;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table th {
  width: 165px;
  font-size: 20px;
  background: none;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table input[type="text"], .basis-section.bbs-section .type_panel-board .incruit_apply-table input[type="email"] {
  width: 455px;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table .file-btn {
  width: 170px;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table .mark_list-wrap {
  margin-top: 10px;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box {
  width: 170px;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box label.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box .trp-Filetext {
  width: calc( 100% - 120px);
  height: 48px;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #B2B2B2;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 110px;
  height: 48px;
 /* background:#757575; color:#fff; font-size:16px; font-weight: 300; */
  -webkit-appearance: none;
  -moz-appearance: none;
}

.basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box .trp-Filehidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

@media all and (max-width: 1023px) {
  .basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box .trp-Filetext {
    font-size: 14px;
    padding: 5px 15px 5px;
    line-height: 22px;
    height: 43px;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box .btn {
    font-size: 14px;
    height: 43px;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table .trp.file-box .trp-Filehidden {
    height: 43px;
  }
}

.basis-section.bbs-section .type_panel-board .table-wrap.policy {
  margin-top: 80px;
}

.basis-section.bbs-section .type_panel-board .table-wrap.policy .trp.checkbox-box label {
  font-size: 20px;
  font-weight: 600;
}

.basis-section.bbs-section .type_panel-board .table-wrap.policy .accordion-list > li .header-area .accordion_name {
  padding: 18px 20px;
}

.basis-section.bbs-section .type_panel-board .table-wrap.policy .accordion-list > li .con-area {
  display: block;
}

.basis-section.bbs-section .type_panel-board .table-wrap.policy ol.mark_num-list li {
  list-style: decimal;
  margin-left: 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.basis-section.bbs-section .type_panel-board .table-wrap.policy ol.mark_num-list li + li {
  margin-top: 1rem;
}

.basis-section.bbs-section .type_panel-board .button-area {
  margin-top: 80px;
}

.basis-section.bbs-section .type_panel-board .button-area .btn + .btn {
  margin-left: 5px;
}

.basis-section.bbs-section + .last-section {
  margin-top: 100px;
}

.basis-section.bbs-section + .last-section .content-panel > .panel-header {
  padding: 0;
}

@media all and (max-width: 1023px) {
  .basis-section {
 /* 문의하기 섹션*/;
  }

  .basis-section.bbs-section {
    margin-top: 40px;
 /* 공지사항 게시판 섹션 수정 */ /* 게시판 탑 */ /* 게시판 테이블 */ /* 페이징 */ /* 상세보기 공통 */ /* 채용공고 상세보기 */ /* 채용공고 지원하기 */ /* 공지사항 상세보기 */;
  }

  .basis-section.bbs-section.bbs-media-section {
    padding: 0;
  }

  .basis-section.bbs-section.bbs-media-section .panel-header {
    padding: 0 0 40px 0;
  }

  .basis-section.bbs-section.bbs-media-section .panel-body {
    padding: 0 25px;
  }

  .basis-section.bbs-section .bbs-top {
    display: flex;
    flex-direction: column-reverse;
  }

  .basis-section.bbs-section .bbs-top .bbs_count-area {
    width: auto;
    font-size: 14px;
    margin-top: 10px;
  }

  .basis-section.bbs-section .bbs-top .bbs_search-area {
    width: auto;
  }

  .basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-slctbox select {
    font-size: 14px;
    padding-left: 10px;
  }

  .basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box {
    width: auto;
  }

  .basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box input {
    font-size: 14px;
    height: 41px;
    padding: 5px 0 5px 15px;
  }

  .basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box input::placeholder {
    font-size: 14px;
  }

  .basis-section.bbs-section .bbs-top .bbs_search-area .bbs_search-box .bbs_search-btn {
    height: 41px;
  }

  .basis-section.bbs-section .bbs-top + .table-wrap {
    margin-top: 0;
  }

  .basis-section.bbs-section .table-wrap .data-empty {
    padding: 150px 0;
    font-size: 13px;
  }

  .basis-section.bbs-section .bbs-table {
 /* 언론보도 게시판 테이블 수정 */ /* 채용공고 게시판 테이블 */ /* 공지사항 게시판 테이블 */;
  }

  .basis-section.bbs-section .bbs-table th, .basis-section.bbs-section .bbs-table td {
    height: auto;
  }

  .basis-section.bbs-section .bbs-table tr {
    display: block;
    position: relative;
    padding: 25px 0;
  }

  .basis-section.bbs-section .bbs-table td {
    padding: 0;
  }

  .basis-section.bbs-section .bbs-table .bbs-media {
    text-align: left;
    width: auto;
    font-size: 13px;
  }

  .basis-section.bbs-section .bbs-table .bbs-date {
    width: auto;
    font-size: 14px;
    text-align: left;
    display: block;
    margin-top: 8px;
  }

  .basis-section.bbs-section .bbs-table .bbs-subject {
    font-size: 17px;
    line-height: 1.3;
    display: block;
  }

  .basis-section.bbs-section .bbs-table.bbs-table1 td {
    padding: 0;
  }

  .basis-section.bbs-section .bbs-table.bbs-table1 .bbs-subject .tit {
    font-size: 17px;
    line-height: 1.5;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 tr {
    display: flex;
    flex-direction: column-reverse;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 td {
    padding: 0;
    height: auto;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 .bbs-subject {
    order: 1;
    align-items: baseline;
    padding-top: 0;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 .bbs-date.long {
    text-align: left;
    margin-top: 7px;
    position: static;
    width: auto;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 .icon-wrap {
    margin-left: 0;
    margin-bottom: 7px;
    display: block;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 .icon-wrap + .tit {
    margin-top: 0;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 .mem-icon {
    display: inline-block;
    width: 36px;
    height: 15px;
    line-height: 13px;
    font-size: 11px;
  }

  .basis-section.bbs-section .bbs-table.bbs-table2 .mem-icon + .mem-icon {
    margin: 0;
  }

  .basis-section.bbs-section .bbs-table.bbs-table3 tr {
    display: flex;
    flex-direction: column;
  }

  .basis-section.bbs-section .bbs-table.bbs-table3 .bbs-subject {
    margin-top: 8px;
  }

  .basis-section.bbs-section .bbs-table.bbs-table3 .bbs-division {
    width: auto;
    text-align: left;
  }

  .basis-section.bbs-section .paging-area {
    margin-top: 30px;
  }

  .basis-section.bbs-section .view-header {
    flex-direction: column;
    padding: 25px 20px;
  }

  .basis-section.bbs-section .view-header > .title-area {
    width: 100%;
  }

  .basis-section.bbs-section .view-header > .title-area .title {
    font-size: 17px;
  }

  .basis-section.bbs-section .view-header > .title-area .desc {
    font-size: 14px;
  }

  .basis-section.bbs-section .view-header > .title-area + .date-area {
    width: 100%;
    padding-top: 5px;
    font-size: 13px;
  }

  .basis-section.bbs-section .view-header + .file-area {
    padding: 20px;
    font-size: 14px;
  }

  .basis-section.bbs-section .view-body {
    margin-top: 25px;
    padding: 0 20px;
  }

  .basis-section.bbs-section .view-body .view_editor-wrap {
    font-size: 14px;
    padding-bottom: 25px;
  }

  .basis-section.bbs-section .view-footer .button-area {
    margin-top: 30px;
  }

  .basis-section.bbs-section .view-footer .button-area .btn {
    width: 160px;
  }

  .basis-section.bbs-section .type_panel-incruit_view {
    margin-top: 40px;
  }

  .basis-section.bbs-section .type_panel-incruit_view .incruit_view-header {
    padding: 25px 20px;
  }

  .basis-section.bbs-section .type_panel-incruit_view .incruit_view-header .button-area {
    width: 100%;
    margin-top: 20px;
  }

  .basis-section.bbs-section .type_panel-incruit_view .incruit_view-header .button-area .btn {
    width: calc(50% - 5px);
  }

  .basis-section.bbs-section .type_panel-incruit_view .incruit_view-header .button-area .btn + .btn {
    margin-left: 5px;
  }

  .basis-section.bbs-section .type_panel-board .panel-header {
    padding-bottom: 0;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table {
    border-bottom: 1px solid #ccc;
    display: block;
    margin-top: 0;
    padding-bottom: 25px;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table tr {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table th, .basis-section.bbs-section .type_panel-board .incruit_apply-table td {
    width: 100%;
    height: auto;
    border: 0;
    padding: 0;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table th {
    padding-top: 20px;
    font-size: 15px;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table td {
    padding-top: 5px;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table input[type="text"], .basis-section.bbs-section .type_panel-board .incruit_apply-table input[type="email"] {
    width: 100%;
  }

  .basis-section.bbs-section .type_panel-board .incruit_apply-table .file-btn {
    width: 160px;
  }

  .basis-section.bbs-section .type_panel-board .table-wrap.policy {
    margin-top: 45px;
  }

  .basis-section.bbs-section .type_panel-board .table-wrap.policy .trp.checkbox-box label {
    font-size: 15px;
  }

  .basis-section.bbs-section .type_panel-board .table-wrap.policy ol.mark_num-list li {
    font-size: 14px;
    line-height: 1.5;
  }

  .basis-section.bbs-section .type_panel-board .button-area {
    margin-top: 30px;
  }

  .basis-section.bbs-section .type_panel-board .button-area .btn.btn_lg {
    width: calc(50% - 5px);
  }

  .basis-section.bbs-section .type_panel-board .button-area .btn.btn_lg + .btn.btn_lg {
    margin-left: 5px;
  }

  .basis-section.bbs-section + .last-section {
    margin-top: 50px;
  }
}

/* =============================== footer */
.content-panel {
 /* 위치안내 */;
}

.content-panel.type_panel-location .location_list_wrap {
  width: calc( 100% + 52px);
  margin-left: -26px;
}

.content-panel.type_panel-location .location_list_wrap .location_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -52px;
}

.content-panel.type_panel-location .location_list_wrap .location_list > li {
  width: 50%;
  margin-top: 52px;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner {
  margin: 0 26px;
  border: 1px solid #ccc;
  height: 100%;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info {
  padding: 38px;
  position: relative;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dt {
  color: #333;
  margin-bottom: 25px;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li {
  color: #555;
  padding-left: 110px;
  position: relative;
  font-weight: 400;
}
.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li:lang(en) {
  color: #555;
  padding-left: 140px;
  position: relative;
  font-weight: 400;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li b {
  color: #333;
  font-weight: 500;
  width: 110px;
  position: absolute;
  left: 0;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li b:lang(en) {
  color: #333;
  font-weight: 500;
  width: 132px;
  position: absolute;
  left: 0;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info .btn_wrap {
  position: absolute;
  right: 38px;
  top: 28px;
}

.content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info .btn_wrap .btn {
  width: 140px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-location .location_list_wrap {
    width: 100%;
    margin-left: 0;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list {
    margin-top: -10px;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list > li {
    width: 100%;
    margin-top: 30px;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner {
    margin: 0;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .img img {
    width: 100%;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info {
    padding: 25px 20px 20px;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dt {
    margin-bottom: 20px;
  }
  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li:lang(en) {
    padding-left: 110px;
    margin: 0 5px;
  }
  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li {
    padding-left: 75px;
    margin: 0 5px;
  }
  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li b:lang(en) {
    width: 102px;
  }
  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info dl dd ul li b {
    width: 75px;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info .btn_wrap {
    right: 20px;
    top: 20px;
  }

  .content-panel.type_panel-location .location_list_wrap .location_list .list_inner .location_info .btn_wrap .btn {
    width: 115px;
  }
}

.content-panel.type_panel-faq .faq-area {
  margin-top: 100px;
}

.content-panel.type_panel-faq .faq-area .tab-area {
  margin-bottom: 80px;
}

.content-panel.type_panel-faq .faq-area .accordion-list.faq .faq_cont .faq_img {
  margin-top: 30px;
}

.content-panel.type_panel-faq .faq-area .accordion-list.faq .faq_cont .btn_wrap {
  margin-top: 20px;
}

.content-panel.type_panel-faq .faq-area .accordion-list.faq .faq_cont .btn_wrap a {
  width: 170px;
}

.content-panel.type_panel-faq .faq-area .accordion-list.faq .faq_cont .btn_wrap a span {
  color: #555555;
}

/* 에디터 스타일 적용 start */
.faq_cont img {
  max-width: 100%;
}
.faq_cont table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  text-indent: initial;
}
.faq_cont tr,
.faq_cont td {
  border: 1px solid rgb(204, 204, 204);
}
.faq_cont ol{
  padding-inline-start: 40px;
}
.faq_cont li {
  list-style: auto;
}
.faq_cont ul {
  padding-inline-start: 40px;
}
.faq_cont ul li {
  list-style-type: disc;
}
.faq_cont em{
  font-style:italic;
}
.faq_cont strong{
  font-weight: 600;
}

.view_editor-wrap img {
  max-width: 100%;
}
.view_editor-wrap table {
  display: table;
  border-collapse: collapse;
  box-sizing: border-box;
  text-indent: initial;
}

.view_editor-wrap table th{
  background-color: #555;
  color: #fff;
}
.view_editor-wrap table th,
.view_editor-wrap table td{
  padding: 5px 14px 5px 12px;
}
.view_editor-wrap tr,
.view_editor-wrap td {
  border: 1px solid rgb(204, 204, 204);
}
.view_editor-wrap ol{
  padding-inline-start: 24px;
}
.view_editor-wrap li {
  list-style: auto;
}
.view_editor-wrap ul {
  padding-inline-start: 24px;
}
.view_editor-wrap ul li {
  list-style-type: disc;
}
.view_editor-wrap em{
  font-style:italic;
}
.view_editor-wrap strong{
  font-weight: 600;
}
/* 에디터 스타일 적용 end */

/* FAQ, notice 검색결과 없음 start */
.no-search-list-page{
  padding: 188px 0;
  display:flex;
  flex-direction: column;
  align-items: center;
}
.icon-area{
  margin-bottom:41px;
}
.alert-text-area{
  font-weight: 600;
  font-size: 24px;
  color: #333;
  line-height: .5;
  margin-bottom: 50px;
}
.alert-subtext-area{
  color:#555;
  font-size: 16px;
  line-height: 2.13;
  font-weight: normal;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* FAQ, notice 검색결과 없음 end  */

.word-break-by-word {
  text-overflow: ellipsis;
  word-break: break-word; /* 단어 단위로 줄바꿈 */
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-faq .faq-area {
    margin-top: 40px;
  }

  .content-panel.type_panel-faq .faq-area .tab-area {
    margin-bottom: 40px;
  }

  .content-panel.type_panel-faq .faq-area .accordion-list.faq .con-area .faq_img {
    margin-top: 15px;
  }

  .content-panel.type_panel-faq .faq-area .accordion-list.faq .con-area .btn_wrap {
    margin-top: 15px;
  }

  .content-panel.type_panel-faq .faq-area .accordion-list.faq .con-area .btn_wrap a {
    width: 160px;
  }

  .content-panel.type_panel-faq .faq-area .accordion-list.faq .con-area .btn_wrap a span {
    font-size: 13px;
  }
}

.content-panel.type_panel-inquiry .panel-body .form_table-list li.file_row .th, .content-panel.type_panel-inquiry .panel-body .form_table-list li.file_row .td {
  margin-top: 10px;
}
.content-panel.type_panel-inquiry .panel-body .form_table-list li .half {
  width: 455px !important;
}

.content-panel.type_panel-inquiry .panel-body .form_table-list li .trp.file-box {
  width: 170px;
  float: left;
}

.content-panel.type_panel-inquiry .panel-body .form_table-list li .trp.file-box .btn {
  border: 1px solid #ccc;
  background: #fff;
  color: #555555;
  font-weight: 600;
}

.content-panel.type_panel-inquiry .panel-body .form_table-list li .trp.file-box:hover .btn {
  background: #F0F0F0;
  border-color: #bdbdbd;
}

.content-panel.type_panel-inquiry .panel-body .form_table-list li .dot_list li {
  color: #777777;
}

.content-panel.type_panel-mypage_inquiry .form_table-list li.info_appraisal .dot_list li {
  font-size: 14px;
}

.content-panel.type_panel-inquiry .panel-footer {
  padding-top: 60px;
}

.content-panel.type_panel-inquiry .panel-footer .button-area .btn_set.btn_double {
  justify-content: center;
}

.content-panel.type_panel-inquiry .panel-footer .button-area .btn {
  width: 170px;
  margin: 0 4px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-inquiry .panel-body .form_table-list li.file_row .th, .content-panel.type_panel-inquiry .panel-body .form_table-list li.file_row .td {
    margin-top: 0;
  }

  .content-panel.type_panel-inquiry .panel-body .form_table-list li .half {
    width: 100% !important;
  }

  .content-panel.type_panel-inquiry .panel-body .form_table-list li .trp.file-box {
    width: 160px;
  }

  .content-panel.type_panel-inquiry .panel-footer {
    padding-top: 30px;
  }

  .content-panel.type_panel-inquiry .panel-footer .button-area .btn_set.btn_double {
    justify-content: space-between;
  }

  .content-panel.type_panel-inquiry .panel-footer .button-area .btn_set.btn_double .btn {
    width: calc(50% - 5px);
  }

  .content-panel.type_panel-inquiry .panel-footer .button-area .btn {
    width: 100%;
    margin: 0;
  }
}
.basis-section.introduce-section .seoul-tit {
  width: 972px;
  margin: 0 auto;
}
.basis-section.introduce-section .seoul-tit h4 {
  font-weight: 700;
  font-size: 40px;
  line-height: 68px;
  color: #111
}
.basis-section.introduce-section .seoul-tit p {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
  color: #777;
  margin: 24px 0 120px;
}
.basis-section.introduce-section .seoul-tit h4.is_pc {
  display: block;
}
.basis-section.introduce-section .seoul-tit h4.is_mb {
  display: none;
}
.basis-section.introduce-section .seoul-tit p.is_pc {
  display: block;
}
.basis-section.introduce-section .seoul-tit p.is_mb {
  display: none;
}
@media all and (max-width: 1023px) {
  .basis-section.introduce-section .seoul-tit {
    width: 100%;
  }
  .basis-section.introduce-section .seoul-tit h4.is_pc {
    display: none;
  }
  .basis-section.introduce-section .seoul-tit h4.is_mb {
    font-size: 30px;
    line-height: 1.4;
    display: block;
  }
  .basis-section.introduce-section .seoul-tit p.is_pc {
    display: none;
  }
  .basis-section.introduce-section .seoul-tit p.is_mb {
    font-size: 20px;
    display: block;
  }
}
/* 푸터 페이지 */
/* =============================== 섹션 이름  */
.basis-section {
 /* 약관 */;
}

.basis-section.terms-section {
  margin-top: 100px;
}

@media all and (max-width: 1023px) {
  .basis-section.terms-section {
    margin-top: 40px;
  }
}

.basis-section.privacy-section {
  margin-top: 40px;
  width: 100%;
}

.basis-section.rules-section {
  margin-top: 100px;
}

@media all and (max-width: 1023px) {
  .basis-section.rules-section {
    margin-top: 40px;
  }
}

.basis-section.type_tab-introduce {
  margin-top: 0;
}

.basis-section.introduce-section {
  margin-top: 100px;
}

@media all and (max-width: 1023px) {
  .basis-section.introduce-section {
    margin-top: 40px;
  }
}

/* =============================== 페널이름 */
.content-panel {
 /* 약관 */ /*  본문 내의 특수문자 ⑤ 는 pretendard variable 로 교체해야합니다. woff2 기준 2.1mb 라 추가로 로딩하지는 않았습니다.  https://github.com/orioncactus/pretendard/tree/main/dist/web/variable */;
}

.content-panel.type_panel-terms .panel-header {
  padding: 0;
  margin-bottom: 100px;
}

.content-panel.type_panel-terms .tab_move-bar ul {
  display: flex;
  justify-content: flex-start;
  border: 1px solid #bdbdbd;
}

.content-panel.type_panel-terms .tab_move-bar ul li {
  width: 25%;
  text-align: center;
}

.content-panel.type_panel-terms .tab_move-bar ul li + li {
  border-left: 1px solid #bdbdbd;
}

.content-panel.type_panel-terms .tab_move-bar ul li a {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 54px;
  color: #333;
  font-weight: 600;
 /* &:hover {background: #F0F0F0;} */;
}

.content-panel.type_panel-terms .tab_move-bar ul li a:hover::after:lang(ko) {
  display: block;
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #4DADA7;
}

.content-panel.type_panel-terms .terms_view-box + .terms_view-box {
  margin-top: 93px;
}

.content-panel.type_panel-terms .terms_view-box h3 {
  font-size: 32px;
  line-height: 1;
  color: #111;
  font-weight: 600;
  margin-bottom: 33px;
}

.content-panel.type_panel-terms .terms_view-box p {
  color: #555;
}

.content-panel.type_panel-terms .terms_view-box p + p {
  margin-top: 12px;
}

.content-panel.type_panel-terms .terms_view-box h4 {
  font-size: 24px;
  line-height: 1;
  color: #111;
  font-weight: 600;
  margin: 33px 0 16px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-terms .panel-header {
    padding: 0 0 10px;
    margin-bottom: 50px;
  }

  .content-panel.type_panel-terms .tab_move-bar ul {
    display: flex;
    flex-direction: column;
  }

  .content-panel.type_panel-terms .tab_move-bar ul li {
    width: 100%;
    text-align: center;
  }

  .content-panel.type_panel-terms .tab_move-bar ul li + li {
    border-top: 1px solid #bdbdbd;
    border-left: 0;
  }

  .content-panel.type_panel-terms .tab_move-bar ul li a {
    display: block;
    font-size: 14px;
    line-height: 50px;
  }

  .content-panel.type_panel-terms .terms_view-box + .terms_view-box {
    margin-top: 46.5px;
  }

  .content-panel.type_panel-terms .terms_view-box h3 {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 11.5px;
  }

  .content-panel.type_panel-terms .terms_view-box p + p {
    margin-top: 21px;
  }

  .content-panel.type_panel-terms .terms_view-box h4 {
    font-size: 17px;
    line-height: 1;
    color: #111;
    font-weight: 600;
    margin: 21.5px 0 12.5px;
  }
}

.content-panel.type_panel-privacy .panel-header {
  margin-bottom: 52px;
  padding: 0;
}

.content-panel.type_panel-privacy .panel-header .privacy-title {
  display: flex;
  justify-content: space-between;
  padding: 0 0 24px;
  border-bottom: 1px solid #999;
  margin-bottom: 50px;
}

.content-panel.type_panel-privacy .panel-header .privacy-title h3 {
  font-size: 32px;
  line-height: 42px;
  color: #111;
  font-weight: 600;
}

.content-panel.type_panel-privacy .panel-header .privacy-title .privacy-selector {
  width: 325px;
}

.content-panel.type_panel-privacy .privacy_view-box h4 {
  font-size: 24px;
  line-height: 34px;
  margin: 42px 0 12px;
  font-weight: 600;
  color: #111;
}

.content-panel.type_panel-privacy .privacy_view-box p {
  color: #555;
}

.content-panel.type_panel-privacy .privacy_view-box table.privacy-assign_table {
  margin: 10px 0;
}

.content-panel.type_panel-privacy .privacy_view-box table.privacy-assign_table td {
  word-break: break-all;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-privacy .panel-header {
    margin-bottom: 38px;
    padding: 0;
  }

  .content-panel.type_panel-privacy .panel-header .privacy-title {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 0 25px;
    margin-bottom: 21.5px;
  }

  .content-panel.type_panel-privacy .panel-header .privacy-title h3 {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 14px;
    width: 100%;
  }

  .content-panel.type_panel-privacy .panel-header .privacy-title .privacy-selector {
    width: 100%;
  }

  .content-panel.type_panel-privacy .privacy_view-box h4 {
    font-size: 17px;
    line-height: 25px;
    margin: 17.5px 0 7.5px;
  }

  .content-panel.type_panel-privacy .privacy_view-box table.privacy-assign_table {
    margin: 15px 0;
  }
}

.content-panel.type_panel-rules .rules_view-box h3 {
  font-size: 24px;
  line-height: 32px;
  color: #111;
  font-weight: 600;
}

.content-panel.type_panel-rules .rules_view-box h4 {
  font-size: 18px;
  line-height: 32px;
  color: #555;
  font-weight: 700;
}

.content-panel.type_panel-rules .rules_view-box p {
  color: #555;
}

.content-panel.type_panel-rules .rules_view-box p + h4, .content-panel.type_panel-rules .rules_view-box p + h3 {
  margin-top: 32px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-rules .rules_view-box h3 {
    font-size: 17px;
    line-height: 1;
    margin-bottom: 10px;
  }

  .content-panel.type_panel-rules .rules_view-box h4 {
    font-size: 14px;
    line-height: 21px;
  }

  .content-panel.type_panel-rules .rules_view-box p {
    color: #555;
  }

  .content-panel.type_panel-rules .rules_view-box p + h4, .content-panel.type_panel-rules .rules_view-box p + h3 {
    margin-top: 21px;
  }
}

.content-panel.type_panel-introduce .introduce_item-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 972px;
  margin: 0 auto;
}
.content-panel.type_panel-introduce .introduce_item-box {
  padding: 32px;
  /*width: calc(50% - 10px);*/
  width: 458px;
  height: 560px;
  margin-bottom: 20px;
  border: 1px solid #d3d3d3;
  display: flex;
  color: #fff;
}
@media all and (max-width: 1023px) {
  .content-panel.type_panel-introduce .introduce_item-area {
    width: 100%;
    display: block;
  }
  .content-panel.type_panel-introduce .introduce_item-box {
    width: 100%;
    height: auto;
  }
  .content-panel.type_panel-exhibition .article-header .notice{
    font-size: 14px;
  }
}



.content-panel.type_panel-introduce .introduce_item-box.info-1 {
  background: url("https://seoulauction.com/images/bg/bg-company-info-1@2x.jpg") no-repeat;
  background-size: contain;
  /*background-position: -755px -902px;*/

}
.content-panel.type_panel-introduce .introduce_item-box.info-2 {
  background: url("https://seoulauction.com/images/bg/bg-company-info-2@2x.jpg") no-repeat;
  background-size: contain;
}
.content-panel.type_panel-introduce .introduce_item-box.info-3 {
  background: url("https://seoulauction.com/images/bg/bg-company-info-3@2x.jpg") no-repeat;
  background-size: contain;
}
.content-panel.type_panel-introduce .introduce_item-box.info-4 {
  background: url("https://seoulauction.com/images/bg/bg-company-info-4@2x.jpg") no-repeat;
  background-size: contain;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-introduce .introduce_item-box {
    min-height: 438px;
  }
  .content-panel.type_panel-introduce .introduce_item-box.info-1 {
    background: url("https://seoulauction.com/images/bg/bg-company-info-1-m@2x.jpg") no-repeat;
    background-size: cover;

  }
  .content-panel.type_panel-introduce .introduce_item-box.info-2 {
    background: url("https://seoulauction.com/images/bg/bg-company-info-2-m@2x.jpg") no-repeat;
    background-size: cover;
  }
  .content-panel.type_panel-introduce .introduce_item-box.info-3 {
    background: url("https://seoulauction.com/images/bg/bg-company-info-3-m@2x.jpg") no-repeat;
    background-size: cover;
  }
  .content-panel.type_panel-introduce .introduce_item-box.info-4 {
    background: url("https://seoulauction.com/images/bg/bg-company-info-4-m@2x.jpg") no-repeat;
    background-size: cover;
  }
}

.content-panel.type_panel-introduce .introduce_item-box h4 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
  /*color: #333;*/
}

.content-panel.type_panel-introduce .introduce_item-box p {
  margin-top: 9px;
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
}

.content-panel.type_panel-introduce .introduce_item-box .icon {
  width: 142px;
}

.content-panel.type_panel-introduce .introduce_item-box .icon img {
  width: 100%;
}

.content-panel.type_panel-introduce .introduce_item-box .desc {
  /*width: calc(100% - 142px);*/
  /*padding-left: 40px;*/
  display: flex;
  flex-direction: column;
  justify-content:space-between ;
}

.content-panel.type_panel-introduce .history-area {
  position: relative;
  z-index: 1;
}

.content-panel.type_panel-introduce .history-area .history-header {
  margin: 0 auto;
}

.content-panel.type_panel-introduce .history-area .history-header h4 {
  text-align: center;
  line-height: 1.7;
  color: #333
}

.content-panel.type_panel-introduce .history-area .history-header .wrap-select-box {
  width: 200px;
  margin: 64px auto 64px;
}
.content-panel.type_panel-introduce .history-area .history-header .select-box {
  display: inline-block;
}

.content-panel.type_panel-introduce .history-area .wrap-history-body {
  margin: auto;
  width: max-content;
}
.content-panel.type_panel-introduce .history-area .history-body {
  display: none;
  /*margin-top: 100px;*/
  position: relative;
}

.content-panel.type_panel-introduce .history-area .history-body.active {
  display: block;
}

.content-panel.type_panel-introduce .history-area .history-body::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 100px;
  width: 1px;
  bottom: 0;
  background: #ededed;
}

.content-panel.type_panel-introduce .history-area .history-item_area {
  display: flex;
}

.content-panel.type_panel-introduce .history-area .history-item_area h5 {
  width: 100px;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: #333333;
  position: relative;
  top: -3px
}

.content-panel.type_panel-introduce .history-area .history-item {
  position: relative;
  z-index: 2;
  margin-bottom: 48px;
}

.content-panel.type_panel-introduce .history-area .history-item::after {
  content: "";
  position: absolute;
  top: 0px;
  left: -7px;
  width: 11px;
  height: 11px;
  border: 2px solid #333;
  border-radius: 50%;
  background: #fff;
}
.content-panel.type_panel-introduce .history-area .history-item.latest::after {
  background: #333;
}

.content-panel.type_panel-introduce .history-area .history-item figure {
  position: relative;
  z-index: 3;
  display: flex;
}

.content-panel.type_panel-introduce .history-area .history-item figure img {
  width: 258px;
}

.content-panel.type_panel-introduce .history-area .history-item figure figcaption {
  margin-left: 40px;
  margin-top: -7px;
}

.content-panel.type_panel-introduce .history-area .history-item ul li {
  font-size: 18px;
  line-height: 26px;
  color: #555;
  position: relative;
  padding-top: 4px
}


.content-panel.type_panel-introduce .history-area .history-item.no-img {
  padding-left: 405px;
}

.content-panel.type_panel-introduce .history-area .history-item.no-img::before {
  top: 16px;
  width: 357px;
}

.content-panel.type_panel-introduce .history-area .history-item.no-img::after {
  top: 5px;
  left: -11px;
}

@media all and (max-width: 1023px) {

  .content-panel.type_panel-introduce .introduce_item-box p {
    font-size: 14px;
    line-height: 2;
  }

  .content-panel.type_panel-introduce .history-area {
    position: relative;
    z-index: 1;
  }

  .content-panel.type_panel-introduce .history-area .history-header .select-box {
    display: block;
    width: 100%;
  }

  .content-panel.type_panel-introduce .history-area .history-body::before {
    top: 0;
    left: 82px;
  }

  .content-panel.type_panel-introduce .history-area .history-item_area h5 {
    width: 66px;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    flex-shrink: 0;
  }

  .content-panel.type_panel-introduce .history-area .history-list {
    flex-grow: 1;
  }

  .content-panel.type_panel-introduce .history-area .history-item::before {
    top: 30px;
    left: 0;
    width: 158px;
    height: 1px;
    background: #ccc;
  }

  .content-panel.type_panel-introduce .history-area .history-item::after {
    top: 0px;
    left: 10px;
    width: 9px;
    height: 9px;
  }

  .content-panel.type_panel-introduce .history-area .history-item figure {
    display: flex;
    flex-wrap: wrap;
  }

  .content-panel.type_panel-introduce .history-area .history-item figure img {
    max-width: 171px;
  }

  .content-panel.type_panel-introduce .history-area .history-item figure figcaption {
    margin-left: 0;
    margin-top: 12px;
    width: 100%;
  }

  .content-panel.type_panel-introduce .history-area .history-item ul li {
    font-size: 13px;
    line-height: 21px;
  }

  .content-panel.type_panel-introduce .history-area .history-item ul li::before {
    top: 9px;
  }

  .content-panel.type_panel-introduce .history-area .history-item.no-img {
    padding-left: 58px;
    padding-top: 2px;
  }

  .content-panel.type_panel-introduce .history-area .history-item.no-img::before {
    top: 12px;
    width: 45px;
  }

  .content-panel.type_panel-introduce .history-area .history-item.no-img::after {
    top: 4px;
    left: -8px;
  }
}

.content-panel.type_panel-introduce .history-area .history-item ul {
  position: relative;
  top: -9px;
  left: 40px;
}

/* 푸터, 경매약관, 개인정보처리방침, 내부관리규정  */
/* =============================== 섹션 이름  */
.basis-section.infoaction-section {
  margin-top: 100px;
}

.basis-section.infoaction-section .tb1_1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.78;
}

.basis-section.infoaction-section .tb1_1 li, .basis-section.infoaction-section .tb1_1 span, .basis-section.infoaction-section .tb1_1 em {
  font-size: inherit;
  font-weight: inherit;
}

@media all and (max-width: 1023px) {
  .basis-section.infoaction-section {
    margin-top: 30px;
  }

  .basis-section.infoaction-section .tb1_1 {
    font-size: 13px;
    line-height: 1.7;
  }

  .basis-section.infoaction-section .tb1_1 li, .basis-section.infoaction-section .tb1_1 span, .basis-section.infoaction-section .tb1_1 em {
    font-size: inherit;
    font-weight: inherit;
  }
}

/* =============================== 경매안내 */
.content-panel.type_panel-infoaction .info_dot_list.step0_list {
  margin-top: 40px;
}

.content-panel.type_panel-infoaction .info_dot_list.mark_dot-list li {
  padding-left: 0.7em;
}

.content-panel.type_panel-infoaction .info_dot_list.mark_dot-list li:after {
  top: 13px;
}

.content-panel.type_panel-infoaction .info_dot_list em {
  color: #333;
  font-weight: 700;
}

.content-panel.type_panel-infoaction .tab_move-bar.online_tab ul li {
  width: calc( 100% / 5);
  flex-grow: 1;
}

.content-panel.type_panel-infoaction .tab_move-bar ul {
  margin-top: 100px;
  display: flex;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  align-items: stretch;
}
.content-panel.type_panel-infoaction .tab_move-bar ul li {
  flex:1
}

.content-panel.type_panel-infoaction .tab_move-bar ul li:lang(ko) {
  width: calc( 100% / 6);
}

.content-panel.type_panel-infoaction .tab_move-bar ul li .li-inner {
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  height: 100%;
}

.content-panel.type_panel-infoaction .tab_move-bar ul li a {
  display: block;
  padding: 15px 20px;
  border: 1px solid transparent;
}

.content-panel.type_panel-infoaction .tab_move-bar ul li a .teb_txt {
  font-size: 14px;
  font-weight: 700;
  color: #39c3bc;
}

.content-panel.type_panel-infoaction .tab_move-bar ul li a .teb_title {
  font-weight: 700;
  color: #333;
}

.content-panel.type_panel-infoaction .tab_move-bar ul li:hover .li-inner {
  border-bottom: 1px solid #39c3bc;
}

.content-panel.type_panel-infoaction .tab_move-bar ul li:hover a {
  border-bottom: 1px solid #39c3bc;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage {
  margin-top: 55px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_title .teb_txt {
  font-weight: 700;
  color: #777777;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_title .teb_title {
  color: #333333;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con {
  margin-top: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header ol li {
  font-weight: inherit;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header ol li span em {
  color: #21a099;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .inquiry_txt {
  position: relative;
  padding-left: 30px;
  margin-top: 35px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .inquiry_txt i {
  position: absolute;
  top: 6px;
  left: 0;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap {
  display: flex;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap .btn_box {
  display: flex;
  align-items: end;
  padding-left: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap .btn_box .btn {
  height: 42px;
  width: 170px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap .btn_box .btn span {
  line-height: 30px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online {
  margin-top: 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online .inner .inquiry_txt {
  margin-top: 0;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online .btn_box a {
  min-width: 360px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body {
  margin-top: 35px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online {
  display: block;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online li {
  width: 100%;
  padding-top: 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online .box_body {
  margin-top: 0px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online .box_body .txt_area .btn_set {
  justify-content: center;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online .box_body .txt_area .btn_set .btn_box {
  padding: 0 10px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul {
  display: flex;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li {
  border: 1px solid #dedede;
  padding: 60px 40px;
  width: calc( 100% / 2);
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_header {
  text-align: center;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_header img {
  width: 142px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_header p {
  color: #333333;
  margin-top: 15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_header p.onlime_item {
  margin-top: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body {
  margin-top: 50px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body.box_body_online {
  margin-top: 15px;
  text-align: center;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body.box_body_online em {
  color: #39c3bc;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .txt_area .btn_box {
  margin-top: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .txt_area .btn_box a {
  min-width: 170px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area {
  margin-top: 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dt {
  position: relative;
  color: #333333;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dt.exception_txt {
  color: #21a099;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dt.exception_txt span {
  padding-left: 0;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dt i {
  position: absolute;
  top: 6px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dt span {
  padding-left: 28px;
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dd a {
  display: inline-block;
  padding-left: 4px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl + dl {
  margin-top: 25px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li + li {
  margin-left: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .preview_box .inner {
  display: flex;
  border: 1px solid #dedede;
  padding: 40px 50px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .preview_box .inner .step2_2 {
  padding-left: 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .preview_box .inner .step2_2 li {
  font-weight: 500;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul {
  display: flex;
  flex-wrap: wrap;
  width: calc( 100% + 20px);
  margin-left: -10px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li {
  width: calc( 100% /2);
  padding: 10px 10px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner {
  display: flex;
  border: 1px solid #dedede;
  padding: 60px 60px;
  height: 100%;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner .img_box img {
  width: 142px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl {
  padding-left: 35px;
  width: calc( 100% - 142px);
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl dt {
  color: #333333;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl dd {
  margin-top: 10px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl p {
  border-top: 1px solid #dedede;
  color: #39c3bc;
  padding-top: 25px;
  margin-top: 25px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .reservation_box .txt_area ul li {
  font-weight: 500;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .reservation_box .txt_area ul li + li {
  margin-top: 15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box {
  margin-top: -15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box ol > li + li {
  margin-top: 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dt {
  color: #333333;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd {
  margin-top: 15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd ul li {
  font-weight: 500;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd ul li em {
  color: #333333;
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box {
  border: 1px solid #dedede;
  margin-top: 25px;
  padding: 32px 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box p {
  color: #333333;
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box em {
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .inquiry_txt {
  position: relative;
  padding-left: 30px;
  margin-top: 15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .inquiry_txt em {
  color: #39c3bc;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .inquiry_txt i {
  position: absolute;
  top: 6px;
  left: 0;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .btn_box {
  margin-top: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .btn_box a {
  min-width: 170px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .step5 {
  margin-top: 15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last {
  border: 1px solid #dedede;
  margin-top: 25px;
  padding: 17px 40px 32px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last ul li a {
  display: inline-block;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last ul li em {
  color: #555555;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last .inquiry_txt span {
  color: #333333;
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last p {
  margin-top: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last .txt_area {
  margin-top: 15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last .article + .article {
  margin-top: 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box {
  border: 1px solid #dedede;
  padding: 35px 40px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box > p {
  color: #333333;
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol {
  margin-top: 20px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol li {
  font-weight: 500;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol li em {
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol li p {
  color: #39c3bc;
  font-weight: 500;
  padding-left: 15px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol li + li {
  margin-top: 12px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_area > p {
  color: #333333;
  margin-top: 35px;
  font-weight: 700;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_area .bottom_txt {
  padding-left: 13px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dt {
  margin-top: 50px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dd {
  margin-top: 35px;
}

.content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dd table th, .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dd table td {
  height: 60px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-infoaction .info_dot_list.step0_list {
    margin-top: 15px;
  }

  .content-panel.type_panel-infoaction .info_dot_list.mark_dot-list li {
    padding-left: 0.7em;
  }

  .content-panel.type_panel-infoaction .info_dot_list.mark_dot-list li:after {
    top: 9px;
  }

  .content-panel.type_panel-infoaction .info_dot_list em {
    color: #333;
    font-weight: 700;
  }

  .content-panel.type_panel-infoaction .tab_move-bar.online_tab ul li {
    width: calc( 100% / 2);
  }

  .content-panel.type_panel-infoaction .tab_move-bar ul {
    margin-top: 40px;
    flex-wrap: wrap;
    display: flex;
    border-width: 1px 0 0 1px;
  }
  .content-panel.type_panel-infoaction .tab_move-bar ul li:lang(ko),
  .content-panel.type_panel-infoaction .tab_move-bar ul li {
    width: calc( 100% / 2);
    border-width: 0 1px 1px 0;
    flex: auto;
  }
  .content-panel.type_panel-infoaction .tab_move-bar.online_tab ul li {
    flex: initial;
  }

  .content-panel.type_panel-infoaction .tab_move-bar ul li a {
    padding: 11px 15px;
  }

  .content-panel.type_panel-infoaction .tab_move-bar ul li a .teb_txt {
    font-size: 12px;
  }

  .content-panel.type_panel-infoaction .tab_move-bar ul li a .teb_title {
    font-size: 14px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage {
    margin-top: 25px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con {
    margin-top: 7px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .inquiry_txt {
    padding-left: 18px;
    margin-top: 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .inquiry_txt i {
    top: 4px;
    left: 0;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap {
    display: block;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap .btn_box {
    display: block;
    padding-left: 0px;
    margin-top: 18px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap .btn_box .btn {
    height: 32px;
    width: 140px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap .btn_box .btn span {
    line-height: 23px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online .inner {
    display: block;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online .inner .inquiry_txt {
    margin-top: 0;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online .btn_box {
    margin-top: 17px;
    width: 100%;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_header .means_txt_wrap_online .btn_box a {
    min-width: 260px;
    width: 100%;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body {
    margin-top: 15px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online li {
    padding-top: 25px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online .box_body .txt_area .btn_set .btn_box {
    padding: 0 5px;
    margin-top: 25px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box .join_box_online .box_body .txt_area .btn_set .btn_box a {
    min-width: 130px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul {
    display: block;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li {
    padding: 25px 15px;
    width: 100%;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_header img {
    width: 71px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_header p {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_header p.onlime_item {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body {
    margin-top: 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .txt_area .btn_box {
    margin-top: 15px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .txt_area .btn_box a {
    min-width: 160px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area {
    margin-top: 15px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dt {
    position: relative;
    color: #333333;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dt span {
    padding-left: 0px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl dd a {
    display: inline-block;
    padding-left: 4px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul > li .box_body .explanation_area dl + dl {
    margin-top: 15px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .join_box > ul li + li {
    margin-left: 0px;
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .preview_box .inner {
    display: block;
    padding: 25px 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .preview_box .inner .img_box {
    text-align: center;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .preview_box .inner .img_box img {
    width: 71px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .preview_box .inner .step2_2 {
    padding-left: 0px;
    margin-top: 25px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul {
    display: block;
    width: 100%;
    margin-left: 0px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li {
    width: 100%;
    padding: 0px 0px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner {
    display: block;
    padding: 25px 25px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner .img_box {
    text-align: center;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner .img_box img {
    width: 71px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl {
    padding-left: 0px;
    width: 100%;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl dt {
    margin-top: 10px;
    text-align: center;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl dd {
    margin-top: 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li .inner dl p {
    padding-top: 15px;
    margin-top: 15px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .means_box_wrap .means_box ul li + li {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .reservation_box .txt_area ul li + li {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box {
    margin-top: -8px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box ol > li + li {
    margin-top: 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd {
    margin-top: 8px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box {
    margin-top: 15px;
    padding: 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .inquiry_txt {
    padding-left: 18px;
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .inquiry_txt i {
    top: 4px;
    left: 0;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .btn_box {
    margin-top: 15px;
    margin-left: 0px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .btn_box a {
    min-width: 160px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last {
    margin-top: 15px;
    padding: 7px 20px 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last ul li a {
    display: inline-block;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last .inquiry_txt i {
    top: 3px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last p {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last .txt_area {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .identify_box dl dd .txt_box_last .article + .article {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box {
    padding: 20px 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol {
    margin-top: 10px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol li p {
    padding-left: 10px;
    position: relative;
    margin-top: 3px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol li p:after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #21a099;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_box ol li + li {
    margin-top: 18px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_area > p {
    margin-top: 25px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .ship_box .txt_area .bottom_txt {
    padding-left: 8px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dt {
    margin-top: 30px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dd {
    margin-top: 20px;
  }

  .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dd table th, .content-panel.type_panel-infoaction .article-body .step-area .step_stage .step_con .con_body .online_table_box dd table td {
    height: 45px;
  }
}

/* =============================== 경매안내 팝업 */
.content-panel.type_panel-infoaction_popup {
  margin-top: 100px;
}

.content-panel.type_panel-infoaction_popup .content-body p {
  font-size: 28px;
  font-weight: 700;
  color: #333333;
}

.content-panel.type_panel-infoaction_popup .content-body ul {
  display: flex;
  margin-top: 30px;
  width: calc( 100% + 60px);
  margin-left: -30px;
}

.content-panel.type_panel-infoaction_popup .content-body ul > li:first-child {
  width: 38%;
}

.content-panel.type_panel-infoaction_popup .content-body ul > li {
  padding: 0 30px;
}

.content-panel.type_panel-infoaction_popup .content-body ul > li .img_01 {
  margin-top: 40px;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-infoaction_popup {
    margin-top: 80px;
  }

  .content-panel.type_panel-infoaction_popup .content-body p {
    font-size: 18px;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul {
    display: block;
    margin-top: 10px;
    width: 100%;
    margin-left: 0px;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul > li:first-child {
    width: 100%;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul > li {
    padding: 0;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul > li .img_01 {
    margin-top: 25px;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul > li .img_01 img {
    width: 100%;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul > li .img_02 {
    margin: 20px 0;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul > li .img_02 img {
    width: 100%;
  }

  .content-panel.type_panel-infoaction_popup .content-body ul > li .img_03 img {
    width: 100%;
  }
}


/* =============================== 섹션 이름  */
.basis-section {
 /* XXXX */;
}

.basis-section.XXXXXXXX-section {
  margin-top: 100px;
}

@media all and (max-width: 1023px) {
  .basis-section.XXXXXXXX-section {
    margin-top: 30px;
  }
}

/* =============================== 페널이름 */
.content-panel {
 /* XXXXX */;
}

/*==========pages_common_en.css 파일 unique 코드 추가==========*/

/*라이브경매 영문 only 하이라이트 섹션 스타일*/
.content-panel.type_panel-sale_highlights .product_recent_work-article .article-header {
  padding: 72px 0 25px;
}

.content-panel.type_panel-sale_highlights .product_recent_work-article .article-header .title {
  font-size: 34px;
  font-weight: bold;
  color: #111111;
  line-height: 58px;
}

.content-panel.type_panel-exhibition .article-header .notice{
  color: #555555;
  line-height: 1.78;
  font-size: 18px;
  margin-top: 20px;
}
.content-panel.type_panel-exhibition .article-header .notice strong{
  font-weight: 500;

}


@media all and (max-width: 1023px) {
  .content-panel.type_panel-sale_highlights .product_recent_work-article .article-header {
    margin-top: 20px;
    padding: 30px 0 30px;
  }

  .content-panel.type_panel-sale_highlights .product_recent_work-article .article-header .title {
    font-size: 22px;
    line-height: 1.36;
  }

  .content-panel.type_panel-sale_highlights .product_recent_work-article .article-header .title span {
    vertical-align: middle;
  }
}

.content-panel.type_panel-sale_highlights .product_recent_work-article .article-body .product-area {
  position: relative;
}

.content-panel.type_panel-sale_highlights .product_recent_work-article .article-body .product-area .button-prev, .content-panel.type_panel-sale_highlights .product_recent_work-article .article-body .product-area .button-next {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.5);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.content-panel.type_panel-sale_highlights .product_recent_work-article .article-body .product-area .button-prev.swiper-button-disabled, .content-panel.type_panel-sale_highlights .product_recent_work-article .article-body .product-area .button-next.swiper-button-disabled {
  display: none;
}

.content-panel.type_panel-sale_highlights .product_recent_work-article .article-body .product-area .button-prev {
  left: 0;
}

.content-panel.type_panel-sale_highlights .product_recent_work-article .article-body .product-area .button-next {
  right: 0;
}

.content-panel.type_panel-sale_highlights .product-list li {
  width: 20%;
}

.content-panel.type_panel-sale_highlights .product-list li .li-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ccc;
}

.content-panel.type_panel-sale_highlights .product-list li.last-item {
  display: none;
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-sale_highlights .product-list li {
    width: 272px;
  }
}

@media all and (max-width: 1023px) {
  .content-panel.type_panel-sale_highlights .product-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
    /* width: auto; margin-left: 0; */;
  }

  .content-panel.type_panel-sale_highlights .product-list li {
    width: 220px;
    padding: 0 5px;
    padding-bottom: 17px;
    /* &.last-item { display: block;  padding: 0 10px; } */;
  }

  .content-panel.type_panel-sale_highlights .product-list::after {
    content: "";
    display: block;
    padding: 0 10px;
  }
}

.content-panel.type_panel-sale_highlights .product-list .item-article .image-area {
  position: relative;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .image-area .img-ratio {
  background-color: #f6f6f6;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .image-area .img-ratio .img-align {
  padding: 5px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .image-area img {
  width: 100%;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .image-area .typo-align {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .image-area .category_name {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area {
  padding: 0px 20px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area > div {
  position: relative;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .num_heart-box {
  display: flex;
  justify-content: space-between;
  padding: 18px 0 0px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .info-box {
  padding: 15px 0 15px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .num {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 30px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .heart {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .heart.on i::after {
  background-image: url("https://seoulauction.com/images/common/sp_icons.png");
  background-position: -955px -408px;
  width: 30px;
  height: 30px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .heart i {
  margin-right: -3px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .title {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .title span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .sub {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .desc {
  margin-top: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0px;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .desc span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .product_cancle-area {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .product_cancle-area .area-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.content-panel.type_panel-sale_highlights .product-list .item-article .product_cancle-area .typo {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #777777;
  line-height: 1.64;
}

@media all and (max-width: 1280px) {
  .content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .info-box {
    padding: 0px 0 15px;
  }

  .content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .heart {
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .heart i {
    margin-right: -5px;
  }

  .content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .heart.on i::after {
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-size: 508.5px 490px;
    background-position: -405.5px -177.5px;
    width: 30px;
    height: 30px;
  }

  .content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .title {
    font-size: 16px;
    line-height: 30px;
  }

  .content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .sub {
    font-size: 14px;
  }

  .content-panel.type_panel-sale_highlights .product-list .item-article .typo-area .desc {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: -1px;
  }
}

.read-only-input input[readonly],
.read-only-input textarea[readonly] {
  background-color: #f5f5f5;
  color: #666;
  cursor: not-allowed;
  pointer-events: none;
}