@charset "UTF-8";
/*_mixins.scss*/
/* Responsive Breakpoints
   ========================================================================== */
/*_colors.scss*/
/* 와우패스 변수 가져오기 ====================================================================  */
/*_placeholders.scss*/
.board_wrap ul.board_list_body > li .col_category span, .board_wrap ul.board_view li.head .col_category span, .ui-mobile .data_list.board_wrap ul.board_list_body > li .col_category span, .ui-mobile .examinfo_list.board_wrap ul.board_list_body > li .col_category span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 105px;
  height: 30px;
  padding: 8.5px 10px 0;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
  background: #585CFF;
  color: #fff;
  line-height: 100%;
  font-weight: 500;
  border-radius: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .board_wrap ul.board_list_body > li .col_category span, .board_wrap ul.board_view li.head .col_category span, .ui-mobile .data_list.board_wrap ul.board_list_body > li .col_category span, .ui-mobile .examinfo_list.board_wrap ul.board_list_body > li .col_category span {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

.board_wrap .board_search_wrap .select_box .dropdown, .board_wrap .board_edit dl.col dd .select_box .dropdown {
  --max-scroll: 8;
  --text: #9396a5;
  --border: lightgray;
  --borderActive: #585CFF;
  --background: #fff;
  --arrow: #9396a5;
  --arrowActive: #585CFF;
  --listText: #9396a5;
  --listBackground: #fff;
  --listActive: #f5f5fe;
  --listTextActive: #7373eb;
  --listBorder: #e3e3fb;
  --textFilled: #858899;
  width: auto;
  position: relative;
  font-family: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.board_wrap .board_search_wrap .select_box .dropdown select, .board_wrap .board_edit dl.col dd .select_box .dropdown select {
  display: none;
}

.board_wrap .board_search_wrap .select_box .dropdown > span, .board_wrap .board_edit dl.col dd .select_box .dropdown > span {
  cursor: pointer;
  padding: 15px 32px 15px 14px;
  border-radius: 6px;
  display: block;
  position: relative;
  color: var(--text);
  border: 1px solid var(--border);
  background: var(--background);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.board_wrap .board_search_wrap .select_box .dropdown > span:before, .board_wrap .board_edit dl.col dd .select_box .dropdown > span:before, .board_wrap .board_search_wrap .select_box .dropdown > span:after, .board_wrap .board_edit dl.col dd .select_box .dropdown > span:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 2px;
  border-radius: 1px;
  top: 50%;
  right: 15px;
  background: var(--arrow);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.board_wrap .board_search_wrap .select_box .dropdown > span:before, .board_wrap .board_edit dl.col dd .select_box .dropdown > span:before {
  margin-right: 4px;
  -webkit-transform: scale(0.96, 0.8) rotate(50deg);
          transform: scale(0.96, 0.8) rotate(50deg);
}

.board_wrap .board_search_wrap .select_box .dropdown > span:after, .board_wrap .board_edit dl.col dd .select_box .dropdown > span:after {
  -webkit-transform: scale(0.96, 0.8) rotate(-50deg);
          transform: scale(0.96, 0.8) rotate(-50deg);
}

.board_wrap .board_search_wrap .select_box .dropdown ul, .board_wrap .board_edit dl.col dd .select_box .dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  height: 0;
  max-height: calc(var(--max-scroll) * 45px);
  top: 45px;
  left: 0;
  z-index: 10;
  right: 0;
  background: var(--listBackground);
  border-radius: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  -webkit-transform: scale(0.8) translate(0, 4px);
          transform: scale(0.8) translate(0, 4px);
  border: 1px solid var(--listBorder);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.075) ;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.075) ;
}

.board_wrap .board_search_wrap .select_box .dropdown ul li, .board_wrap .board_edit dl.col dd .select_box .dropdown ul li {
  opacity: 0;
  -webkit-transform: translate(6px, 0);
          transform: translate(6px, 0);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.board_wrap .board_search_wrap .select_box .dropdown ul li a, .board_wrap .board_edit dl.col dd .select_box .dropdown ul li a {
  cursor: pointer;
  display: block;
  padding: 12px 18px;
  font-size: 13px;
  font-size: 0.845rem;
  color: var(--listText);
  text-decoration: none;
  outline: none;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.board_wrap .board_search_wrap .select_box .dropdown ul li a:hover, .board_wrap .board_edit dl.col dd .select_box .dropdown ul li a:hover {
  color: var(--listTextActive);
}

.board_wrap .board_search_wrap .select_box .dropdown ul li.active a, .board_wrap .board_edit dl.col dd .select_box .dropdown ul li.active a {
  color: var(--listTextActive);
  background: var(--listActive);
}

.board_wrap .board_search_wrap .select_box .dropdown ul li:first-child a, .board_wrap .board_edit dl.col dd .select_box .dropdown ul li:first-child a {
  border-radius: 6px 6px 0 0;
}

.board_wrap .board_search_wrap .select_box .dropdown ul li:last-child a, .board_wrap .board_edit dl.col dd .select_box .dropdown ul li:last-child a {
  border-radius: 0 0 6px 6px;
}

.board_wrap .board_search_wrap .select_box .dropdown.filled > span, .board_wrap .board_edit dl.col dd .select_box .dropdown.filled > span {
  color: var(--textFilled);
  background-color: #fff;
}

.board_wrap .board_search_wrap .select_box .dropdown.open > span, .board_wrap .board_edit dl.col dd .select_box .dropdown.open > span {
  border-color: var(--borderActive);
}

.board_wrap .board_search_wrap .select_box .dropdown.open > span:before, .board_wrap .board_edit dl.col dd .select_box .dropdown.open > span:before, .board_wrap .board_search_wrap .select_box .dropdown.open > span:after, .board_wrap .board_edit dl.col dd .select_box .dropdown.open > span:after {
  background: var(--arrowActive);
}

.board_wrap .board_search_wrap .select_box .dropdown.open > span:before, .board_wrap .board_edit dl.col dd .select_box .dropdown.open > span:before {
  -webkit-transform: scale(0.96, 0.8) rotate(-50deg);
          transform: scale(0.96, 0.8) rotate(-50deg);
}

.board_wrap .board_search_wrap .select_box .dropdown.open > span:after, .board_wrap .board_edit dl.col dd .select_box .dropdown.open > span:after {
  -webkit-transform: scale(0.96, 0.8) rotate(50deg);
          transform: scale(0.96, 0.8) rotate(50deg);
}

.board_wrap .board_search_wrap .select_box .dropdown.open ul, .board_wrap .board_edit dl.col dd .select_box .dropdown.open ul {
  height: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) translate(0, 12px);
          transform: scale(1) translate(0, 12px);
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

.board_wrap .board_search_wrap .select_box .dropdown.open ul li, .board_wrap .board_edit dl.col dd .select_box .dropdown.open ul li {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.order_details .pop_form ul.info_list li, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap ul.info_list li, .payment_area .pay_info .in_box > .form ul.info_list li {
  padding: 3px 0 3px 12px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
  line-height: 110%;
}

@media (max-width: 640px) {
  .order_details .pop_form ul.info_list li, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap ul.info_list li, .payment_area .pay_info .in_box > .form ul.info_list li {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .order_details .pop_form ul.info_list li, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap ul.info_list li, .payment_area .pay_info .in_box > .form ul.info_list li {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .order_details .pop_form ul.info_list li, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap ul.info_list li, .payment_area .pay_info .in_box > .form ul.info_list li {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.order_details .pop_form ul.info_list li::before, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap ul.info_list li::before, .payment_area .pay_info .in_box > .form ul.info_list li::before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  content: '-';
  width: 5px;
  height: auto;
  margin-right: 5px;
  margin-left: -8px;
  vertical-align: middle;
}

.order_details .pop_form div[class$=_box_out], .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out], .payment_area .pay_info .in_box > .form div[class$=_box_out] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .order_details .pop_form div[class$=_box_out], .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out], .payment_area .pay_info .in_box > .form div[class$=_box_out] {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .order_details .pop_form div[class$=_box_out], .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out], .payment_area .pay_info .in_box > .form div[class$=_box_out] {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .order_details .pop_form div[class$=_box_out], .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out], .payment_area .pay_info .in_box > .form div[class$=_box_out] {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.order_details .pop_form div[class$=_box_out]:first-of-type, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out]:first-of-type, .payment_area .pay_info .in_box > .form div[class$=_box_out]:first-of-type {
  margin-top: 16px;
  border-top: 1px solid #e0e0e0;
}

.order_details .pop_form div[class$=_box_out] h6, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] h6, .payment_area .pay_info .in_box > .form div[class$=_box_out] h6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  padding: 12px 16px;
  background: #F7F7FA;
  font-weight: normal;
}

.order_details .pop_form div[class$=_box_out] .input_wrap, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap,
.order_details .pop_form div[class$=_box_out] .input_dvlicense,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.order_details .pop_form div[class$=_box_out] .input_wrap div.select_wrap, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap div.select_wrap, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap div.select_wrap,
.order_details .pop_form div[class$=_box_out] .input_dvlicense div.select_wrap,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense div.select_wrap,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense div.select_wrap {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100px;
  height: auto;
  overflow: hidden;
}

.order_details .pop_form div[class$=_box_out] .input_wrap div.select_wrap.select_wrap, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap div.select_wrap.select_wrap, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap div.select_wrap.select_wrap,
.order_details .pop_form div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap {
  border: 1px solid #e0e0e0;
  background: #fff url(/WASUB/_Resources/images/ic_arrow_s.png) no-repeat top right;
  margin: 0 5px 0 0;
  font-size: 12px;
  font-size: 0.78rem;
  color: #858899;
}

.order_details .pop_form div[class$=_box_out] .input_wrap div.select_wrap.select_wrap:hover, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap div.select_wrap.select_wrap:hover, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap div.select_wrap.select_wrap:hover,
.order_details .pop_form div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap:hover,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap:hover,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense div.select_wrap.select_wrap:hover {
  border: 1px solid #000;
}

.order_details .pop_form div[class$=_box_out] .input_wrap div.select_wrap label, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap div.select_wrap label, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap div.select_wrap label,
.order_details .pop_form div[class$=_box_out] .input_dvlicense div.select_wrap label,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense div.select_wrap label,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense div.select_wrap label {
  position: absolute;
  top: 5px;
  left: 5px;
}

.order_details .pop_form div[class$=_box_out] .input_wrap div.select_wrap select, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap div.select_wrap select, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap div.select_wrap select,
.order_details .pop_form div[class$=_box_out] .input_dvlicense div.select_wrap select,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense div.select_wrap select,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense div.select_wrap select {
  padding: 5px;
  width: 100%;
  height: auto;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0;
  filter: alpha(opacity=0);
}

.order_details .pop_form div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.info,
.order_details .pop_form div[class$=_box_out] .input_dvlicense span.info,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense span.info,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense span.info {
  display: block;
  margin-top: 5px;
  padding-left: 16px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
  color: #858899;
}

@media (max-width: 640px) {
  .order_details .pop_form div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.info,
  .order_details .pop_form div[class$=_box_out] .input_dvlicense span.info,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense span.info,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense span.info {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .order_details .pop_form div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.info,
  .order_details .pop_form div[class$=_box_out] .input_dvlicense span.info,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense span.info,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense span.info {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .order_details .pop_form div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap span.info, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.info,
  .order_details .pop_form div[class$=_box_out] .input_dvlicense span.info,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense span.info,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense span.info {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.order_details .pop_form div[class$=_box_out] .input_wrap span.info:before, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap span.info:before, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.info:before,
.order_details .pop_form div[class$=_box_out] .input_dvlicense span.info:before,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense span.info:before,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense span.info:before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  content: '※';
  width: auto;
  height: auto;
  margin-right: 5px;
  margin-left: -20px;
}

.order_details .pop_form div[class$=_box_out] .input_wrap button.btn_select, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap button.btn_select, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap button.btn_select,
.order_details .pop_form div[class$=_box_out] .input_dvlicense button.btn_select,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense button.btn_select,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense button.btn_select {
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
  color: #858899;
}

.order_details .pop_form div[class$=_box_out] .input_wrap button.btn_select.on, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap button.btn_select.on, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap button.btn_select.on,
.order_details .pop_form div[class$=_box_out] .input_dvlicense button.btn_select.on,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense button.btn_select.on,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense button.btn_select.on {
  color: #585CFF;
  background: #F7F7FA;
}

.order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
.order_details .pop_form div[class$=_box_out] textarea,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
.payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
.order_details .pop_form div[class$=_box_out] button.btn_select,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
.payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
  .order_details .pop_form div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
  .order_details .pop_form div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
  .order_details .pop_form div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
  .order_details .pop_form div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
  .order_details .pop_form div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
  .order_details .pop_form div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input {
  max-width: 120px;
}

.order_details .pop_form div[class$=_box_out] input::disabled, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input::disabled, .payment_area .pay_info .in_box > .form div[class$=_box_out] input::disabled {
  background: #c8c8dd;
}

.order_details .pop_form div[class$=_box_out] .input_wrap .select_box, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap .select_box, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .select_box {
  margin-right: 7px;
  margin-bottom: 8px;
}


.order_details .pop_form div[class$=_box_out] .input_dvlicense,
.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense,
.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense {
  width: 100%;
}

.order_details .pop_form div[class$=_box_out] .input_dvlicense textarea, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense textarea, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense textarea {
  width: 100%;
  min-height: 100px;
}

.order_details .pop_form div[class$=_box_out] .select_wrap:before, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .select_wrap:before, .payment_area .pay_info .in_box > .form div[class$=_box_out] .select_wrap:before {
  top: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-left: 1px solid #e0e0e0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.order_details .pop_form div.phone_box_out input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div.phone_box_out input, .payment_area .pay_info .in_box > .form div.phone_box_out input {
  margin-right: 7px;
  vertical-align: middle;
  text-align: center;
  width: 90px;
}

.order_details .pop_form div.phone_box_out input:first-of-type, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div.phone_box_out input:first-of-type, .payment_area .pay_info .in_box > .form div.phone_box_out input:first-of-type {
  width: 70px;
}

@media (max-width: 640px) {
  .order_details .pop_form, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap, .payment_area .pay_info .in_box > .form {
    padding: 0 var(--uh-gutter-x);
  }
  .order_details .pop_form div[class$=_box_out], .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out], .payment_area .pay_info .in_box > .form div[class$=_box_out] {
    display: block;
  }
  .order_details .pop_form div[class$=_box_out] .input_wrap, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap,
  .order_details .pop_form div[class$=_box_out] .input_dvlicense,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense {
    padding: 8px 0;
  }
}

@media (max-width: 480px) {
  .order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
  .order_details .pop_form div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
  .order_details .pop_form div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
    margin: 5px 5px;
    padding: 10px 11px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 120%;
  }
}

@media (max-width: 480px) and (max-width: 640px) {
  .order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
  .order_details .pop_form div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
  .order_details .pop_form div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) and (max-width: 480px) {
  .order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
  .order_details .pop_form div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
  .order_details .pop_form div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 480px) and (max-width: 320px) {
  .order_details .pop_form div[class$=_box_out] input, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] input, .payment_area .pay_info .in_box > .form div[class$=_box_out] input,
  .order_details .pop_form div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] textarea,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] textarea,
  .order_details .pop_form div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] button.btn_select,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] button.btn_select {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

@media (max-width: 480px) {
  .order_details .pop_form div[class$=_box_out] .input_wrap, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap,
  .order_details .pop_form div[class$=_box_out] .input_dvlicense,
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_dvlicense,
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_dvlicense {
    width: 100%;
  }
  .order_details .pop_form div[class$=_box_out] .input_wrap .select_box, .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap div[class$=_box_out] .input_wrap .select_box, .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .select_box {
    padding-bottom: 5px;
  }
}

.board_wrap ul.board_view li.contents .col_file > a, .board_wrap .board_edit dl.col.col_contents dd > a, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: auto;
  min-height: 60px;
  padding: 10px 30px 10px 15px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
  line-height: 15px;
  line-height: 1.25rem;
  border-radius: 8px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: darekn(#858899, 5%);
  background: #F7F7FA;
}

@media (max-width: 640px) {
  .board_wrap ul.board_view li.contents .col_file > a, .board_wrap .board_edit dl.col.col_contents dd > a, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_wrap ul.board_view li.contents .col_file > a, .board_wrap .board_edit dl.col.col_contents dd > a, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_wrap ul.board_view li.contents .col_file > a, .board_wrap .board_edit dl.col.col_contents dd > a, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.board_wrap ul.board_view li.contents .col_file > a:hover, .board_wrap .board_edit dl.col.col_contents dd > a:hover, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap:hover {
  color: #111111;
  background: #ebebf2;
}

.board_wrap ul.board_view li.contents .col_file > a span.tit, .board_wrap .board_edit dl.col.col_contents dd > a span.tit, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap span.tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.board_wrap ul.board_view li.contents .col_file > a span.weight, .board_wrap .board_edit dl.col.col_contents dd > a span.weight, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap span.weight {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  font-size: 10.5px;
  font-size: 0.6825rem;
  line-height: 120%;
  letter-spacing: -0.015rem;
  color: #9396a5;
  text-align: right;
}

.board_wrap ul.board_view li.contents .col_file > a i.badge-filedown, .board_wrap .board_edit dl.col.col_contents dd > a i.badge-filedown, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap i.badge-filedown {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  width: 28px;
  height: 28px;
}

.board_wrap ul.board_view li.contents .col_file > a button.btn_delete, .board_wrap .board_edit dl.col.col_contents dd > a button.btn_delete, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_delete,
.board_wrap ul.board_view li.contents .col_file > a button.btn_recovery,
.board_wrap .board_edit dl.col.col_contents dd > a button.btn_recovery,
.board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_recovery {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-size: 0.975rem;
  border-radius: 6px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

.board_wrap ul.board_view li.contents .col_file > a button.btn_delete:hover, .board_wrap .board_edit dl.col.col_contents dd > a button.btn_delete:hover, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_delete:hover,
.board_wrap ul.board_view li.contents .col_file > a button.btn_recovery:hover,
.board_wrap .board_edit dl.col.col_contents dd > a button.btn_recovery:hover,
.board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_recovery:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) ;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) ;
}


.board_wrap ul.board_view li.contents .col_file > a button.btn_recovery,
.board_wrap .board_edit dl.col.col_contents dd > a button.btn_recovery,
.board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_recovery {
  display: none;
}

.board_wrap ul.board_view li.contents .col_file > a.delected, .board_wrap .board_edit dl.col.col_contents dd > a.delected, .board_wrap .board_edit dl.col.col_contents div.delected.filedown_wrap {
  background: #fafafc;
}

.board_wrap ul.board_view li.contents .col_file > a.delected > a, .board_wrap .board_edit dl.col.col_contents dd > a.delected > a, .board_wrap .board_edit dl.col.col_contents div.delected.filedown_wrap > a {
  cursor: default;
  opacity: 0.25;
}

.board_wrap ul.board_view li.contents .col_file > a.delected > a:focus, .board_wrap .board_edit dl.col.col_contents dd > a.delected > a:focus, .board_wrap .board_edit dl.col.col_contents div.delected.filedown_wrap > a:focus {
  outline: none;
}

.board_wrap ul.board_view li.contents .col_file > a.delected button.btn_delete, .board_wrap .board_edit dl.col.col_contents dd > a.delected button.btn_delete, .board_wrap .board_edit dl.col.col_contents div.delected.filedown_wrap button.btn_delete {
  display: none;
}

.board_wrap ul.board_view li.contents .col_file > a.delected button.btn_recovery, .board_wrap .board_edit dl.col.col_contents dd > a.delected button.btn_recovery, .board_wrap .board_edit dl.col.col_contents div.delected.filedown_wrap button.btn_recovery {
  display: block;
}

@media (max-width: 640px) {
  .board_wrap ul.board_view li.contents .col_file > a, .board_wrap .board_edit dl.col.col_contents dd > a, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap {
    min-height: 50px;
    padding: 10px 25px 10px 10px;
    font-size: 12px;
    font-size: 0.78rem;
    line-height: 13.5px;
    line-height: 1.0625rem;
  }
  .board_wrap ul.board_view li.contents .col_file > a i.badge-filedown, .board_wrap .board_edit dl.col.col_contents dd > a i.badge-filedown, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap i.badge-filedown {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
            flex: 0 0 25px;
    width: 25px;
    height: 25px;
  }
  .board_wrap ul.board_view li.contents .col_file > a button.btn_delete, .board_wrap .board_edit dl.col.col_contents dd > a button.btn_delete, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_delete,
  .board_wrap ul.board_view li.contents .col_file > a button.btn_recovery,
  .board_wrap .board_edit dl.col.col_contents dd > a button.btn_recovery,
  .board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_recovery {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}

@media (max-width: 480px) {
  .board_wrap ul.board_view li.contents .col_file > a, .board_wrap .board_edit dl.col.col_contents dd > a, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap {
    padding: 10px 15px 10px 5px;
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .board_wrap ul.board_view li.contents .col_file > a i.badge-filedown, .board_wrap .board_edit dl.col.col_contents dd > a i.badge-filedown, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap i.badge-filedown {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  .board_wrap ul.board_view li.contents .col_file > a button.btn_delete, .board_wrap .board_edit dl.col.col_contents dd > a button.btn_delete, .board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_delete,
  .board_wrap ul.board_view li.contents .col_file > a button.btn_recovery,
  .board_wrap .board_edit dl.col.col_contents dd > a button.btn_recovery,
  .board_wrap .board_edit dl.col.col_contents div.filedown_wrap button.btn_recovery {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
            flex: 0 0 25px;
    width: 25px;
    height: 25px;
    font-size: 13px;
    font-size: 0.845rem;
  }
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap button, .board_wrap .file_upload_area .input_wrap button,
.board_wrap .board_edit dl.col.col_file dd .input_wrap label.btn_select,
.board_wrap .file_upload_area .input_wrap label.btn_select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
  padding: 10px 20px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  vertical-align: middle;
}


.board_wrap .board_edit dl.col.col_file dd .input_wrap label.btn_select,
.board_wrap .file_upload_area .input_wrap label.btn_select {
  background: #e1e1eb;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap label.btn_select:hover, .board_wrap .file_upload_area .input_wrap label.btn_select:hover {
  background: #cdceff;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap label.btn_select i, .board_wrap .file_upload_area .input_wrap label.btn_select i {
  margin-right: 5px;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap span.custom-checkbox, .board_wrap .file_upload_area .input_wrap span.custom-checkbox {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-left: 10px;
  vertical-align: middle;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap span.custom-checkbox:before, .board_wrap .file_upload_area .input_wrap span.custom-checkbox:before {
  vertical-align: middle;
  line-height: 180%;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap label.check_info, .board_wrap .file_upload_area .input_wrap label.check_info {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap button, .board_wrap .file_upload_area .input_wrap button {
  color: #fff;
  background: #484650;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap button:hover, .board_wrap .file_upload_area .input_wrap button:hover {
  background: #2D2B36;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group, .board_wrap .file_upload_area .input_wrap .btn_group {
  display: none;
}

.board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group.active, .board_wrap .file_upload_area .input_wrap .btn_group.active {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area, .board_wrap .file_upload_area .file_upload_area {
  margin-top: 20px;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul::after, .board_wrap .file_upload_area .file_upload_area ul::after {
  display: block;
  clear: both;
  content: "";
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li, .board_wrap .file_upload_area .file_upload_area ul li {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100px;
  margin-bottom: 10px;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li .preview, .board_wrap .file_upload_area .file_upload_area ul li .preview {
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #ebebf2;
  overflow: hidden;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li .preview canvas, .board_wrap .file_upload_area .file_upload_area ul li .preview canvas,
.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li .preview img,
.board_wrap .file_upload_area .file_upload_area ul li .preview img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li button.btn_delete, .board_wrap .file_upload_area .file_upload_area ul li button.btn_delete {
  top: 5px;
  right: 5px;
  bottom: auto;
  left: auto;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25px;
  height: 25px;
  padding: 0;
  color: #858899;
  background: #F7F7FA;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li button.btn_delete:hover, .board_wrap .file_upload_area .file_upload_area ul li button.btn_delete:hover {
  background: #fff;
  color: #464646;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info, .board_wrap .file_upload_area .file_upload_area ul li p.file_info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  height: auto;
  float: left;
  width: calc(100% - 100px);
  min-height: 100px;
  padding: 5px 5px 5px 20px;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info .custom-checkbox, .board_wrap .file_upload_area .file_upload_area ul li p.file_info .custom-checkbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label, .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 80px);
          flex: 0 0 calc(100% - 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label > span, .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label > span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label span.tit, .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label span.tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
  min-height: 30px;
  color: #6b6e80;
  word-break: break-all;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label span.weight, .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label span.weight {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  font-size: 10.5px;
  font-size: 0.6825rem;
  line-height: 120%;
  letter-spacing: -0.015rem;
  color: #9396a5;
  text-align: right;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label span.error, .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label span.error {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: #d82222;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
}

@media (max-width: 480px) {
  .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label span.error, .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label span.error {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label span.error i, .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label span.error i {
  margin-right: 5px;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info span.progress, .board_wrap .file_upload_area .file_upload_area ul li p.file_info span.progress {
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  margin-top: 10px;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #ebebff;
  overflow: hidden;
}

.board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info span.progress span.progress-bar, .board_wrap .file_upload_area .file_upload_area ul li p.file_info span.progress span.progress-bar {
  display: block;
  width: auto;
  height: 100%;
  background: #585CFF;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap, .ui-mobile .board_wrap .file_upload_area .input_wrap, .board_wrap .ui-mobile .file_upload_area .input_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .btn_group, .ui-mobile .board_wrap .file_upload_area .input_wrap .btn_group, .board_wrap .ui-mobile .file_upload_area .input_wrap .btn_group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group span.custom-checkbox, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .btn_group span.custom-checkbox, .ui-mobile .board_wrap .file_upload_area .input_wrap .btn_group span.custom-checkbox, .board_wrap .ui-mobile .file_upload_area .input_wrap .btn_group span.custom-checkbox {
  margin-left: 0;
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap > label, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap > label, .ui-mobile .board_wrap .file_upload_area .input_wrap > label, .board_wrap .ui-mobile .file_upload_area .input_wrap > label,
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group label,
  .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .btn_group label,
  .ui-mobile .board_wrap .file_upload_area .input_wrap .btn_group label,
  .board_wrap .ui-mobile .file_upload_area .input_wrap .btn_group label,
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group button.btn_del,
  .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .btn_group button.btn_del,
  .ui-mobile .board_wrap .file_upload_area .input_wrap .btn_group button.btn_del,
  .board_wrap .ui-mobile .file_upload_area .input_wrap .btn_group button.btn_del {
    font-size: 13px;
    font-size: 0.845rem;
  }
}

@media (max-width: 480px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap > label, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap > label, .ui-mobile .board_wrap .file_upload_area .input_wrap > label, .board_wrap .ui-mobile .file_upload_area .input_wrap > label,
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group label,
  .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .btn_group label,
  .ui-mobile .board_wrap .file_upload_area .input_wrap .btn_group label,
  .board_wrap .ui-mobile .file_upload_area .input_wrap .btn_group label,
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group button.btn_del,
  .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .btn_group button.btn_del,
  .ui-mobile .board_wrap .file_upload_area .input_wrap .btn_group button.btn_del,
  .board_wrap .ui-mobile .file_upload_area .input_wrap .btn_group button.btn_del {
    font-size: 12px;
    font-size: 0.78rem;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap > label, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap > label, .ui-mobile .board_wrap .file_upload_area .input_wrap > label, .board_wrap .ui-mobile .file_upload_area .input_wrap > label,
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .btn_group button.btn_del,
  .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .btn_group button.btn_del,
  .ui-mobile .board_wrap .file_upload_area .input_wrap .btn_group button.btn_del,
  .board_wrap .ui-mobile .file_upload_area .input_wrap .btn_group button.btn_del {
    padding: 8px 10px;
    border-radius: 3;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}

@media (max-width: 335px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .input_wrap, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .input_wrap, .ui-mobile .board_wrap .file_upload_area .input_wrap .input_wrap, .board_wrap .ui-mobile .file_upload_area .input_wrap .input_wrap {
    display: block;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .input_wrap .input_wrap .btn_group, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .input_wrap .input_wrap .btn_group, .ui-mobile .board_wrap .file_upload_area .input_wrap .input_wrap .btn_group, .board_wrap .ui-mobile .file_upload_area .input_wrap .input_wrap .btn_group {
    width: 100%;
    margin-top: 10px;
  }
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area:before, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area:before, .ui-mobile .board_wrap .file_upload_area .file_upload_area:before, .board_wrap .ui-mobile .file_upload_area .file_upload_area:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  content: '첨부할 파일';
  width: 100%;
  height: 35px;
  font-size: 14px;
  font-size: 0.91rem;
  font-weight: 600;
  color: #858899;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li {
  min-height: 80px;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li .preview, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li .preview, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li .preview, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li .preview {
  width: 80px;
  height: 80px;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li button.btn_delete, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li button.btn_delete, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li button.btn_delete, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li button.btn_delete {
  top: 0;
  right: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li p.file_info, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li p.file_info, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li p.file_info {
  display: block;
  width: calc(100% - 80px);
  min-height: 80px;
  padding: 0 0 0 15px;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info span.custom-checkbox, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li p.file_info span.custom-checkbox, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li p.file_info span.custom-checkbox, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li p.file_info span.custom-checkbox {
  vertical-align: top;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li p.file_info > label, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li p.file_info > label {
  width: 100%;
  height: auto;
  min-height: 25px;
  padding-top: 5px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info > label span.tit, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li p.file_info > label span.tit, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li p.file_info > label span.tit, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li p.file_info > label span.tit {
  width: calc(100% - 50px);
  min-height: none;
  min-height: auto;
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li {
    min-height: 60px;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li .preview, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li .preview, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li .preview, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li .preview {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area ul li p.file_info, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area ul li p.file_info, .ui-mobile .board_wrap .file_upload_area .file_upload_area ul li p.file_info, .board_wrap .ui-mobile .file_upload_area .file_upload_area ul li p.file_info {
    width: calc(100% - 60px);
    min-height: 60px;
    padding: 0 0 0 10px;
  }
}

@media (max-width: 480px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_file dd .file_upload_area, .board_wrap .board_edit dl.col.col_file .ui-mobile dd .file_upload_area, .ui-mobile .board_wrap .file_upload_area .file_upload_area, .board_wrap .ui-mobile .file_upload_area .file_upload_area {
    margin-top: 10px;
    padding: 0;
  }
}

.board_wrap .board_search_wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 5px 40px 5px;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
  color: #5f6272;
}

@media (max-width: 480px) {
  .board_wrap .board_search_wrap {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

.board_wrap .board_search_wrap .filter_group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.board_wrap .board_search_wrap .filter_group .select_box {
  font-size: 13px;
  font-size: 0.845rem;
}

.board_wrap .board_search_wrap .btn_group {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
  height: 50px;
}

.board_wrap .board_search_wrap .btn_group:after {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: linear-gradient(170deg, #5C5EFF 25%, #4CE0B0 95%);
  -webkit-transition: .3s;
  transition: .3s;
}

.board_wrap .board_search_wrap .btn_group:hover:after {
  background: linear-gradient(-30deg, #5C5EFF 25%, #4CE0B0 95%);
  -webkit-transition: .3s;
  transition: .3s;
}

.board_wrap .board_search_wrap .btn_group input:focus + button.btn_search,
.board_wrap .board_search_wrap .btn_group button.btn_search:hover,
.board_wrap .board_search_wrap .btn_group button.btn_search:focus,
.board_wrap .board_search_wrap .btn_group button.btn_search:active {
  color: #585CFF;
}

.board_wrap .board_search_wrap .btn_group input {
  width: 100%;
  height: 100%;
  padding: 12px 50px 12px 20px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
  border: 0;
  background: none;
}

@media (max-width: 640px) {
  .board_wrap .board_search_wrap .btn_group input {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_wrap .board_search_wrap .btn_group input {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_wrap .board_search_wrap .btn_group input {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.board_wrap .board_search_wrap .btn_group input::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

.board_wrap .board_search_wrap .btn_group input::-moz-placeholder {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

.board_wrap .board_search_wrap .btn_group input:-ms-input-placeholder {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

.board_wrap .board_search_wrap .btn_group input::-ms-input-placeholder {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

.board_wrap .board_search_wrap .btn_group input::placeholder {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .board_wrap .board_search_wrap .btn_group input::-webkit-input-placeholder {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
  .board_wrap .board_search_wrap .btn_group input::-moz-placeholder {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
  .board_wrap .board_search_wrap .btn_group input:-ms-input-placeholder {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
  .board_wrap .board_search_wrap .btn_group input::-ms-input-placeholder {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
  .board_wrap .board_search_wrap .btn_group input::placeholder {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_wrap .board_search_wrap .btn_group input::-webkit-input-placeholder {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
  .board_wrap .board_search_wrap .btn_group input::-moz-placeholder {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
  .board_wrap .board_search_wrap .btn_group input:-ms-input-placeholder {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
  .board_wrap .board_search_wrap .btn_group input::-ms-input-placeholder {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
  .board_wrap .board_search_wrap .btn_group input::placeholder {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_wrap .board_search_wrap .btn_group input::-webkit-input-placeholder {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
  .board_wrap .board_search_wrap .btn_group input::-moz-placeholder {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
  .board_wrap .board_search_wrap .btn_group input:-ms-input-placeholder {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
  .board_wrap .board_search_wrap .btn_group input::-ms-input-placeholder {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
  .board_wrap .board_search_wrap .btn_group input::placeholder {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.board_wrap .board_search_wrap .btn_group button.btn_search {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  font-size: 1.56rem;
  line-height: 140%;
  letter-spacing: -0.075rem;
  color: #e0e0e0;
}

@media (max-width: 480px) {
  .board_wrap .board_search_wrap .btn_group button.btn_search {
    font-size: 22px;
    font-size: 1.43rem;
  }
}

@media (max-width: 640px) {
  .board_wrap .board_search_wrap .btn_group {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    height: 40px;
  }
  .board_wrap .board_search_wrap .btn_group input {
    padding: 10px 40px 10px 10px;
  }
  .board_wrap .board_search_wrap .btn_group button.btn_search {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 480px) {
  .board_wrap .board_search_wrap .btn_group {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

@media (max-width: 1024px) {
  .board_wrap .board_search_wrap {
    padding: 40px 5px 20px 5px;
  }
  .board_wrap .board_search_wrap .btn_group {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
  }
}

@media (max-width: 800px) {
  .board_wrap .board_search_wrap {
    display: block;
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 40px 0 30px 0;
  }
  .board_wrap .board_search_wrap .filter_group, .board_wrap .board_search_wrap .btn_group {
    width: 100%;
    height: auto;
  }
  .board_wrap .board_search_wrap .filter_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .board_wrap .board_search_wrap .filter_group .select_box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .board_wrap .board_search_wrap .filter_group .select_box:last-child {
    margin-right: 0;
  }
  .board_wrap .board_search_wrap .btn_group {
    margin: 20px auto 0;
    width: calc(100% - 5px);
  }
}

@media (max-width: 640px) {
  .board_wrap .board_search_wrap .filter_group {
    display: block;
  }
  .board_wrap .board_search_wrap .filter_group .select_box {
    width: 100%;
    margin: 0 auto 8px auto;
  }
  .board_wrap .board_search_wrap .filter_group .select_box .dropdown {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .board_wrap .board_search_wrap {
    padding: 30px 0 25px 0;
  }
  .board_wrap .board_search_wrap .btn_group {
    margin: 15px auto 0;
  }
}

.board_wrap input,
.board_wrap textarea {
  padding: 10px 12px;
  border-radius: 6px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid lightgray;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .board_wrap input,
  .board_wrap textarea {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_wrap input,
  .board_wrap textarea {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_wrap input,
  .board_wrap textarea {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

@media (max-width: 640px) {
  .board_wrap input,
  .board_wrap textarea {
    padding: 10px;
  }
}

.board_wrap .board_search_wrap .filter_group {
  height: 50px;
}

.board_wrap .board_search_wrap .filter_group .select_box {
  margin-right: 10px;
}

.board_wrap .board_search_wrap .filter_group .select_box ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.board_wrap .board_search_wrap .filter_group .select_box ::-webkit-scrollbar-thumb {
  background: #bcbeff;
  border-radius: 10px;
}

.board_wrap .board_search_wrap .filter_group .select_box ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
}

.board_wrap .board_search_wrap .filter_group .select_box body.test {
  scrollbar-face-color: #bcbeff;
  scrollbar-track-color: rgba(255, 255, 255, 0);
}

.board_wrap .board_search_wrap .filter_group .select_box .dropdown {
  width: 215px;
}

.board_wrap ul[class^="board_list_"] {
  width: 100%;
  text-align: center;
}

.board_wrap ul[class^="board_list_"] > li {
  width: 100%;
  height: auto;
  padding: 12px 32px;
}

.board_wrap ul[class^="board_list_"] > li .col {
  width: 140px;
  vertical-align: middle;
  color: #545664;
}

.board_wrap ul[class^="board_list_"] > li .col.col_checkbook {
  width: 120px;
}

.board_wrap ul[class^="board_list_"] > li .col.col_info, .board_wrap ul[class^="board_list_"] > li .col.col_title {
  width: auto;
}

.board_wrap ul[class^="board_list_"] > li .col.col_category {
  width: 180px;
}

.board_wrap ul[class^="board_list_"] > li .col.col_view, .board_wrap ul[class^="board_list_"] > li .col.col_num, .board_wrap ul[class^="board_list_"] > li .col.col_site {
  width: 60px;
}

.board_wrap ul[class^="board_list_"] > li .col.col_title a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: auto;
  padding: 14px 0;
  text-align: left;
  font-weight: 500;
}

.board_wrap ul[class^="board_list_"] > li .col.col_title a > span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  line-height: 17px;
  line-height: 1.5rem;
  vertical-align: middle;
}

.board_wrap ul[class^="board_list_"] > li .col.col_title a i.badge-new,
.board_wrap ul[class^="board_list_"] > li .col.col_title a i.icon-save,
.board_wrap ul[class^="board_list_"] > li .col.col_title a span.badge-reply {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  color: #858899;
  vertical-align: middle;
}

.board_wrap ul[class^="board_list_"] > li .col.col_title a i.badge-new {
  width: 18px;
  height: 18px;
}


.board_wrap ul[class^="board_list_"] > li .col.col_title a i.icon-save {
  font-size: 15px;
  font-size: 0.975rem;
}


.board_wrap ul[class^="board_list_"] > li .col.col_title a span.badge-reply {
  background: #ebebf2;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
  color: #858899;
}

.board_wrap ul[class^="board_list_"] > li.top .col_type span,
.board_wrap ul[class^="board_list_"] > li.top .col_title a {
  font-weight: bold;
}

.board_wrap ul[class^="board_list_"] > li.top .col_type span:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background: url(/WASUB/_Resources/images/icon/icon_notice.png) no-repeat center center;
  vertical-align: middle;
}

.board_wrap ul.board_list_head {
  background: #e3e3fb;
  border-radius: 15px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

.board_wrap ul.board_list_head > li {
  min-height: 60px;
}

.board_wrap ul.board_list_head > li .col {
  font-size: 13px;
  font-size: 0.845rem;
  color: #6b6e80;
}

.board_wrap ul.board_list_body > li {
  min-height: 70px;
  padding: 15px 32px;
  border-bottom: 1px solid #e0e0e0;
}

.board_wrap ul.board_list_body > li .col_type > span > em {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 22px;
  position: relative;
}

.board_wrap ul.board_list_body > li .col_type > span > em:before {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  background: #fff url(/WASUB/_Resources/images/icon/icon-trophy.png) no-repeat bottom left;
  background: #fff url(/WASUB/_Resources/images/icon/icon-trophy.svg) no-repeat bottom left;
  background-size: calc(100% - 2px) auto;
}

@media (max-width: 480px) {
  .board_wrap ul.board_list_body > li .col_type > span > em {
    width: 18px;
    height: 18px;
  }
}

.board_wrap .board_list_foot {
  position: relative;
  width: 100%;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_wrap .board_list_foot .pagination_wrap {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_wrap .board_list_foot .pagination_wrap button,
.board_wrap .board_list_foot .pagination_wrap a,
.board_wrap .board_list_foot .pagination_wrap ul li span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 15.5px;
  line-height: 1.3125rem;
  color: #464646;
}

.board_wrap .board_list_foot .pagination_wrap button:hover,
.board_wrap .board_list_foot .pagination_wrap a:hover,
.board_wrap .board_list_foot .pagination_wrap ul li span:hover {
  background-color: #ebebf2;
}

.board_wrap .board_list_foot .pagination_wrap button {
  font-size: 20px;
  font-size: 1.3rem;
}

.board_wrap .board_list_foot .pagination_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_wrap .board_list_foot .pagination_wrap ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_wrap .board_list_foot .pagination_wrap ul li.on span {
  background-color: #2D2B36;
  color: #fff;
}

.board_wrap .board_list_foot button.btn_writer {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: 42px;
  margin-top: -21px;
  padding: 0 30px;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #fff;
  background: #454252;
  border-radius: 50px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

@media (max-width: 480px) {
  .board_wrap .board_list_foot button.btn_writer {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

.board_wrap .board_list_foot button.btn_writer:hover {
  background: #2D2B36;
}

.board_wrap ul.board_view {
  border: 2px solid #2D2B36;
  border-left: 0;
  border-right: 0;
}

.board_wrap ul.board_view li {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
}

.board_wrap ul.board_view li .col {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
}

.board_wrap ul.board_view li.head {
  padding: 40px var(--uh-gutter-x) 25px;
  text-align: center;
}

.board_wrap ul.board_view li.head .col_category span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: 36px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
  padding: 0 20px;
}

@media (max-width: 640px) {
  .board_wrap ul.board_view li.head .col_category span {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_wrap ul.board_view li.head .col_category span {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_wrap ul.board_view li.head .col_category span {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.board_wrap ul.board_view li.head .col_title {
  display: block;
  margin: 15px auto 10px;
}

.board_wrap ul.board_view li.head .col_title span {
  font-size: 26px;
  font-size: 1.69rem;
  letter-spacing: -0.5px;
}

.board_wrap ul.board_view li.head .col_user,
.board_wrap ul.board_view li.head .col_num,
.board_wrap ul.board_view li.head .col_date,
.board_wrap ul.board_view li.head .col_view {
  position: relative;
  padding: 5px 10px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .board_wrap ul.board_view li.head .col_user,
  .board_wrap ul.board_view li.head .col_num,
  .board_wrap ul.board_view li.head .col_date,
  .board_wrap ul.board_view li.head .col_view {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_wrap ul.board_view li.head .col_user,
  .board_wrap ul.board_view li.head .col_num,
  .board_wrap ul.board_view li.head .col_date,
  .board_wrap ul.board_view li.head .col_view {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_wrap ul.board_view li.head .col_user,
  .board_wrap ul.board_view li.head .col_num,
  .board_wrap ul.board_view li.head .col_date,
  .board_wrap ul.board_view li.head .col_view {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.board_wrap ul.board_view li.head .col_user:before,
.board_wrap ul.board_view li.head .col_num:before,
.board_wrap ul.board_view li.head .col_date:before,
.board_wrap ul.board_view li.head .col_view:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  margin-right: 5px;
  color: #9396a5;
}

.board_wrap ul.board_view li.head .col_user span,
.board_wrap ul.board_view li.head .col_num span,
.board_wrap ul.board_view li.head .col_date span,
.board_wrap ul.board_view li.head .col_view span {
  color: #4a4d59;
}

.board_wrap ul.board_view li.head .col_user:before {
  content: '작성자';
}


.board_wrap ul.board_view li.head .col_num:before {
  content: '글번호';
}


.board_wrap ul.board_view li.head .col_date:before {
  content: '작성일';
}


.board_wrap ul.board_view li.head .col_view:before {
  content: '조회수';
}

.board_wrap ul.board_view li.contents {
  border-top: 1px solid #e0e0e0;
  padding-bottom: 25px;
}

.board_wrap ul.board_view li.contents .col {
  display: block;
  margin: 0 auto;
}

.board_wrap ul.board_view li.contents .col_contents {
  padding: 45px var(--uh-gutter-x);
}

.board_wrap ul.board_view li.contents .col_contents pre {
  width: 100%;
  min-height: 300px;
  font-family: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  white-space: pre-wrap;
}

.board_wrap ul.board_view li.contents .col_file {
  padding: 5px var(--uh-gutter-x);
}

@media (max-width: 1024px) {
  .board_wrap ul.board_view {
    border-top: 0;
  }
  .board_wrap ul.board_view li.head {
    text-align: left;
  }
  .board_wrap ul.board_view li.head .col_category, .board_wrap ul.board_view li.head .col_title {
    margin-right: 0;
    margin-left: 0;
  }
  .board_wrap ul.board_view li.head .col_user,
  .board_wrap ul.board_view li.head .col_num,
  .board_wrap ul.board_view li.head .col_date,
  .board_wrap ul.board_view li.head .col_view {
    padding-left: 0;
  }
}

@media (max-width: 640px) {
  .board_wrap ul.board_view li.head {
    padding: 30px 0 20px;
  }
  .board_wrap ul.board_view li.head .col_category span {
    width: auto;
    height: 30px;
    padding: 0 15px;
  }
  .board_wrap ul.board_view li.head .col_title {
    margin: 10px 0 5px;
  }
  .board_wrap ul.board_view li.head .col_title span {
    font-size: 24px;
    font-size: 1.56rem;
    letter-spacing: -0.4px;
  }
  .board_wrap ul.board_view li.head .col_user,
  .board_wrap ul.board_view li.head .col_num,
  .board_wrap ul.board_view li.head .col_date,
  .board_wrap ul.board_view li.head .col_view {
    padding: 5px;
    font-size: 12px;
    font-size: 0.78rem;
    line-height: 120%;
    letter-spacing: -0.025rem;
  }
}

@media (max-width: 640px) and (max-width: 480px) {
  .board_wrap ul.board_view li.head .col_user,
  .board_wrap ul.board_view li.head .col_num,
  .board_wrap ul.board_view li.head .col_date,
  .board_wrap ul.board_view li.head .col_view {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

@media (max-width: 640px) {
  .board_wrap ul.board_view li.contents {
    padding-bottom: 20px;
  }
  .board_wrap ul.board_view li.contents .col_contents {
    padding: 25px 0;
  }
  .board_wrap ul.board_view li.contents .col_file {
    padding: 5px 0;
  }
}

@media (max-width: 480px) {
  .board_wrap ul.board_view li.contents .col_contents {
    padding: 20px 0;
  }
}

.board_wrap .board_view_foot, .board_wrap .board_edit_foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 130px;
}

.board_wrap .board_view_foot .col button, .board_wrap .board_edit_foot .col button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 126px;
  height: 46px;
  border-radius: 50px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .board_wrap .board_view_foot .col button, .board_wrap .board_edit_foot .col button {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_wrap .board_view_foot .col button, .board_wrap .board_edit_foot .col button {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_wrap .board_view_foot .col button, .board_wrap .board_edit_foot .col button {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.board_wrap .board_view_foot .col button.btn_list, .board_wrap .board_edit_foot .col button.btn_list {
  margin: 0;
  border: 1px solid #464646;
  color: #464646;
  background: #fff;
}

.board_wrap .board_view_foot .col button.btn_list i, .board_wrap .board_edit_foot .col button.btn_list i {
  margin-right: 5px;
}

.board_wrap .board_view_foot .col button.btn_writer, .board_wrap .board_edit_foot .col button.btn_writer, .board_wrap .board_view_foot .col button.btn_edit, .board_wrap .board_edit_foot .col button.btn_edit {
  color: #fff;
  background: #2D2B36;
}

.board_wrap .board_view_foot .col button.btn_delete, .board_wrap .board_edit_foot .col button.btn_delete {
  color: #464646;
  background: #e0e0e0;
}

.board_wrap .board_view_foot .col_1, .board_wrap .board_edit_foot .col_1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.board_wrap .board_view_foot .col_3, .board_wrap .board_edit_foot .col_3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.board_wrap .board_view_foot .col_3 button, .board_wrap .board_edit_foot .col_3 button {
  margin-left: 10px;
}

@media (max-width: 640px) {
  .board_wrap .board_view_foot, .board_wrap .board_edit_foot {
    height: 90px;
  }
  .board_wrap .board_view_foot .col button, .board_wrap .board_edit_foot .col button {
    width: 75px;
    height: 40px;
    border-radius: 9px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .board_wrap .board_view_foot .col_3 button, .board_wrap .board_edit_foot .col_3 button {
    margin-left: 5px;
  }
}

@media (max-width: 480px) {
  .board_wrap .board_view_foot, .board_wrap .board_edit_foot {
    height: 80px;
  }
  .board_wrap .board_view_foot .col button, .board_wrap .board_edit_foot .col button {
    width: 70px;
    height: 40px;
    border-radius: 7.5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .board_wrap .board_view_foot .col_3 button, .board_wrap .board_edit_foot .col_3 button {
    margin-left: 5px;
  }
}

@media (max-width: 320px) {
  .board_wrap .board_view_foot, .board_wrap .board_edit_foot {
    height: 60px;
  }
  .board_wrap .board_view_foot .col button, .board_wrap .board_edit_foot .col button {
    width: auto;
    height: 30px;
    padding: 0 8px;
    font-size: 11px;
    font-size: 0.715rem;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .board_wrap .board_view_foot .col_3 button, .board_wrap .board_edit_foot .col_3 button {
    margin-left: 3px;
  }
}

.board_wrap .board_edit {
  margin-bottom: 30px;
  border-top: 2px solid #2D2B36;
}

.board_wrap .board_edit dl.col {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}

.board_wrap .board_edit dl.col dt,
.board_wrap .board_edit dl.col dd {
  padding: 25px;
  vertical-align: top;
}

.board_wrap .board_edit dl.col dt {
  width: 300px;
  padding: 25px 50px;
  color: #858899;
  background: #F7F7FA;
}


.board_wrap .board_edit dl.col dd {
  width: auto;
  color: #464646;
}

.board_wrap .board_edit dl.col dd .select_box ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.board_wrap .board_edit dl.col dd .select_box ::-webkit-scrollbar-thumb {
  background: #bcbeff;
  border-radius: 10px;
}

.board_wrap .board_edit dl.col dd .select_box ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
}

.board_wrap .board_edit dl.col dd .select_box body.test {
  scrollbar-face-color: #bcbeff;
  scrollbar-track-color: rgba(255, 255, 255, 0);
}

.board_wrap .board_edit dl.col dd .select_box .dropdown {
  --background: #F7F7FA;
  --textFilled: #464646;
  width: 180px;
}

.board_wrap .board_edit dl.col dd .select_box .dropdown > span {
  padding: 12px 30px 12px 12px;
  font-size: 13.5px;
  font-size: 0.8775rem;
}

.board_wrap .board_edit dl.col.col_type .select_box {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  margin-right: 30px;
  vertical-align: middle;
}

.board_wrap .board_edit dl.col.col_type .select_box .dropdown {
  width: 120px;
}

.board_wrap .board_edit dl.col.col_type .input_wrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  margin-right: 30px;
  vertical-align: middle;
}

.board_wrap .board_edit dl.col.col_package dd .select_box .dropdown {
  width: 218px;
}

.board_wrap .board_edit dl.col.col_notitop dd .input_wrap,
.board_wrap .board_edit dl.col.col_notitop dd .calendar_wrap,
.board_wrap .board_edit dl.col.col_notitop dd .select_box {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.board_wrap .board_edit dl.col.col_notitop dd .custom-checkbox {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.board_wrap .board_edit dl.col.col_notitop dd .custom-checkbox:before {
  vertical-align: middle;
  line-height: 180%;
}


.board_wrap .board_edit dl.col.col_notitop dd .calendar_wrap {
  margin-left: 30px;
  padding-left: 45px;
  background: url(/WASUB/_Resources/images/icon/icon-calendar.png) no-repeat left center;
  background-image: url(/WASUB/_Resources/images/icon/icon-calendar.svg);
  background-size: 35px auto;
}

.board_wrap .board_edit dl.col.col_notitop dd .calendar_wrap .input_wrap input {
  background: #fff;
}

.board_wrap .board_edit dl.col.col_notitop dd .calendar_wrap .input_wrap label {
  margin: 0;
}

.board_wrap .board_edit dl.col.col_notitop dd .calendar_wrap > span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: auto;
  text-align: center;
  vertical-align: middle;
}

.board_wrap .board_edit dl.col.col_title input {
  width: 100%;
}

.board_wrap .board_edit dl.col.col_contents textarea {
  width: 100%;
  min-height: 300px;
  line-height: 17px;
  line-height: 1.5rem;
}

.board_wrap .board_edit dl.col.col_contents dd > a {
  margin-top: 10px;
}

.board_wrap .board_edit dl.col.col_contents dd > a:first-child {
  margin-top: 30px;
}

.board_wrap .board_edit dl.col.col_contents dd > a span.weight {
  padding-right: 10px;
}

.board_wrap .board_edit dl.col.col_contents div.filedown_wrap {
  margin-top: 10px;
}

.board_wrap .board_edit dl.col.col_contents div.filedown_wrap:first-child {
  margin-top: 30px;
}

.board_wrap .board_edit dl.col.col_contents div.filedown_wrap > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.board_wrap .board_edit dl.col.col_contents div.filedown_wrap > a span.weight {
  padding-right: 10px;
}

.board_wrap .board_edit_foot .col button {
  width: 280px;
  height: auto;
  margin: 0 8px;
  padding: 24px;
  font-size: 17px;
  font-size: 1.105rem;
  color: #fff;
}

.board_wrap .board_edit_foot .col button.btn_save {
  background: #585CFF;
}

.board_wrap .board_edit_foot .col button.btn_save:hover {
  background: #676bff;
}

.board_wrap .board_edit_foot .col button.btn_cancel {
  background: #bdbdc7;
}

.board_wrap .board_edit_foot .col button.btn_cancel:hover {
  background: #C5C5CE;
}

.ui-pc .board_wrap ul[class^="board_list_"] > li {
  display: table;
  table-layout: fixed;
}

.ui-pc .board_wrap ul[class^="board_list_"] > li .col {
  display: table-cell;
}

.ui-pc .board_wrap .board_edit dl.col {
  display: table;
  table-layout: fixed;
}

.ui-pc .board_wrap .board_edit dl.col dt,
.ui-pc .board_wrap .board_edit dl.col dd {
  display: table-cell;
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_search_wrap .filter_group {
    height: auto;
  }
  .ui-mobile .board_wrap .board_search_wrap .filter_group .select_box {
    margin-right: auto;
  }
  .ui-mobile .board_wrap .board_search_wrap .filter_group .select_box .dropdown {
    width: 100%;
  }
}

.ui-mobile .board_wrap ul[class^="board_list_"] > li {
  display: block;
  text-align: left;
  padding: 13px 0;
}

.ui-mobile .board_wrap ul[class^="board_list_"] > li::after {
  display: block;
  clear: both;
  content: "";
}

.ui-mobile .board_wrap ul[class^="board_list_"] > li .col {
  float: left;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  margin-right: 8px;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
  text-align: left;
}

@media (max-width: 480px) {
  .ui-mobile .board_wrap ul[class^="board_list_"] > li .col {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

.ui-mobile .board_wrap ul[class^="board_list_"] > li .col_type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
}

.ui-mobile .board_wrap ul[class^="board_list_"] > li .col_title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ui-mobile .board_wrap ul.board_list_head > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 50px;
}

.ui-mobile .board_wrap ul.board_list_head > li .col {
  display: none;
}

.ui-mobile .board_wrap ul.board_list_head > li .col.col_type, .ui-mobile .board_wrap ul.board_list_head > li .col.col_title {
  display: block;
  text-align: center;
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap ul.board_list_head {
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .ui-mobile .board_wrap ul.board_list_head > li {
    min-height: 45px;
  }
}

@media (max-width: 480px) {
  .ui-mobile .board_wrap ul.board_list_head > li {
    min-height: 40px;
  }
}

.ui-mobile .board_wrap ul.board_list_body {
  display: block;
  border-bottom: 2px solid #2D2B36;
}

.ui-mobile .board_wrap ul.board_list_body > li {
  position: relative;
  padding: 15px 0 12px 80px;
  min-height: none;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_type {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 100%;
  text-align: center;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_title {
  display: block;
  width: 100%;
  margin-right: 0;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_title a {
  padding: 5px 0;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_title a span {
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 15px;
  line-height: 1.25rem;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_title a span.badge-reply {
  font-size: 10px;
  font-size: 0.65rem;
  line-height: 12px;
  line-height: 0.875rem;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_title a i.badge-new,
.ui-mobile .board_wrap ul.board_list_body > li .col_title a i.icon-save, .ui-mobile .board_wrap ul.board_list_body > li .col_title a span.badge-reply {
  width: 18px;
  height: 18px;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_title a i.badge-new {
  width: 17px;
  height: 17px;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_num {
  position: relative;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_num:before {
  content: '글번호';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  margin-right: 3px;
  color: #858899;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_date {
  position: relative;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_date:before {
  content: '작성일';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  margin-right: 3px;
  color: #858899;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_view {
  display: block;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_view:before {
  content: '조회수';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  margin-right: 3px;
  color: #858899;
}

.ui-mobile .board_wrap ul.board_list_body > li .col_category span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  color: #6339ea;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
}

.ui-mobile .board_wrap .board_list_foot {
  width: 100%;
  height: 80px;
}

.ui-mobile .board_wrap .board_list_foot .pagination_wrap button,
.ui-mobile .board_wrap .board_list_foot .pagination_wrap a,
.ui-mobile .board_wrap .board_list_foot .pagination_wrap ul li span {
  width: 26px;
  height: 26px;
  font-size: 11px;
  font-size: 0.715rem;
  line-height: 15px;
  line-height: 1.25rem;
}

.ui-mobile .board_wrap .board_list_foot .pagination_wrap button {
  font-size: 18px;
  font-size: 1.17rem;
}

.ui-mobile .board_wrap .board_list_foot .pagination_wrap ul li {
  padding: 0;
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_list_foot .pagination_wrap {
    width: 100%;
    height: 60px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .ui-mobile .board_wrap .board_list_foot .pagination_wrap ul {
    display: none;
  }
  .ui-mobile .board_wrap .board_list_foot button.btn_writer {
    width: 85px;
    height: 40px;
    margin-top: -20px;
    padding: 0 10px;
    font-size: 12px;
    font-size: 0.78rem;
    line-height: 120%;
    letter-spacing: -0.025rem;
  }
}

@media (max-width: 640px) and (max-width: 480px) {
  .ui-mobile .board_wrap .board_list_foot button.btn_writer {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

.ui-mobile .data_list.board_wrap ul[class^="board_list_"] > li .col_category, .ui-mobile .examinfo_list.board_wrap ul[class^="board_list_"] > li .col_category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  width: 120px;
}

.ui-mobile .data_list.board_wrap ul[class^="board_list_"] > li .col_title, .ui-mobile .examinfo_list.board_wrap ul[class^="board_list_"] > li .col_title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ui-mobile .data_list.board_wrap ul.board_list_head > li .col.col_category, .ui-mobile .examinfo_list.board_wrap ul.board_list_head > li .col.col_category {
  display: block;
  text-align: center;
}

.ui-mobile .data_list.board_wrap ul.board_list_body > li, .ui-mobile .examinfo_list.board_wrap ul.board_list_body > li {
  padding-left: 120px;
}

.ui-mobile .data_list.board_wrap ul.board_list_body > li .col_category, .ui-mobile .examinfo_list.board_wrap ul.board_list_body > li .col_category {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 120px;
  height: 100%;
  text-align: center;
}

.ui-mobile .data_list.board_wrap ul.board_list_body > li .col_category span, .ui-mobile .examinfo_list.board_wrap ul.board_list_body > li .col_category span {
  width: 100px;
  height: 26px;
  padding: 6px 5px 0;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 120%;
  letter-spacing: -0.025rem;
  line-height: 100%;
}

@media (max-width: 480px) {
  .ui-mobile .data_list.board_wrap ul.board_list_body > li .col_category span, .ui-mobile .examinfo_list.board_wrap ul.board_list_body > li .col_category span {
    font-size: 11.5px;
    font-size: 0.7475rem;
  }
}

@media (max-width: 640px) {
  .ui-mobile .data_list.board_wrap ul.board_list_body > li .col_category span, .ui-mobile .examinfo_list.board_wrap ul.board_list_body > li .col_category span {
    width: 90px;
    height: 24px;
    padding: 3.5px 5px 0;
    font-size: 10px;
    font-size: 0.65rem;
    line-height: 13px;
    line-height: 1rem;
  }
}

.ui-mobile .board_wrap .board_edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  padding: 0 var(--uh-gutter-x);
  border-top: 0;
}

.ui-mobile .board_wrap .board_edit dl.col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  border: 0;
  margin-top: 20px;
}

.ui-mobile .board_wrap .board_edit dl.col dt,
.ui-mobile .board_wrap .board_edit dl.col dd {
  display: block;
  width: 100%;
  background: #fff;
}

.ui-mobile .board_wrap .board_edit dl.col dt {
  padding: 0;
  font-size: 14px;
  font-size: 0.91rem;
  font-weight: 600;
}


.ui-mobile .board_wrap .board_edit dl.col dd {
  padding: 15px 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd {
  display: block;
  margin: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd::after {
  display: block;
  clear: both;
  content: "";
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .select_box {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .select_box .dropdown {
  width: 100%;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap {
  position: relative;
  float: left;
  display: block;
  width: auto;
  height: 50px;
  margin: 0;
  overflow: hidden;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_2 {
  width: 50%;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_2.nth_1 span.custom-radio {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_2.nth_2 span.custom-radio {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_3 {
  width: 33.5%;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_3.nth_1 span.custom-radio {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_3.nth_2 {
  width: 33%;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_3.nth_2 span.custom-radio {
  border-radius: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap.col_3.nth_3 span.custom-radio {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap span.custom-radio {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 1px solid #e0e0e0;
  background: #f4f4f8;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  z-index: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap span.custom-radio:before {
  display: none;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap span.custom-radio + label {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  background: transparent;
  background: none;
  z-index: 1;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap span.custom-radio.selected {
  background: #fff;
  border: 1px solid #585CFF;
}

.ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap span.custom-radio.selected + label {
  color: #6339ea;
}

.ui-mobile .board_wrap .board_edit dl.col.col_menu {
  width: 100%;
}

.ui-mobile .board_wrap .board_edit dl.col.col_menu .select_box .dropdown {
  width: 100%;
}

.ui-mobile .board_wrap .board_edit dl.col.col_category, .ui-mobile .board_wrap .board_edit dl.col.col_package {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
}

.ui-mobile .board_wrap .board_edit dl.col.col_category .select_box .dropdown, .ui-mobile .board_wrap .board_edit dl.col.col_package .select_box .dropdown {
  width: 100%;
}

.ui-mobile .board_wrap .board_edit dl.col.col_notitop dd .select_box .dropdown {
  width: 170px;
}

.ui-mobile .board_wrap .board_edit dl.col.col_notitop dd .calendar_wrap > span {
  width: 15px;
}

.ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

@media (max-width: 480px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
    font-size: 14px;
    font-size: 0.91rem;
  }
}

@media (max-width: 320px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

.ui-mobile .board_wrap .board_edit dl.col.col_title input, .ui-mobile .board_wrap .board_edit dl.col.col_contents input {
  height: 50px;
}

.ui-mobile .board_wrap .board_edit dl.col.col_contents {
  margin-top: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_contents dt {
  display: none;
}

.ui-mobile .board_wrap .board_edit dl.col.col_contents dd {
  padding-top: 0;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file {
  padding-top: 20px;
  border-top: 1px solid #2D2B36;
}

.ui-mobile .board_wrap .board_edit dl.col.col_file dt {
  display: none;
}

@media (max-width: 800px) {
  
  .ui-mobile .board_wrap .board_edit dl.col dd {
    padding: 8px 0;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap {
    height: 45px;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_type dd .input_wrap span.custom-radio {
    border-radius: 6px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_title input {
    height: 45px;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(45% - 5px);
            flex: 0 0 calc(45% - 5px);
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_package {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(55% - 5px);
            flex: 0 0 calc(55% - 5px);
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop dd {
    display: block;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop dd .select_box,
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop dd .calendar_wrap {
    margin-top: 8px;
    margin-bottom: 2px;
  }
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
    font-size: 16px;
    font-size: 1.04rem;
    line-height: 120%;
  }
}

@media (max-width: 640px) and (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

@media (max-width: 640px) and (max-width: 480px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
    font-size: 14px;
    font-size: 0.91rem;
  }
}

@media (max-width: 640px) and (max-width: 320px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title, .ui-mobile .board_wrap .board_edit dl.col.col_contents {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_title input,
  .ui-mobile .board_wrap .board_edit dl.col.col_title textarea, .ui-mobile .board_wrap .board_edit dl.col.col_contents input,
  .ui-mobile .board_wrap .board_edit dl.col.col_contents textarea {
    padding: 12px 10px;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_title input, .ui-mobile .board_wrap .board_edit dl.col.col_contents input {
    height: 50px;
  }
  
  .ui-mobile .board_wrap .board_edit dl.col.col_title textarea,
  .ui-mobile .board_wrap .board_edit dl.col.col_contents textarea {
    min-height: 180px;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_file {
    margin-top: 10px;
    padding-top: 10px;
  }
}

@media (max-width: 480px) {
  .ui-mobile .board_wrap .board_edit {
    padding: 0;
  }
  .ui-mobile .board_wrap .board_edit dl.col dd .select_box .dropdown > span {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .ui-mobile .board_wrap .board_edit dl.col dd .custom-checkbox:before {
    line-height: 100%;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_package {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 170px);
            flex: 0 0 calc(100% - 170px);
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop .calendar_wrap {
    width: 100%;
    margin-left: 0;
    padding-left: 25px;
    background-size: 20px auto;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop .calendar_wrap > span {
    width: 10px;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop .calendar_wrap .input_wrap {
    width: auto;
    margin-right: 0;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop .calendar_wrap .input_wrap input {
    max-width: 100%;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_file {
    padding-top: 10px;
  }
}

@media (max-width: 415px) {
  .ui-mobile .board_wrap .board_edit {
    padding: 10px 0;
    display: block;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_category, .ui-mobile .board_wrap .board_edit dl.col.col_package {
    width: 100%;
  }
}

@media (max-width: 335px) {
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop .calendar_wrap {
    padding-left: 0;
    background: #fff;
  }
  .ui-mobile .board_wrap .board_edit dl.col.col_notitop .calendar_wrap .input_wrap {
    max-width: calc(50% - 10px);
  }
}

.ui-mobile .board_wrap .board_edit_foot {
  margin-top: 30px;
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit_foot .col {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ui-mobile .board_wrap .board_edit_foot .col button {
    width: calc(50% - 8px);
    margin: 0;
    padding: 24px 16px;
    border-radius: 16px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}

@media (max-width: 640px) {
  .ui-mobile .board_wrap .board_edit_foot .col button {
    width: calc(50% - 4px);
  }
}

/* 버튼 */
.ui-pc nav.sub_navi button.btn_prev {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 30px;
  font-size: 1.95rem;
  -webkit-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}

/*_navi.scss*/
nav.sub_navi {
  display: block;
  width: 100%;
  border: 0;
  z-index: 9999;
}

nav.sub_navi h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: auto;
  text-align: center;
  opacity: 0;
}

nav.sub_navi h1 span {
  display: block;
  width: 100%;
  height: auto;
}

nav.sub_navi .breadcrumb,
nav.sub_navi button.btn_prev {
  opacity: 0;
}

.contents.apply nav.sub_navi h1 {
  height: auto;
  font-size: 19px;
  font-size: 1.235rem;
  line-height: 120%;
  letter-spacing: -0.05rem;
}

@media (max-width: 480px) {
  .contents.apply nav.sub_navi h1 {
    font-size: 18px;
    font-size: 1.17rem;
  }
}

.contents.apply_detail nav.sub_navi h1,
.contents.apply_detail nav.sub_navi .breadcrumb {
  display: none;
}

.contents.apply_detail nav.sub_navi .breadcrumb {
  border-top: 0;
}

.ui-pc nav.sub_navi h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 130px;
  font-size: 32px;
  font-size: 2.08rem;
  opacity: 1;
}

.ui-pc nav.sub_navi h1 span {
  padding: 2rem 0;
  font-weight: 700;
}

.ui-pc nav.sub_navi button.btn_prev {
  display: none;
}

.ui-pc nav.sub_navi .breadcrumb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 2rem 0;
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 15px;
  line-height: 1.25rem;
  font-weight: 500;
  border-top: 1px solid #e0e0e0;
  opacity: 1;
}

.ui-pc nav.sub_navi .breadcrumb i,
.ui-pc nav.sub_navi .breadcrumb a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #a1a3b0;
}

.ui-pc nav.sub_navi .breadcrumb i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.ui-pc nav.sub_navi .breadcrumb a {
  padding: 0 0.15rem;
}

.ui-pc nav.sub_navi .breadcrumb a.on {
  color: #545664;
}

.ui-pc .contents.apply nav.sub_navi h1 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-top: 1px solid #e0e0e0;
  text-align: left;
}

.ui-pc .contents.apply_detail nav.sub_navi .breadcrumb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ui-mobile nav.sub_navi .container {
  position: relative;
  background: #F7F7FA;
}

.ui-mobile nav.sub_navi h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 120%;
  text-align: center;
  border-top: 0;
  opacity: 1;
}

@media (max-width: 640px) {
  .ui-mobile nav.sub_navi h1 {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

@media (max-width: 480px) {
  .ui-mobile nav.sub_navi h1 {
    font-size: 14px;
    font-size: 0.91rem;
  }
}

@media (max-width: 320px) {
  .ui-mobile nav.sub_navi h1 {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

.ui-mobile nav.sub_navi h1 span {
  padding: 1.25rem 0;
  font-weight: 700;
}

@media (max-width: 480px) {
  .ui-mobile nav.sub_navi h1 span {
    padding: 0.9rem 0;
  }
}

.ui-mobile nav.sub_navi button.btn_prev {
  display: block;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  position: absolute;
  width: 3.75rem;
  height: 100%;
  font-size: 24px;
  font-size: 1.56rem;
  line-height: 140%;
  letter-spacing: -0.075rem;
  opacity: 1;
}

@media (max-width: 480px) {
  .ui-mobile nav.sub_navi button.btn_prev {
    font-size: 22px;
    font-size: 1.43rem;
  }
}

@media (max-width: 480px) {
  .ui-mobile nav.sub_navi button.btn_prev {
    width: 3.125rem;
    height: 100%;
  }
}

.ui-mobile nav.sub_navi .breadcrumb {
  display: none;
}

.ui-mobile .contents.apply nav.sub_navi h1 {
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 120%;
}

@media (max-width: 640px) {
  .ui-mobile .contents.apply nav.sub_navi h1 {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

@media (max-width: 480px) {
  .ui-mobile .contents.apply nav.sub_navi h1 {
    font-size: 14px;
    font-size: 0.91rem;
  }
}

@media (max-width: 320px) {
  .ui-mobile .contents.apply nav.sub_navi h1 {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

.ui-mobile .contents.apply_detail nav.sub_navi h1 {
  display: block;
}

.wrap_1400 {
  width: 1400px;
  margin: 0 auto;
  padding: 0 3rem;
}

@media (max-width: 1400px) {
  .wrap_1400 {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .wrap_1400 {
    padding: 0 var(--uh-gutter-x);
  }
}

/*--  Needed for filters --*/
@-webkit-keyframes hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}
@keyframes hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}

@-webkit-keyframes show {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes show {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.hide {
  /* You can play with the seconds to change the "animation" */
  -webkit-animation: hide 0s ease 0s 1 normal forwards;
          animation: hide 0s ease 0s 1 normal forwards;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.show {
  /* You can play with the seconds to change the "animation" */
  -webkit-animation: show 0s ease 0s 1 normal forwards;
          animation: show 0s ease 0s 1 normal forwards;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.faq_navi {
  list-style: none;
  margin-top: 0.5rem;
  padding: 0 16%;
  text-align: center;
}

.faq_navi > li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 13.6px;
  font-size: 0.884rem;
  margin: 0.4rem 0.3rem;
  min-width: 110px;
  border-radius: 100px;
  background: #ebebf2;
  color: #5a5960;
  font-weight: 500;
  padding: 7px 30px 10px;
  text-align: center;
  -webkit-transition: .1s;
  transition: .1s;
}

.faq_navi > li.on {
  background: #585CFF;
  color: #fff;
  -webkit-transition: .1s;
  transition: .1s;
}

.faq_navi > li:hover {
  background: #585CFF;
  color: #fff;
  cursor: pointer;
  -webkit-transition: .1s;
  transition: .1s;
}

@media (max-width: 1280px) {
  .faq_navi {
    padding: 0 7%;
  }
}

@media (max-width: 1024px) {
  .faq_navi {
    margin-top: 2rem;
    padding: 0;
  }
  .faq_navi > li {
    margin: 0.3rem 0.2rem;
    min-width: 100px;
    padding: 7px 20px 10px;
  }
}

@media (max-width: 800px) {
  .faq_navi {
    margin-top: 2rem;
  }
  .faq_navi br {
    display: none;
  }
}

@media (max-width: 480px) {
  .faq_navi > li {
    margin: 0.2rem 0.1rem;
    min-width: 90px;
    padding: 6px 20px 7px;
  }
}

.faq_search {
  position: relative;
  margin: 4rem auto 0;
  width: 100%;
  max-width: 600px;
  border-bottom: 2px solid transparent;
  -o-border-image: linear-gradient(170deg, #23fa71, #6166ff) 2;
     border-image: linear-gradient(170deg, #23fa71, #6166ff) 2;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 480px) {
  .faq_search {
    margin: 3rem auto 0;
  }
}

.faq_search:hover {
  -o-border-image: linear-gradient(-30deg, #23fa71, #6166ff) 2;
     border-image: linear-gradient(-30deg, #23fa71, #6166ff) 2;
  -webkit-transition: .3s;
  transition: .3s;
}

.faq_search > .input_find {
  background: none;
  border: none;
  outline: none;
  padding: 0.8rem 0 0.8rem 1.2rem;
  font-size: 15px;
  font-size: 0.975rem;
  letter-spacing: 0.5px;
  width: 86%;
}

.faq_search > .input_find::-webkit-input-placeholder {
  color: #858899;
  letter-spacing: 0;
}

.faq_search > .input_find::-moz-placeholder {
  color: #858899;
  letter-spacing: 0;
}

.faq_search > .input_find:-ms-input-placeholder {
  color: #858899;
  letter-spacing: 0;
}

.faq_search > .input_find::-ms-input-placeholder {
  color: #858899;
  letter-spacing: 0;
}

.faq_search > .input_find::placeholder {
  color: #858899;
  letter-spacing: 0;
}

.faq_search > .input_find:focus {
  outline: none;
}

.faq_search > .btn_search {
  position: absolute;
  bottom: 0.4rem;
  right: 1.2rem;
  color: #C5C5CE;
  font-size: 22px;
  font-size: 1.43rem;
  outline: none;
}

.faq_search > .btn_search:hover {
  color: #858899;
}

.faq_ul {
  list-style: none;
  margin-top: 4.5rem;
  padding: 0;
}

@media (max-width: 480px) {
  .faq_ul {
    margin-top: 3rem;
  }
}

.faq_ul > li {
  margin: 0.5rem 0;
  word-break: keep-all;
}

.faq_ul > li .faq_tit {
  font-size: 15px;
  font-size: 0.975rem;
  position: relative;
  padding: 1.5rem 2.2rem 1.5rem 5.5rem;
  border-radius: 1rem;
  -webkit-transition: ease-in-out 0.2s all;
  transition: ease-in-out 0.2s all;
  background: #f9f9f9;
  border: 1px solid #e6e6ec;
  font-weight: 500;
  cursor: pointer;
}

.faq_ul > li .faq_tit .sort {
  color: #585CFF;
  font-weight: bold;
  margin-right: 10px;
}

@media (max-width: 800px) {
  .faq_ul > li .faq_tit {
    padding: 1.5rem 2.2rem 1.5rem 4rem;
  }
}

@media (max-width: 640px) {
  .faq_ul > li .faq_tit {
    border: 2px solid #e6e6ec;
  }
}

@media (max-width: 480px) {
  .faq_ul > li .faq_tit {
    font-size: 14.6px;
    font-size: 0.949rem;
    padding: 1.3rem 1.2rem 1.3rem 3.6rem;
  }
  .faq_ul > li .faq_tit .sort {
    margin-right: 4px;
  }
}

.faq_ul > li .faq_tit::before {
  content: "Q";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-size: 1.04rem;
  font-family: "icomoon";
  position: absolute;
  top: 1.2rem;
  left: 2rem;
  border-radius: 100px;
  background: #c2c2c8;
  color: #2D2B36;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 800px) {
  .faq_ul > li .faq_tit::before {
    top: 1.3rem;
    left: 1.2rem;
  }
}

@media (max-width: 480px) {
  .faq_ul > li .faq_tit::before {
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-size: 0.975rem;
    top: 1.4rem;
    line-height: 27px;
  }
}

.faq_ul > li .faq_tit:after {
  content: "\e919";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 18px;
  font-size: 1.17rem;
  font-family: "icomoon";
  position: absolute;
  top: 1.6rem;
  right: 2rem;
  color: #858899;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 800px) {
  .faq_ul > li .faq_tit:after {
    right: 1.2rem;
  }
}

@media (max-width: 480px) {
  .faq_ul > li .faq_tit:after {
    display: none;
  }
}

.faq_ul > li .faq_open {
  background: #fff;
  border: 1px solid #585CFF;
  border-bottom: 0;
  border-radius: 1.4rem 1.4rem 0 0;
}

@media (max-width: 640px) {
  .faq_ul > li .faq_open {
    border: 2px solid #585CFF;
    border-bottom: 0;
  }
}

.faq_ul > li .faq_open::before {
  background: #585CFF;
  color: #fff;
  font-weight: 500;
}

.faq_ul > li .faq_open:after {
  content: "\e91c";
  cursor: inherit;
}

.faq_ul > li .answer {
  display: none;
  position: relative;
  padding: 0 2.2rem 0 5.5rem;
  opacity: 0;
  height: 0;
  color: #fff;
  border: 1px solid #585CFF;
  border-top: none;
}

@media (max-width: 800px) {
  .faq_ul > li .answer {
    padding: 0 4rem 0 4rem;
  }
}

@media (max-width: 640px) {
  .faq_ul > li .answer {
    border: 2px solid #585CFF;
  }
}

@media (max-width: 480px) {
  .faq_ul > li .answer {
    padding: 0 2rem 0 3.6rem;
  }
}

.faq_ul > li .open {
  display: block;
  opacity: 1;
  height: auto;
  padding: 0 2.5rem 3rem 5.5rem;
  position: relative;
  z-index: 0;
  border-top: none;
  border-radius: 0 0 1.4rem 1.4rem;
  -webkit-transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);
  transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);
}

.faq_ul > li .open ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.faq_ul > li .open ::-webkit-scrollbar-thumb {
  background: lightgray;
  border-radius: 10px;
}

.faq_ul > li .open ::-webkit-scrollbar-track {
  background: #eeeded;
  border-radius: 10px;
}

.faq_ul > li .open body.test {
  scrollbar-face-color: lightgray;
  scrollbar-track-color: #eeeded;
}

@media (max-width: 800px) {
  .faq_ul > li .open {
    padding: 0 2.5rem 2.5rem 4rem;
  }
}

@media (max-width: 480px) {
  .faq_ul > li .open {
    padding: 0 1.5rem 2rem 3.6rem;
  }
}

.faq_ul > li .open::before {
  content: "A";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-size: 1.04rem;
  font-family: "icomoon";
  position: absolute;
  top: 1rem;
  left: 2rem;
  border-radius: 100px;
  background: #2fd8b6;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 800px) {
  .faq_ul > li .open::before {
    top: 0.4rem;
    left: 1.2rem;
  }
}

@media (max-width: 480px) {
  .faq_ul > li .open::before {
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-size: 0.975rem;
    top: 0.5rem;
    line-height: 27px;
  }
}

.faq_ul > li .open > .faq_conts {
  height: auto;
  max-height: 600px;
  color: #777a8d;
  overflow-y: auto;
}

.faq_ul > li .open > .faq_conts p {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 16px;
  line-height: 1.375rem;
  color: #777a8d;
  font-weight: 400;
}

.faq_ul > li .open > .faq_conts p > strong {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
}

.faq_ul > li .open > .faq_conts p.txt {
  white-space: pre-line;
}

.board_list_foot {
  margin-top: 4rem;
}

.board_list_foot .pagination_wrap {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_list_foot .pagination_wrap button,
.board_list_foot .pagination_wrap a,
.board_list_foot .pagination_wrap ul li span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 15.5px;
  line-height: 1.3125rem;
  color: #464646;
}

.board_list_foot .pagination_wrap button:hover,
.board_list_foot .pagination_wrap a:hover,
.board_list_foot .pagination_wrap ul li span:hover {
  background-color: #ebebf2;
}

.board_list_foot .pagination_wrap button {
  font-size: 20px;
  font-size: 1.3rem;
}

.board_list_foot .pagination_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_list_foot .pagination_wrap ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_list_foot .pagination_wrap ul li.on span {
  background-color: #2D2B36;
  color: #fff;
}

@media (max-width: 640px) {
  .board_list_foot {
    margin-top: 2rem;
  }
  .board_list_foot .pagination_wrap {
    width: 100%;
    height: 60px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .board_list_foot .pagination_wrap ul {
    display: none;
  }
}

@media (max-width: 640px) {
  .board_area {
    padding: 0 !important;
  }
}

.board_area .coupon_wrap .apply_coupon_wrap {
  text-align: center;
  margin-top: 1rem;
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap .apply_coupon_wrap {
    margin-top: 4rem;
  }
}

@media (max-width: 480px) {
  .board_area .coupon_wrap .apply_coupon_wrap {
    margin-top: 3rem;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap .apply_coupon_wrap .btn_group {
    padding: 0 18%;
  }
}

@media (max-width: 800px) {
  .board_area .coupon_wrap .apply_coupon_wrap .btn_group {
    padding: 0 13%;
  }
}

@media (max-width: 640px) {
  .board_area .coupon_wrap .apply_coupon_wrap .btn_group {
    padding: 0;
  }
}

.board_area .coupon_wrap .apply_coupon_wrap .btn_group > input {
  width: 400px;
  height: 60px;
  background: #F7F7FA;
  border: 1px solid #c9cad1;
  border-radius: 10px;
  padding: 0 20px;
  outline: none;
}

.board_area .coupon_wrap .apply_coupon_wrap .btn_group > input::-webkit-input-placeholder {
  font-size: 15px;
  font-size: 0.975rem;
  color: #2D2B36;
}

.board_area .coupon_wrap .apply_coupon_wrap .btn_group > input::-moz-placeholder {
  font-size: 15px;
  font-size: 0.975rem;
  color: #2D2B36;
}

.board_area .coupon_wrap .apply_coupon_wrap .btn_group > input:-ms-input-placeholder {
  font-size: 15px;
  font-size: 0.975rem;
  color: #2D2B36;
}

.board_area .coupon_wrap .apply_coupon_wrap .btn_group > input::-ms-input-placeholder {
  font-size: 15px;
  font-size: 0.975rem;
  color: #2D2B36;
}

.board_area .coupon_wrap .apply_coupon_wrap .btn_group > input::placeholder {
  font-size: 15px;
  font-size: 0.975rem;
  color: #2D2B36;
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap .apply_coupon_wrap .btn_group > input {
    width: 70%;
    height: 60px;
  }
}

@media (max-width: 480px) {
  .board_area .coupon_wrap .apply_coupon_wrap .btn_group > input {
    width: 100%;
    height: 58px;
    padding: 0 15px;
  }
}

.board_area .coupon_wrap .apply_coupon_wrap .btn_group > button {
  width: 160px;
  height: 60px;
  background: #2D2B36;
  color: #fff;
  border: 1px solid #2D2B36;
  border-radius: 10px;
  padding: 0 20px;
  outline: none;
  margin-left: 6px;
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap .apply_coupon_wrap .btn_group > button {
    width: 27%;
    height: 60px;
    margin-left: 2%;
  }
}

@media (max-width: 480px) {
  .board_area .coupon_wrap .apply_coupon_wrap .btn_group > button {
    width: 100%;
    height: 58px;
    margin: 15px 0 0 0;
  }
}

.board_area .coupon_wrap ul.board_list_head {
  margin-top: 4rem;
}

.board_area .coupon_wrap ul.board_list_head > li.title_li {
  padding: 12px 50px;
}

.board_area .coupon_wrap ul.board_list_head > li.title_li .col_coupon {
  width: 55%;
}

.board_area .coupon_wrap ul.board_list_head > li.title_li .col_discount {
  width: 12%;
}

.board_area .coupon_wrap ul.board_list_head > li.title_li .col_date {
  width: 21%;
}

.board_area .coupon_wrap ul.board_list_head > li.title_li .col_pop {
  width: 21%;
}

.board_area .coupon_wrap ul.board_list_head > li.title_li .col_use {
  width: 12%;
}

@media (max-width: 1280px) {
  .board_area .coupon_wrap ul.board_list_head > li.title_li {
    padding: 12px 2rem;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_head > li.title_li .col_coupon {
    display: block !important;
    padding-left: 1.5rem;
  }
}

@media (max-width: 640px) {
  .board_area .coupon_wrap ul.board_list_head {
    margin-top: 3rem;
  }
}

.board_area .coupon_wrap ul.board_list_body {
  border-bottom: 3px solid #2d2b36;
  margin-bottom: 2.5rem;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li {
  padding: 40px 50px;
}

@media (max-width: 1280px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li {
    padding: 3rem 2rem;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li {
    padding: 2rem 1.5rem !important;
  }
}

@media (max-width: 640px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li {
    padding: 1.5rem 1rem !important;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon {
  width: 55%;
  overflow: hidden;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon::after {
  clear: both;
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon {
    width: 74%;
  }
}

@media (max-width: 800px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon {
    width: 100% !important;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg {
  width: 152px;
  height: 76px;
  float: left;
  position: relative;
  background-image: url(/WASUB/_Resources/images/common/coupon_img.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount {
  position: absolute;
  width: 100px;
  top: 15px;
  left: 50%;
  margin-left: -65px;
  color: #2D2B36;
  text-align: center;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .num {
  font-size: 20px;
  font-size: 1.3rem;
  font-weight: bold;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .unit {
  font-size: 17px;
  font-size: 1.105rem;
  font-weight: 400;
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount {
    top: 24px;
    margin-left: -68px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .num {
    font-size: 21px;
    font-size: 1.365rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .unit {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

@media (max-width: 640px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg {
    width: 30%;
    height: 76px;
    background-size: 100%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount {
    margin-left: -62px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .num {
    font-size: 19px;
    font-size: 1.235rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .unit {
    font-size: 14px;
    font-size: 0.91rem;
  }
}

@media (max-width: 480px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg {
    width: 40%;
    height: 80px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount {
    top: 27px;
    margin-left: -60px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .num {
    font-size: 18px;
    font-size: 1.17rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .unit {
    font-size: 13.6px;
    font-size: 0.884rem;
  }
}

@media (max-width: 400px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg {
    width: 46%;
    height: 70px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount {
    top: 22px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .coupon_bg p.discount > .num {
    font-size: 17px;
    font-size: 1.105rem;
    letter-spacing: -1px;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap {
  text-align: left;
  float: left;
  margin-left: 35px;
  width: 65%;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .name {
  font-size: 18px;
  font-size: 1.17rem;
  font-weight: 500;
  color: #2D2B36;
  line-height: 1.2;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .limit {
  font-size: 13.6px;
  font-size: 0.884rem;
  color: #9396a5;
  letter-spacing: 0.2px;
  margin-top: 8px;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .date {
  font-size: 13.6px;
  font-size: 0.884rem;
  color: #9396a5;
  letter-spacing: 0.4px;
  margin-top: 4px;
}

@media (max-width: 1280px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap {
    margin-left: 4%;
    width: 60%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .name {
    font-size: 17px;
    font-size: 1.105rem;
    word-break: keep-all;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap {
    margin-left: 4%;
    width: auto;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .limit {
    margin-top: 10px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .date {
    margin-top: 8px;
  }
}

@media (max-width: 800px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap {
    width: 65%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .name {
    line-height: 1.4;
  }
}

@media (max-width: 640px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap {
    margin-left: 5%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .name {
    font-size: 16px;
    font-size: 1.04rem;
    line-height: 1.4;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .limit {
    font-size: 13px;
    font-size: 0.845rem;
    margin-top: 8px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .date {
    font-size: 13px;
    font-size: 0.845rem;
    margin-top: 6px;
  }
}

@media (max-width: 480px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap {
    margin: 1rem 0 0 0;
    width: 100%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .name {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .limit {
    font-size: 13.6px;
    font-size: 0.884rem;
    margin-top: 8px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_coupon .txt_wrap > .date {
    font-size: 13.6px;
    font-size: 0.884rem;
    margin-top: 6px;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_discount {
  width: 12%;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_discount .txt {
  font-size: 18px;
  font-size: 1.17rem;
  color: #2D2B36;
}

@media (max-width: 1280px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_discount .txt {
    font-size: 17px;
    font-size: 1.105rem;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_discount {
    display: none !important;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_date {
  width: 21%;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_date .txt {
  font-size: 18px;
  font-size: 1.17rem;
  color: #2D2B36;
}

@media (max-width: 1280px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_date .txt {
    font-size: 17px;
    font-size: 1.105rem;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_date {
    display: none !important;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop {
  width: 21%;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .txt {
  font-size: 18px;
  font-size: 1.17rem;
  color: #2D2B36;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop > a {
  font-size: 18px;
  font-size: 1.17rem;
  color: #2D2B36;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, rgba(255, 255, 255, 0)), color-stop(5%, #2D2B36));
  background: linear-gradient(rgba(255, 255, 255, 0) 95%, #2D2B36 5%);
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 999;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(45, 43, 54, 0.6);
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer {
  position: relative;
  background: #fff;
  width: 650px;
  height: auto;
  top: 25%;
  left: 50%;
  margin-left: -325px;
  padding: 50px 22px 30px;
  z-index: 9999;
  border-radius: 20px;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .pop-container {
  width: 100%;
  min-height: 300px;
  max-height: 400px;
  overflow-y: scroll;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .pop-container .pop-conts .coupon_tbl {
  width: 96%;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .pop-container .pop-conts .coupon_tbl thead th {
  background: #e3e3fb;
  border: 1px solid #e3e3fb;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .pop-container .pop-conts .coupon_tbl tbody td {
  border: 1px solid #e0e0e0;
  border-top: none;
  padding: 8px;
  font-size: 14px;
  word-break: keep-all;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .btn-r > a {
  top: 10px;
  right: 10px;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  box-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .btn-r > a .blind {
  display: none;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .btn-r > a > .icon-close {
  font-size: 30px;
}

@media (max-width: 1280px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .txt {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop > a {
    font-size: 17px;
    font-size: 1.105rem;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop {
    width: 13%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .txt {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop > a {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer {
    top: 20%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .pop-container .pop-conts .coupon_tbl {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop {
    width: 100%;
    padding-left: 176px;
    margin-top: 1%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .txt {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop > a {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer {
    width: 90%;
    top: 18%;
    left: 5%;
    margin: 0;
  }
}

@media (max-width: 640px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop {
    padding-left: 35%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .txt {
    font-size: 14.6px;
    font-size: 0.949rem;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop > a {
    font-size: 14.6px;
    font-size: 0.949rem;
  }
}

@media (max-width: 480px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop {
    padding-left: 0;
    margin-top: 3%;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .dimBg {
    background: rgba(45, 43, 54, 0.7);
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .pop-container .pop-conts .coupon_tbl thead th {
    font-size: 13.6px;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .pop-container .pop-conts .coupon_tbl tbody td {
    font-size: 13.6px;
    line-height: 1.3;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .btn-r > a {
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    position: absolute;
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    box-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .btn-r > a .blind {
    display: none;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_pop .dim-layer .pop-layer .btn-r > a > .icon-close {
    font-size: 30px;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_use {
  width: 12%;
  text-align: center;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_use .txt {
  font-size: 18px;
  font-size: 1.17rem;
  color: #2D2B36;
}

@media (max-width: 1280px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_use .txt {
    font-size: 17px;
    font-size: 1.105rem;
  }
}

@media (max-width: 1024px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_use {
    width: 9%;
    text-align: center;
  }
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_use .txt {
    font-size: 16px;
    font-size: 1.04rem;
  }
}

@media (max-width: 800px) {
  .board_area .coupon_wrap ul.board_list_body > li.coupon_li .col_use {
    display: none !important;
  }
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_coupon .coupon_bg {
  background-image: url(/WASUB/_Resources/images/common/coupon_img_used.png);
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_coupon .coupon_bg p.discount {
  color: #858899;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_coupon .txt_wrap > .name {
  color: #c9cad1;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_coupon .txt_wrap > .limit {
  color: #c9cad1;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_coupon .txt_wrap > .date {
  color: #c9cad1;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_discount .txt {
  color: #c9cad1;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_date .txt {
  color: #c9cad1;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_pop .txt {
  color: #c9cad1;
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_pop > a {
  color: #c9cad1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, rgba(255, 255, 255, 0)), color-stop(5%, #c9cad1));
  background: linear-gradient(rgba(255, 255, 255, 0) 95%, #c9cad1 5%);
}

.board_area .coupon_wrap ul.board_list_body > li.coupon_li.used .col_use .txt {
  color: #c9cad1;
}

.board_area .coupon_wrap ul.ps_ul {
  margin-top: 2rem;
  color: #858899;
  padding-left: 1.4rem;
}

.board_area .coupon_wrap ul.ps_ul > li {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 16px;
  line-height: 1.375rem;
  list-style: disc;
  margin: 0.5rem 0;
  word-break: keep-all;
}

@media (max-width: 640px) {
  .board_area .coupon_wrap ul.ps_ul {
    word-break: keep-all;
  }
}

@media (max-width: 480px) {
  .board_area .coupon_wrap ul.ps_ul {
    margin-top: 0;
  }
}

.order_section > .order_title {
  font-size: 18px;
  font-size: 1.17rem;
  color: #2D2B36;
  font-weight: 600;
  margin-bottom: 1.2rem;
  letter-spacing: -0.8px;
}

@media (max-width: 640px) {
  .order_section > .order_title {
    font-size: 17px;
    font-size: 1.105rem;
    margin-bottom: 0.8rem;
  }
}

@media (max-width: 480px) {
  .order_section > .order_title {
    font-size: 16px;
    font-size: 1.04rem;
  }
}

.order_section .order_article {
  position: relative;
  padding: 2.2rem 0 0;
  border-top: 3px solid #2D2B36;
}

@media (max-width: 640px) {
  .order_section .order_article {
    padding: 1.8rem 0 0;
  }
}

@media (max-width: 480px) {
  .order_section .order_article {
    padding: 1.6rem 0 0;
  }
}

.order_section .order_article .order_btn_wrap {
  position: absolute;
  right: 0;
  top: 25px;
}

.order_section .order_article .order_btn_wrap > .order_detail {
  font-size: 14px;
  font-size: 0.91rem;
  background: #464646;
  color: #fff;
  border: 1px solid #464646;
  border-radius: 5px;
  outline: none;
  line-height: 30px;
}

.order_section .order_article .order_btn_wrap > .order_detail > i {
  font-size: 17px;
  font-size: 1.105rem;
  vertical-align: top;
}

.order_section .order_article .order_btn_wrap > .order_detail:hover {
  background: #2d2c2c;
}

.order_section .order_article .order_btn_wrap > .shipping {
  font-size: 14px;
  font-size: 0.91rem;
  background: #F7F7FA;
  border: 1px solid #858899;
  border-radius: 5px;
  outline: none;
  line-height: 30px;
  margin-right: 2px;
}

.order_section .order_article .order_btn_wrap > .shipping:hover {
  background: #e7e7f0;
}

@media (max-width: 640px) {
  .order_section .order_article .order_btn_wrap > .order_detail {
    line-height: 26px;
  }
  .order_section .order_article .order_btn_wrap > .order_detail > em {
    display: none;
  }
  .order_section .order_article .order_btn_wrap > .shipping {
    line-height: 26px;
  }
}

@media (max-width: 480px) {
  .order_section .order_article .order_btn_wrap {
    position: static;
    top: auto;
    margin-bottom: 2%;
  }
  .order_section .order_article .order_btn_wrap > .order_detail {
    font-size: 13.6px;
    font-size: 0.884rem;
  }
  .order_section .order_article .order_btn_wrap > .shipping {
    font-size: 13.6px;
    font-size: 0.884rem;
  }
}

.order_section .order_article .order_wrap {
  font-size: 15px;
  font-size: 0.975rem;
  padding-bottom: 1rem;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #ececec;
}

@media (max-width: 640px) {
  .order_section .order_article .order_wrap {
    font-size: 16px;
    font-size: 1.04rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 480px) {
  .order_section .order_article .order_wrap {
    letter-spacing: 0;
  }
}

.order_section .order_article .content_wrap {
  padding: 0 0 2.2rem;
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}

.order_section .order_article .content_wrap .left_img {
  width: 54px;
  float: left;
  margin: 0 30px 0 0;
}

.order_section .order_article .content_wrap .left_img > img {
  width: 100%;
  border-radius: 5px;
}

.order_section .order_article .content_wrap .left_txt {
  float: left;
}

.order_section .order_article .content_wrap .left_txt .content_txt {
  font-size: 18px;
  font-size: 1.17rem;
  line-height: 1.2;
  padding: 2rem 0 0;
}

.order_section .order_article .content_wrap .left_txt .content_txt > i {
  vertical-align: unset;
  margin: 0 2px 0 5px;
}

.order_section .order_article .content_wrap .left_txt .content_txt > span.sort {
  font-size: 15px;
  font-size: 0.975rem;
  background: #585CFF;
  border: 1px solid #585CFF;
  color: #fff;
  border-radius: 3px;
  padding: 1px 6px 3px;
  margin-right: 5px;
}

.order_section .order_article .content_wrap .left_txt .date_txt {
  font-size: 14px;
  font-size: 0.91rem;
  color: #858899;
  margin-top: 0.6rem;
}

.order_section .order_article .content_wrap .left_txt .date_txt > .date {
  letter-spacing: 0.5px;
}

.order_section .order_article .content_wrap .right_txt {
  font-size: 18px;
  font-size: 1.17rem;
  line-height: 1.2;
  float: right;
  text-align: right;
}

.order_section .order_article .content_wrap::after {
  clear: both;
}

@media (max-width: 640px) {
  .order_section .order_article .content_wrap {
    padding: 1.5rem 0 1.5rem;
  }
  .order_section .order_article .content_wrap .left_img {
    width: 10%;
    margin: 0 5% 0 0;
  }
  .order_section .order_article .content_wrap .left_txt .content_txt {
    font-size: 15px;
    font-size: 0.975rem;
    padding: 0;
  }
  .order_section .order_article .content_wrap .left_txt .content_txt > i {
    vertical-align: bottom;
  }
  .order_section .order_article .content_wrap .left_txt .content_txt > span.sort {
    font-size: 14.6px;
    font-size: 0.949rem;
    padding: 0 5px 2px;
    background: #464646;
    border: 1px solid #2D2B36;
  }
  .order_section .order_article .content_wrap .left_txt .date_txt {
    font-size: 13.4px;
    font-size: 0.871rem;
    color: #858899;
  }
  .order_section .order_article .content_wrap .left_txt .date_txt > .date {
    letter-spacing: 0.3px;
  }
  .order_section .order_article .content_wrap .right_txt {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

@media (max-width: 480px) {
  .order_section .order_article .content_wrap {
    padding: 1.2rem 1rem 1.8rem;
    border-bottom: 2px solid #ececec;
    background: #F7F7FA;
  }
  .order_section .order_article .content_wrap .left_img {
    width: 15%;
  }
  .order_section .order_article .content_wrap .left_txt {
    width: 80%;
  }
  .order_section .order_article .content_wrap .left_txt .content_txt {
    word-break: keep-all;
  }
  .order_section .order_article .content_wrap .left_txt .content_txt > span.sort {
    font-size: 13px;
    font-size: 0.845rem;
    display: block;
    font-weight: 500;
    text-align: center;
    width: 40px;
    padding: 1px 1px 3px 0;
    margin-bottom: 5px;
  }
  .order_section .order_article .content_wrap .left_txt .date_txt {
    font-size: 13.2px;
    font-size: 0.858rem;
    word-break: keep-all;
  }
  .order_section .order_article .content_wrap .left_txt .date_txt > .date {
    letter-spacing: 0.2px;
  }
  .order_section .order_article .content_wrap .left_txt .date_txt > .left {
    display: block;
    letter-spacing: 0.2px;
  }
  .order_section .order_article .content_wrap .right_txt {
    float: none;
    clear: both;
    width: 100%;
  }
}

.order_section .order_article .info_wrap {
  border-bottom: 1px solid #ececec;
  padding-bottom: 0.8rem;
}

.order_section .order_article .info_wrap .info_dl {
  padding-bottom: 1.2rem;
}

.order_section .order_article .info_wrap .info_dl > dt {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 17px;
  font-size: 1.105rem;
  color: #858899;
  width: 17%;
}

.order_section .order_article .info_wrap .info_dl > dd {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 17px;
  font-size: 1.105rem;
  position: relative;
}

.order_section .order_article .info_wrap .info_dl > dd > em {
  font-size: 17.2px;
  font-size: 1.118rem;
  letter-spacing: 0;
  padding-right: 2px;
}

.order_section .order_article .info_wrap .info_dl > dd > em.mg_l {
  margin-left: 3px;
  letter-spacing: 0.2px;
}

.order_section .order_article .info_wrap .info_dl > dd > em.mark {
  position: absolute;
  left: -18px;
}

.order_section .order_article .info_wrap .info_dl > dd > span.zipcode {
  display: block;
  letter-spacing: 0.2px;
}

.order_section .order_article .info_wrap .info_dl > dd.line {
  margin: 0 0.8rem;
  position: relative;
}

.order_section .order_article .info_wrap .info_dl > dd.line::before {
  width: 2px;
  height: 16px;
  position: absolute;
  display: block;
  content: "";
  background: #caccd3;
  top: 7px;
  left: 0;
}

@media (max-width: 1024px) {
  .order_section .order_article .info_wrap .info_dl > dt {
    width: 22%;
  }
}

@media (max-width: 800px) {
  .order_section .order_article .info_wrap .info_dl {
    padding-bottom: 0.7rem;
  }
  .order_section .order_article .info_wrap .info_dl > dt {
    font-size: 16px;
    font-size: 1.04rem;
    width: 24%;
  }
  .order_section .order_article .info_wrap .info_dl > dd {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .order_section .order_article .info_wrap .info_dl > dd > em {
    font-size: 16.2px;
    font-size: 1.053rem;
  }
  .order_section .order_article .info_wrap .info_dl > dd > em.mg_l {
    margin-left: 2px;
    letter-spacing: 0;
  }
  .order_section .order_article .info_wrap .info_dl > dd > em.mark {
    left: -15px;
  }
}

@media (max-width: 640px) {
  .order_section .order_article .info_wrap .info_dl {
    padding-bottom: 0.6rem;
  }
  .order_section .order_article .info_wrap .info_dl > dt {
    font-size: 15px;
    font-size: 0.975rem;
    width: 28%;
  }
  .order_section .order_article .info_wrap .info_dl > dt.long {
    width: 100%;
    margin-bottom: 6px;
  }
  .order_section .order_article .info_wrap .info_dl > dd {
    font-size: 15px;
    font-size: 0.975rem;
    word-break: keep-all;
  }
  .order_section .order_article .info_wrap .info_dl > dd > em {
    font-size: 15.2px;
    font-size: 0.988rem;
  }
  .order_section .order_article .info_wrap .info_dl > dd > em.mark {
    left: -13px;
  }
  .order_section .order_article .info_wrap .info_dl > dd > span.zipcode {
    display: inline-block;
    padding-right: 15px;
    position: relative;
  }
  .order_section .order_article .info_wrap .info_dl > dd > span.zipcode::after {
    width: 2px;
    height: 13px;
    position: absolute;
    display: block;
    content: "";
    background: #caccd3;
    top: 5px;
    right: 4px;
  }
  .order_section .order_article .info_wrap .info_dl > dd.line {
    margin: 0 0.6rem;
  }
  .order_section .order_article .info_wrap .info_dl > dd.line::before {
    width: 2px;
    height: 13px;
    top: 6px;
  }
}

@media (max-width: 480px) {
  .order_section .order_article .info_wrap {
    border-bottom: 2px solid #ececec;
  }
  .order_section .order_article .info_wrap .info_dl > dt {
    width: 33%;
  }
  .order_section .order_article .info_wrap .info_dl > dt.long {
    margin-bottom: 8px;
  }
  .order_section .order_article .info_wrap .info_dl > dd > em {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .order_section .order_article .info_wrap .info_dl > dd.line {
    margin: 0 0.5rem;
  }
}

@media (max-width: 400px) {
  .order_section .order_article .info_wrap .info_dl > dt {
    width: 42%;
  }
  .order_section .order_article .info_wrap .info_dl > dd > em.mark {
    left: -12px;
  }
}

.order_section .order_article p.not_yet {
  text-align: center;
  border-bottom: 1px solid #ececec;
  padding: 0 0 2.2rem;
}

.order_section .order_article p.not_yet > i {
  font-size: 32px;
  font-size: 2.08rem;
  display: block;
  color: #e0e0e0;
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  .order_section .order_article p.not_yet {
    padding: 0.2rem 0 2rem;
    font-size: 14px;
    font-size: 0.91rem;
  }
  .order_section .order_article p.not_yet > i {
    font-size: 28px;
    font-size: 1.82rem;
  }
}

.subscription_sc {
  margin-top: 1rem;
}

.subscription_sc .complete .right_txt .state_txt {
  padding: 2rem 0 0;
}

.subscription_sc .complete .right_txt .state_txt.done_date {
  padding: 2.2rem 0 0;
}

.subscription_sc .complete .right_txt .state_txt.done_date > em {
  font-size: 13px;
  font-size: 0.845rem;
  display: block;
  color: #858899;
  margin-top: 0.2rem;
}

.subscription_sc .yet .right_txt {
  padding: 0;
}

@media (max-width: 1024px) {
  .subscription_sc {
    margin-top: 4rem;
  }
}

@media (max-width: 640px) {
  .subscription_sc .complete .right_txt .state_txt {
    padding: 0.9rem 0 0;
  }
  .subscription_sc .complete .right_txt .state_txt.done_date {
    padding: 0.3rem 0 0;
  }
  .subscription_sc .complete .right_txt .state_txt.done_date > em {
    margin-top: 0.1rem;
  }
}

@media (max-width: 480px) {
  .subscription_sc {
    margin-top: 2.5rem;
  }
  .subscription_sc .complete .right_txt {
    padding: 0;
    padding-top: 1rem;
    color: #585CFF;
    text-align: right;
  }
  .subscription_sc .yet .right_txt {
    padding: 0;
    padding-top: 1rem;
    color: #585CFF;
    text-align: right;
  }
}

.etc_sc {
  margin-top: 5rem;
}

.etc_sc .complete .right_txt {
  padding: 2rem 0 0;
}

.etc_sc .yet .left_txt {
  padding: 2rem 0;
}

.etc_sc .yet .right_txt {
  padding: 2rem 0 0;
}

@media (max-width: 1024px) {
  .etc_sc {
    margin-top: 6rem;
  }
}

@media (max-width: 640px) {
  .etc_sc .complete .right_txt {
    padding: 0;
  }
  .etc_sc .yet .right_txt {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .etc_sc .complete .right_txt {
    padding: 0;
    padding-top: 1rem;
    color: #585CFF;
    text-align: right;
  }
  .etc_sc .yet .right_txt {
    padding: 0;
    padding-top: 1rem;
    color: #585CFF;
    text-align: right;
  }
}

.info_sc {
  margin-top: 5rem;
}

@media (max-width: 480px) {
  .info_sc {
    margin-top: 4rem;
  }
}

.pay_sc {
  margin-top: 5rem;
  position: relative;
}

.pay_sc .pay_btn_wrap {
  position: absolute;
  right: 0;
  top: 0;
}

.pay_sc .pay_btn_wrap > button {
  width: auto;
  height: 35px;
  margin-left: 5px;
  outline: none;
  background: #2D2B36;
  color: #fff;
  border-radius: 5px;
  padding: 0 0.7rem;
}

.pay_sc .pay_btn_wrap > button > span {
  font-size: 13.6px;
  font-size: 0.884rem;
  line-height: 35px;
}

.pay_sc .pay_btn_wrap > button.cancel_btn {
  background: #f5f5f5;
  border: 1px solid #c9cad1;
}

.pay_sc .pay_btn_wrap > button.cancel_btn > span {
  color: #858899;
}

@media (max-width: 640px) {
  .pay_sc .pay_btn_wrap {
    top: -1px;
  }
  .pay_sc .pay_btn_wrap > button {
    width: auto;
    height: 32px;
    margin-left: 3px;
    padding: 0 0.5rem;
  }
  .pay_sc .pay_btn_wrap > button > span {
    font-size: 13.2px;
    font-size: 0.858rem;
    line-height: 31px;
  }
  .pay_sc .pay_btn_wrap > button.payment {
    display: none;
  }
}

@media (max-width: 480px) {
  .pay_sc {
    margin-top: 4rem;
  }
  .pay_sc .pay_btn_wrap {
    top: -2px;
  }
  .pay_sc .pay_btn_wrap > button {
    width: auto;
    height: 30px;
    margin-left: 2px;
    padding: 0 0.6rem;
  }
  .pay_sc .pay_btn_wrap > button > span {
    font-size: 13px;
    font-size: 0.845rem;
    line-height: 29px;
  }
  .pay_sc .pay_btn_wrap > button.tax_btn {
    display: none;
  }
}

.shipping_sc {
  margin-top: 5rem;
}

@media (max-width: 480px) {
  .shipping_sc {
    margin-top: 4rem;
  }
}

.order_details {
  width: auto;
  height: auto;
  height: auto !important;
  max-width: 650px;
  max-height: 780px;
  /*이미신청한경우
  .txt_box_already {
    margin-top: $spacer*0.5;
    padding: $spacer*0.8 $spacer*1 $spacer*1 $spacer*1;
    border-radius: 10px;
    background: $co_bg;

    .txt_ul {

      >li {
        @include font-size(13.6);
        position: relative;
        margin: $spacer*0.4 0;
        padding-left: 10px;
        color: lighten($co_black, 35%);
        word-break: keep-all;

        &::before {
          content: "-";
          position: absolute;
          left: 0;
        }
      }
    }
  }

  .apply_info {
    margin-top: $spacer*1.5;
    text-align: center;
  }
  */
}

@media (max-width: 480px) {
  .order_details {
    overflow-y: scroll;
  }
}

.order_details .tit {
  font-size: 18px !important;
  margin-top: 0.5rem;
}

.order_details .pop_form {
  height: 400px;
  overflow-y: scroll;
  padding-bottom: 0.5rem;
}

@media (max-width: 640px) {
  .order_details .pop_form {
    padding: 0;
  }
}

.order_details .pop_form fieldset {
  margin-top: 0.2rem;
}

.order_details .pop_form fieldset h5.legend {
  font-size: 14.8px;
  font-size: 0.962rem;
  font-weight: 500;
  color: #585CFF;
}

.order_details .pop_form fieldset h5.legend > .ps {
  font-size: 12px;
  font-size: 0.78rem;
  display: block;
  font-weight: 300;
  margin-top: 0.1rem;
  color: #858899;
  word-break: keep-all;
}

.order_details .pop_form fieldset div[class$=_box_out]:first-of-type {
  margin-top: 0.5rem;
}

.order_details .pop_form fieldset div[class$=_box_out] h6.info_title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}

.order_details .pop_form fieldset div[class$=_box_out] .input_wrap input {
  max-width: 100% !important;
  outline: none;
}

.order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd1 {
  width: 120px;
}

.order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd2 {
  width: 90px;
  margin-right: 7px;
}

.order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd3 {
  width: 120px;
}

.order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd4 {
  width: 319px;
}

.order_details .pop_form fieldset div[class$=_box_out] .input_wrap span.at {
  width: 30px;
  text-align: center;
  padding: 9px 0;
}

.order_details .pop_form fieldset div[class$=_box_out] .input_wrap span.dash {
  width: 17px;
  text-align: center;
  padding: 10px 7px 0 0;
}

.order_details .pop_form fieldset div[class$=_box_out] .btn_check {
  width: 70px;
  height: 38px;
  font-size: 14px;
  font-size: 0.91rem;
  background: #2D2B36;
  color: #fff;
  outline: none;
  border-radius: 5px;
  margin-top: 8px;
}

.order_details .pop_form fieldset div[class$=_box_out] .individual_wrap {
  padding: 12px 0 12px 8px;
}

.order_details .pop_form fieldset div[class$=_box_out] .company_wrap {
  padding: 12px 0 12px 8px;
}

.order_details .pop_form fieldset div[class$=_box_out] > .each_wrap .radio_tit {
  display: inline-block;
  width: auto;
}

.order_details .pop_form fieldset div[class$=_box_out] > .each_wrap .radio_tit > p {
  width: 120px;
}

.order_details .pop_form fieldset div[class$=_box_out] > .each_wrap .radio_tit > label {
  display: inline-block;
  width: 100px;
}

@media (max-width: 640px) {
  .order_details .pop_form fieldset div[class$=_box_out] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .order_details .pop_form fieldset div[class$=_box_out] h6.info_title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap {
    padding: 8px 0 8px 6px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd1 {
    width: 95px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd2 {
    width: 70px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd3 {
    width: 95px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd4 {
    width: 100%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap span.at {
    width: 24px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap span.dash {
    width: 14px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] > .each_wrap .radio_tit > label {
    width: 96px;
  }
}

@media (max-width: 560px) {
  .order_details .pop_form fieldset div[class$=_box_out] .btn_check {
    width: 94%;
    height: 38px;
    margin: 0 0 8px 1px;
  }
}

@media (max-width: 480px) {
  .order_details .pop_form fieldset div[class$=_box_out] {
    display: inline-block;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap {
    padding: 2% 3%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd2 {
    width: 27%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd1 {
    width: 94%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd3 {
    width: 44%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd4 {
    width: 94%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap span.at {
    display: none;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap span.dash {
    width: 3%;
    padding: 15px 0 0 0;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .btn_check {
    width: 89%;
    height: 38px;
    margin: 0 4% 3%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] > .each_wrap .radio_tit {
    width: 100%;
    padding: 4% 2% 1% 8px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] > .each_wrap .radio_tit > p {
    width: auto;
  }
  .order_details .pop_form fieldset div[class$=_box_out] > .each_wrap .radio_tit > label {
    width: auto;
  }
}

@media (max-width: 360px) {
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap {
    padding: 8px 0 8px 8px;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd1 {
    width: 92%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd2 {
    width: 26%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd3 {
    width: 43%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap input.wd4 {
    width: 92%;
  }
  .order_details .pop_form fieldset div[class$=_box_out] .input_wrap span.dash {
    width: auto;
  }
}

.order_details .pop_form fieldset.field_02 {
  margin-top: 1.8rem;
}

.order_details .txt_box {
  margin-top: 0.8rem;
  padding: 0.8rem 1rem 1rem 1rem;
  border-radius: 10px;
  background: #F7F7FA;
}

.order_details .txt_box .txt_ul {
  max-height: 110px;
  overflow-y: scroll;
}

.order_details .txt_box .txt_ul > li {
  font-size: 13px;
  font-size: 0.845rem;
  position: relative;
  margin: 0.3rem 0;
  padding-left: 10px;
  color: #817c97;
  word-break: keep-all;
}

.order_details .txt_box .txt_ul > li::before {
  content: "-";
  position: absolute;
  left: 0;
}

.order_details .btn_grpup {
  width: 100%;
  margin: 1.7rem auto 0;
  text-align: center;
}

.order_details .btn_grpup button.btn_submit {
  width: 270px;
  height: 66px;
  font-size: 16px;
  font-size: 1.04rem;
  background: #585CFF;
  color: #fff;
  border-radius: 100px;
  outline: none;
}

.order_details .btn_grpup button.btn_submit:hover {
  background: #494dff;
}

@media (max-width: 480px) {
  .order_details .btn_grpup button.btn_submit {
    width: 80%;
  }
}

.order_details .btn_grpup button.btn_close {
  position: static;
  width: 260px;
  height: 66px;
  font-size: 16px;
  font-size: 1.04rem;
  background: #585CFF;
  color: #fff;
  border-radius: 100px;
  outline: none;
}

@media (max-width: 480px) {
  .order_details .btn_grpup button.btn_close {
    width: 80%;
  }
}

.order_details.order_alert {
  max-width: 500px;
  max-height: 300px;
}

.order_details.order_alert .caution {
  text-align: center;
  margin-top: 0.1rem;
}

.order_details.order_alert .caution span {
  font-size: 20px;
  font-size: 1.3rem;
  color: #2D2B36;
}

.order_details.order_alert .caution span i {
  margin-right: 5px;
  font-size: 22px;
  font-size: 1.43rem;
}

.order_details.order_alert .apply_info {
  margin-top: 1rem;
  text-align: center;
  word-break: keep-all;
}

.order_details.order_alert .apply_info .red {
  font-size: 16px;
  font-size: 1.04rem;
  color: #585CFF;
  font-weight: bold;
}

.order_details.order_alert .apply_info .gray {
  font-size: 15px;
  font-size: 0.975rem;
  color: #858899;
  margin-top: 0.5rem;
}

.order_details.order_alert .apply_info .gray > strong {
  display: block;
  color: #464646;
  font-weight: 500;
}

@media (max-width: 480px) {
  .order_details.order_alert .caution {
    margin-top: 0.4rem;
  }
  .order_details.order_alert .caution span {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .order_details.order_alert .caution span i {
    margin-right: 3px;
    font-size: 19px;
    font-size: 1.235rem;
  }
  .order_details.order_alert .apply_info {
    margin-top: 0;
  }
  .order_details.order_alert .apply_info .red {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .order_details.order_alert .apply_info .gray {
    font-size: 14px;
    font-size: 0.91rem;
  }
}

@media (max-width: 640px) {
  .payment > .wrap_1400 {
    padding: 0;
  }
}

@media (max-width: 1024px) {
  .board_area {
    margin-top: 4rem;
  }
}

@media (max-width: 640px) {
  .board_area {
    margin-top: 3rem;
    padding: 0 var(--uh-gutter-x) 3rem;
    border-bottom: 10px solid #ebebf2;
  }
}

.board_area .product_wrap {
  border-bottom: 2px solid #2D2B36;
}

@media (max-width: 640px) {
  .board_area .product_wrap {
    border-bottom: none;
  }
}

.board_area .product_wrap > ul.board_list_head > li {
  padding: 12px 2.2rem 12px 3rem;
}

.board_area .product_wrap > ul.board_list_head > li .col_product {
  text-align: left;
  width: 75%;
}

.board_area .product_wrap > ul.board_list_head > li .col_price {
  text-align: right;
  width: 25%;
}

.board_area .product_wrap > ul.board_list_head > li .col_checkbox {
  text-align: left;
  width: 12%;
}

.board_area .product_wrap > ul.board_list_head > li .col_info {
  width: 50%;
}

.board_area .product_wrap > ul.board_list_head > li .col_count {
  width: 14%;
}

.board_area .product_wrap > ul.board_list_head > li .col_etcPrice {
  width: 18%;
  padding-left: 35px;
}

.board_area .product_wrap > ul.board_list_head > li .col_delete {
  width: 6%;
  text-align: right;
}

.board_area .product_wrap > ul.board_list_head > li .col_delete > span button {
  padding: 0 1px 3px 1px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(97%, transparent), color-stop(3%, #858899));
  background: linear-gradient(transparent 97%, #858899 3%);
  outline: none;
}

.board_area .product_wrap > ul.board_list_head > li .col_delete > span button:hover {
  color: #2D2B36;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(97%, transparent), color-stop(3%, #2D2B36));
  background: linear-gradient(transparent 97%, #2D2B36 3%);
}

@media (max-width: 1280px) {
  .board_area .product_wrap > ul.board_list_head > li .col_delete {
    width: 8%;
  }
}

@media (max-width: 1024px) {
  .board_area .product_wrap > ul.board_list_head > li {
    padding: 20px 2rem !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_product {
    display: inline-block !important;
    width: 45% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_price {
    display: inline-block !important;
    width: 52% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_checkbox {
    display: inline-block !important;
    width: 38% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_checkbox label {
    vertical-align: middle;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_etcPrice {
    display: inline-block !important;
    width: 50% !important;
    padding: 0;
    text-align: center !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_delete {
    display: inline-block !important;
  }
}

@media (max-width: 800px) {
  .board_area .product_wrap > ul.board_list_head > li .col_checkbox {
    width: 50% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_etcPrice {
    width: 35% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_delete {
    width: 10% !important;
    margin: 0;
  }
}

@media (max-width: 640px) {
  .board_area .product_wrap > ul.board_list_head > li {
    padding: 12px 0.2rem 12px 1.5rem !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_product {
    display: inline-block !important;
    width: 45% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_price {
    display: inline-block !important;
    width: 47% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_checkbox {
    width: 82% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_etcPrice {
    display: none !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_delete {
    width: 12% !important;
  }
}

@media (max-width: 480px) {
  .board_area .product_wrap > ul.board_list_head > li {
    padding: 12px 1rem 12px 1rem !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_product {
    display: none !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_price {
    width: 100% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_checkbox {
    width: 60% !important;
  }
  .board_area .product_wrap > ul.board_list_head > li .col_delete {
    width: 35% !important;
  }
}

@media (max-width: 640px) {
  .board_area .product_wrap > ul.board_list_body {
    border-bottom: none;
  }
}

.board_area .product_wrap > ul.board_list_body > li {
  padding: 38px 3rem;
}

.board_area .product_wrap > ul.board_list_body > li .col_checkbox {
  text-align: left;
}

.board_area .product_wrap > ul.board_list_body > li.etc_li {
  padding: 1.3rem 3rem;
}

.board_area .product_wrap > ul.board_list_body > li .col_product {
  text-align: left;
  font-weight: 500;
  letter-spacing: 0;
}

@media (max-width: 480px) {
  .board_area .product_wrap > ul.board_list_body > li .col_product {
    padding: 0.4rem 0;
  }
}

.board_area .product_wrap > ul.board_list_body > li .col_product label {
  font-size: 20px;
  font-size: 1.3rem;
}

.board_area .product_wrap > ul.board_list_body > li .col_product label em {
  color: #ee3e00;
}

@media (max-width: 1024px) {
  .board_area .product_wrap > ul.board_list_body > li .col_product label {
    font-size: 18px;
    font-size: 1.17rem;
  }
}

@media (max-width: 640px) {
  .board_area .product_wrap > ul.board_list_body > li .col_product label {
    font-size: 16px;
    font-size: 1.04rem;
  }
}

@media (max-width: 480px) {
  .board_area .product_wrap > ul.board_list_body > li .col_product label {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

.board_area .product_wrap > ul.board_list_body > li .col_price {
  text-align: right;
}

.board_area .product_wrap > ul.board_list_body > li .col_price > p {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

.board_area .product_wrap > ul.board_list_body > li .col_price > p.before {
  font-size: 17px;
  font-size: 1.105rem;
  color: #858899;
  font-weight: 300;
  line-height: 1.6;
}

.board_area .product_wrap > ul.board_list_body > li .col_price > p.before > em {
  text-decoration: line-through;
}

.board_area .product_wrap > ul.board_list_body > li .col_price > p.after {
  font-size: 20px;
  font-size: 1.3rem;
  color: #2D2B36;
  font-weight: bold;
  margin-left: 20px;
}

@media (max-width: 1024px) {
  .board_area .product_wrap > ul.board_list_body > li .col_price {
    float: right !important;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_price > p.before {
    font-size: 16px;
    font-size: 1.04rem;
    line-height: 1;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_price > p.after {
    font-size: 18px;
    font-size: 1.17rem;
    margin-left: 15px;
  }
}

@media (max-width: 640px) {
  .board_area .product_wrap > ul.board_list_body > li .col_price > p.before {
    font-size: 14px;
    font-size: 0.91rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_price > p.after {
    font-size: 16px;
    font-size: 1.04rem;
    margin-left: 5px;
  }
}

@media (max-width: 480px) {
  .board_area .product_wrap > ul.board_list_body > li .col_price > p {
    text-align: right;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_price > p.before {
    display: block;
    margin-bottom: 5px;
    font-size: 13.6px;
    font-size: 0.884rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_price > p.after {
    font-size: 15px;
    font-size: 0.975rem;
    margin-left: 5px;
  }
}

.board_area .product_wrap > ul.board_list_body > li .col_checkbox {
  text-align: left;
  width: 12%;
  background: #fff;
}

.board_area .product_wrap > ul.board_list_body > li .col_info {
  width: 50%;
}

.board_area .product_wrap > ul.board_list_body > li .col_info label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.board_area .product_wrap > ul.board_list_body > li .col_info label img {
  width: 52px;
  height: auto;
  border-radius: 5px;
}

.board_area .product_wrap > ul.board_list_body > li .col_info label .txt_box {
  text-align: left;
}

.board_area .product_wrap > ul.board_list_body > li .col_info label .txt_box:before {
  display: inline-block;
  content: " ";
  height: 100%;
  vertical-align: middle;
}

.board_area .product_wrap > ul.board_list_body > li .col_info label .txt_box > p {
  font-size: 16px;
  font-size: 1.04rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2rem;
  font-weight: 500;
  color: #2D2B36;
}

.board_area .product_wrap > ul.board_list_body > li .col_count {
  width: 14%;
}

.board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap {
  width: 105px;
  height: 35px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #e0e0e0;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 120%;
  line-height: 21px;
  line-height: 2rem;
  overflow: hidden;
}

@media (max-width: 640px) {
  .board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap {
    font-size: 13.25px;
    font-size: 0.86125rem;
  }
}

@media (max-width: 480px) {
  .board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap {
    font-size: 12.5px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap {
    font-size: 12.25px;
    font-size: 0.79625rem;
  }
}

.board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  color: #858899;
  background: #ebebf2;
}

.board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap span.count {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #464646;
  text-align: center;
  background: #fff;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.board_area .product_wrap > ul.board_list_body > li .col_etcPrice {
  width: 18%;
  text-align: right;
}

.board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box {
  position: relative;
  padding-top: 10px;
}

.board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.strikethrough {
  font-size: 14px;
  font-size: 0.91rem;
  color: #858899;
  text-decoration: line-through;
}

.board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.discount {
  position: absolute;
  right: 0;
  top: -6px;
  font-size: 12.4px;
  font-size: 0.806rem;
  color: #2D2B36;
}

.board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.sum {
  font-size: 17.4px;
  font-size: 1.131rem;
  font-weight: 600;
  color: #2D2B36;
  margin-left: 2rem;
}

.board_area .product_wrap > ul.board_list_body > li .col_delete {
  width: 6%;
  text-align: right;
}

.board_area .product_wrap > ul.board_list_body > li .col_delete .btn_delete {
  width: 25px;
  height: 25px;
  padding: 0;
  color: #c9cad1;
  background: #fff;
  border: 1px solid #ebebf2;
  border-radius: 6px;
  background-clip: padding-box;
  outline: none;
}

.board_area .product_wrap > ul.board_list_body > li .col_delete .btn_delete:hover {
  background: #fbfcfd;
}

.board_area .product_wrap > ul.board_list_body > li .col_change {
  width: 100%;
  text-align: left;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p {
  display: inline-block;
  color: #bdbec7;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now {
  width: 60px;
  height: 32px;
  background: #F7F7FA;
  border: 1px solid #c9cad1;
  border-radius: 5px;
  text-align: center;
  padding: 1.5px 0 0;
  margin-right: 10px;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now > .ing {
  font-size: 13.8px;
  font-size: 0.897rem;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.txt {
  font-size: 19px;
  font-size: 1.235rem;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap {
  background: #F7F7FA;
  margin-top: 1rem;
  border: 1px solid #585CFF;
  border-radius: 5px;
  padding: 1rem 1.5rem 1.5rem;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap .noti {
  font-size: 14.6px;
  font-size: 0.949rem;
  margin: 8px 0;
  font-weight: 500;
  color: #2D2B36;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap .noti > i {
  margin-right: 5px;
}

.board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap .ps {
  font-size: 13.6px;
  font-size: 0.884rem;
  font-weight: 300;
}

@media (max-width: 1280px) {
  .board_area .product_wrap > ul.board_list_body > li .col_checkbox {
    width: 9%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice {
    width: 21%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.sum {
    margin-left: 1.5rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_delete {
    width: 5%;
  }
}

@media (max-width: 1024px) {
  .board_area .product_wrap > ul.board_list_body > li {
    padding: 35px 2rem !important;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_checkbox {
    width: 4%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info {
    width: 45%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info label img {
    display: none;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info label .txt_box:before {
    display: none;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info label .txt_box > p {
    font-size: 15.6px;
    font-size: 1.014rem;
    vertical-align: middle;
    line-height: 1.4;
    margin: 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_count {
    width: 16%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice {
    width: 24%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.sum {
    margin-left: 1rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_delete {
    width: 5%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now {
    width: auto;
    height: auto;
    padding: 5px 10px;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now > .ing {
    font-size: 13.6px;
    font-size: 0.884rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.txt {
    font-size: 18px;
    font-size: 1.17rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap {
    word-break: keep-all;
    padding: 0.5rem 1.5rem 1rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap .noti {
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 16px;
    line-height: 1.375rem;
    margin: 9px 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap .ps {
    font-size: 13.4px;
    font-size: 0.871rem;
    line-height: 15px;
    line-height: 1.25rem;
  }
}

@media (max-width: 800px) {
  .board_area .product_wrap > ul.board_list_body > li .col_checkbox {
    width: 5%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info {
    width: 45%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info label .txt_box > p {
    font-size: 14.6px;
    font-size: 0.949rem;
    word-break: keep-all;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_count {
    width: 19%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap {
    width: 90px;
    height: 32px;
    line-height: 19px;
    line-height: 1.75rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_count .count_wrap button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice {
    width: 17%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box {
    padding: 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span {
    display: block;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.strikethrough {
    font-size: 13px;
    font-size: 0.845rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.discount {
    display: none;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.sum {
    font-size: 16px;
    font-size: 1.04rem;
    margin: 5px 0 0 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_delete {
    width: 6%;
  }
}

@media (max-width: 640px) {
  .board_area .product_wrap > ul.board_list_body > li {
    padding: 2.2rem 1rem 1.5rem 1.5rem !important;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_checkbox {
    width: 6%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info {
    width: 36%;
    padding-right: 2%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info label .txt_box > p {
    font-size: 14px;
    font-size: 0.91rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_count {
    width: 25%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice {
    width: 17%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.strikethrough {
    font-size: 13px;
    font-size: 0.845rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.sum {
    font-size: 15px;
    font-size: 0.975rem;
    margin: 3px 0 0 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_delete {
    width: 6%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now {
    width: 60px;
    height: 28px;
    display: block;
    margin-bottom: 9px;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now > .ing {
    font-size: 13px;
    font-size: 0.845rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.txt {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap {
    padding: 0.4rem 1rem 0.8rem;
  }
}

@media (max-width: 480px) {
  .board_area .product_wrap > ul.board_list_body > li {
    padding: 24px 1rem 24px 1rem !important;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_checkbox {
    width: 8%;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_info {
    width: 76%;
    padding-right: 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_count {
    width: 90px;
    margin: 1.5rem 0 0 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice {
    width: calc(100% - 90px);
    margin: 1.5rem 0 0 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_etcPrice .price_box > span.sum {
    margin: 5px 0 0 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_delete {
    position: absolute;
    top: 22px;
    right: 3%;
    width: auto;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now {
    width: 56px;
    height: 28px;
    padding: 6px 5px;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.now > .ing {
    font-size: 12.4px;
    font-size: 0.806rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .tit_wrap p.txt {
    font-size: 14px;
    font-size: 0.91rem;
    line-height: 15px;
    line-height: 1.25rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap {
    padding: 0.3rem 1rem 0.9rem;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap .noti {
    font-size: 13.6px;
    font-size: 0.884rem;
    line-height: 16px;
    line-height: 1.375rem;
    margin: 9px 0;
  }
  .board_area .product_wrap > ul.board_list_body > li .col_change > .info_wrap .ps {
    font-size: 13.2px;
    font-size: 0.858rem;
    line-height: 15px;
    line-height: 1.25rem;
    color: #746f8b;
  }
}

.payment_area {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: keep-all;
}

@media (max-width: 1024px) {
  .payment_area {
    display: inline-block;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .payment_area {
    margin-top: 4rem;
  }
}

@media (max-width: 480px) {
  .payment_area {
    margin-top: 3rem;
  }
}

.payment_area .pay_info {
  width: 60%;
}

@media (max-width: 1024px) {
  .payment_area .pay_info {
    width: 100%;
  }
}

.payment_area .pay_info .in_box {
  position: relative;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box {
    position: relative;
    padding: 0 var(--uh-gutter-x) 3rem;
    border-bottom: 10px solid #ebebf2;
  }
}

.payment_area .pay_info .in_box > .in_tit {
  font-size: 18.6px;
  font-size: 1.209rem;
  color: #2D2B36;
  font-weight: 400;
  letter-spacing: 0.2px;
  margin-bottom: 0.8rem;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box > .in_tit {
    font-size: 15px;
    font-size: 0.975rem;
    font-weight: 500;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box > .in_tit {
    font-size: 14.6px;
    font-size: 0.949rem;
    font-weight: 500;
  }
}

.payment_area .pay_info .in_box > .in_ul {
  margin-bottom: 0.8rem;
  word-break: keep-all;
}

.payment_area .pay_info .in_box > .in_ul > li {
  font-size: 13.6px;
  font-size: 0.884rem;
  font-weight: 300;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box > .in_ul > li {
    font-size: 13px;
    font-size: 0.845rem;
  }
}

.payment_area .pay_info .in_box .my_address_btn {
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
  padding: 0 0 2px 0;
}

.payment_area .pay_info .in_box .my_address_btn::before {
  position: absolute;
  top: 8px;
  left: -14px;
  display: block;
  content: "";
  width: 2px;
  height: 12px;
  background: #C5C5CE;
}

.payment_area .pay_info .in_box .my_address_btn span {
  font-size: 14px;
  font-size: 0.91rem;
}

.payment_area .pay_info .in_box .my_address_btn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(97%, transparent), color-stop(3%, #111));
  background: linear-gradient(transparent 97%, #111 3%);
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .my_address_btn {
    top: -1px;
    right: var(--uh-gutter-x);
  }
  .payment_area .pay_info .in_box .my_address_btn span {
    font-size: 13px;
    font-size: 0.845rem;
    font-weight: 500;
  }
  .payment_area .pay_info .in_box .my_address_btn:hover {
    background: none;
  }
}

.payment_area .pay_info .in_box .addressbook_btn {
  position: absolute;
  top: 0;
  right: 72px;
  outline: none;
  padding: 0 0 2px 0;
}

.payment_area .pay_info .in_box .addressbook_btn span {
  font-size: 14px;
  font-size: 0.91rem;
  letter-spacing: -0.5px;
}

.payment_area .pay_info .in_box .addressbook_btn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(97%, transparent), color-stop(3%, #858899));
  background: linear-gradient(transparent 97%, #858899 3%);
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .addressbook_btn {
    top: -1px;
    right: 88px;
  }
  .payment_area .pay_info .in_box .addressbook_btn span {
    font-size: 13px;
    font-size: 0.845rem;
    font-weight: 500;
  }
  .payment_area .pay_info .in_box .addressbook_btn span > em {
    display: none;
  }
  .payment_area .pay_info .in_box .addressbook_btn i {
    display: none;
  }
  .payment_area .pay_info .in_box .addressbook_btn:hover {
    background: none;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook {
  position: relative;
  width: 90%;
  max-width: 650px;
  max-height: 780px;
  padding: 25px 28px 40px;
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook {
    max-height: 80%;
    padding: 3.2rem 1.2rem 2rem 1.4rem;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook {
    padding: 3rem 1rem 1.6rem 1.2rem;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook button.layer_close {
  position: absolute;
  top: -3rem;
  right: 0px;
  color: #fff;
}

.payment_area .pay_info .in_box .popup_cont.addressbook button.layer_close > i {
  font-size: 36px;
  font-size: 2.34rem;
  line-height: 1;
}

@media (max-width: 1400px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook button.layer_close {
    top: 0;
    right: -3rem;
  }
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook button.layer_close {
    top: 0.4rem;
    right: 0.7rem;
    color: #858899;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook button.layer_close > i {
    font-size: 28px;
    font-size: 1.82rem;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook button.layer_close {
    top: 0.3rem;
    right: 0.3rem;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook button.layer_close > i {
    font-size: 24px;
    font-size: 1.56rem;
  }
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll {
    overflow-y: scroll;
    height: 100%;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap {
  position: relative;
  margin-top: 4px;
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap {
    padding: 0 0.2rem 0 0;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap {
  position: absolute;
  top: -3px;
  right: 0;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap > button {
  font-size: 13px;
  font-size: 0.845rem;
  width: 54px;
  height: 28px;
  display: inline-block;
  background: gray;
  border-radius: 5px;
  margin: 0 2px;
  padding-bottom: 2px;
  outline: none;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap > button.btn_st1 {
  background: #F7F7FA;
  border: 1px solid #c9cad1;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap > button.btn_st1:hover {
  background: #eeeef4;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap > button.btn_st2 {
  background: #585CFF;
  border: 1px solid #585CFF;
  color: #fff;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap > button.btn_st2:hover {
  background: #494dff;
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap {
    top: -4px;
    right: 0.8rem;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .ad_btn_wrap > button {
    width: 60px;
    height: 30px;
    padding-bottom: 3px;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap input {
  max-width: none !important;
  margin: 0.2rem 1% 0.2rem 0;
  outline: none;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap .wd_100 {
  width: 99% !important;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap .wd_30 {
  width: 29% !important;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap .wd_22 {
  width: 22% !important;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap .wd_15 {
  width: 15% !important;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap span.dash {
  width: 3%;
  text-align: center;
  padding: 13px 5px 0 0;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap span.at {
  width: 4%;
  text-align: center;
  padding: 13px 5px 0 0;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap > .email_select {
  margin: 6px 1% 0 0;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap > .email_select .select_wrap {
  padding: 8px 8px 9px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap > .email_select .select_wrap > select {
  padding: 8px 54px 8px 8px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap > .email_select .select_wrap::before {
  width: 38px;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap .wd_30 {
    width: 59% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap .wd_22 {
    width: 29% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap .wd_15 {
    width: 19% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap > .email_select {
    margin: 5px 1% 0 0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap > .email_select .select_wrap {
    padding: 11px 8px 11px;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .input_wrap > .email_select .select_wrap > select {
    padding: 10px 50px 10px 8px;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap h3.tit_h3 {
  font-size: 15px;
  font-size: 0.975rem;
  height: auto;
  margin-bottom: 10px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address {
  height: auto;
  max-height: 350px;
  overflow-y: scroll;
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address {
    max-height: none;
    overflow-y: visible;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box {
  position: relative;
  border: none;
  background: #F7F7FA;
  margin: 0 0.8rem 0.8rem 0;
  padding: 8px 0;
  border-radius: 5px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box .checkbox_wrap {
  position: absolute;
  top: 7px;
  right: 5px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out] {
  border-bottom: 1px solid #F7F7FA;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out]:first-of-type {
  border-top: none;
  margin-top: 0;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out] > h6.my_title {
  padding: 10px 16px;
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 1.3;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out] > .input_wrap {
  padding: 10px 16px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out] > .input_wrap p {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 1.3;
  margin-right: 3px;
  color: #858899;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box {
    border-radius: 10px;
    padding: 5px;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out] > h6.my_title {
    padding: 8px 10px 0;
    font-size: 12px;
    font-size: 0.78rem;
    line-height: 1;
    font-weight: 500;
    background: none;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out] > .input_wrap {
    padding: 5px 10px 8px;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .my_address .my_box div[class$=_box_out] > .input_wrap p {
    font-size: 13.6px;
    font-size: 0.884rem;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address {
  height: 264px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] {
  border-bottom: 1px solid #f1f1f1;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out]:first-of-type {
  margin-top: 0;
  border-top: 1px solid #c9cad1;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > h6.add_title {
  padding: 13px 16px;
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 1.3;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap {
  padding: 2px 10px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap input {
  font-size: 13px;
  font-size: 0.845rem;
  padding: 8px 12px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .postcode_find {
  width: auto;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select {
  margin: 0px 1.5% 0px 0;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select .select_wrap {
  padding: 5px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select .select_wrap > select {
  font-size: 13px;
  font-size: 0.845rem;
  padding: 8px 36px 7px 6px;
  margin-top: 6px;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select .select_wrap::before {
  width: 30px;
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address {
    height: auto;
    border-top: 1px solid #eee;
    margin: 0 0.8rem 0.4rem 0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out]:first-of-type {
    margin-top: 0;
    border-top: none;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address {
    border-top: none;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] {
    border-bottom: none;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out]:first-of-type {
    margin-top: 0;
    border-top: 0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > h6.add_title {
    font-size: 12px;
    font-size: 0.78rem;
    background: none;
    padding: 12px 0 2px 0 !important;
    color: #858899;
    font-weight: 500;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap {
    padding: 2px 0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap input {
    font-size: 13px;
    font-size: 0.845rem;
    padding: 9px 12px 10px;
    border: 2px solid #e0e0e0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .postcode_find {
    width: 27%;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select .select_wrap {
    border: 2px solid #e0e0e0;
    padding: 7px 8px 8px;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select .select_wrap::before {
    border-left: 2px solid #e0e0e0;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap {
    padding: 2px 0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap input {
    margin: 2px 0;
    padding: 11px;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .wd_100 {
    width: 100% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .wd_30 {
    width: 100% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .wd_22 {
    width: 44% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .wd_15 {
    width: 27% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap span.dash {
    width: 8%;
    font-size: 18px;
    font-size: 1.17rem;
    padding: 13px 0 0 0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap span.at {
    width: 10%;
    font-size: 15px;
    font-size: 0.975rem;
    padding: 13px 1px 0 0;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .postcode_find {
    width: 100%;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select {
    width: 100% !important;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select .select_wrap {
    padding: 9px 8px 10px;
  }
  .payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address div[class$=_box_out] > .input_wrap .email_select .select_wrap > select {
    width: 58%;
    margin-bottom: 4px;
  }
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap .add_address .address_box_out > .input_wrap input {
  width: 100%;
}

.payment_area .pay_info .in_box .popup_cont.addressbook .phone_scroll .address_wrap.mg_t {
  margin-top: 2rem;
}

.payment_area .pay_info .in_box.mg_t {
  margin-top: 4rem;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box.mg_t {
    margin-top: 3rem;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box.mg_t {
    margin-top: 2.5rem;
  }
}

.payment_area .pay_info .in_box .coupon_select {
  display: inline-block;
  width: 77%;
}

.payment_area .pay_info .in_box .coupon_select .select_wrap {
  display: block;
  width: 100%;
  height: 56px;
  background: #F7F7FA;
  padding: 0;
}

.payment_area .pay_info .in_box .coupon_select .select_wrap::before {
  top: 16px;
  right: 13px;
}

.payment_area .pay_info .in_box .coupon_select select {
  width: 100%;
  padding: 15.5px 20px;
}

@media (max-width: 1280px) {
  .payment_area .pay_info .in_box .coupon_select {
    width: 70%;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .coupon_select {
    width: 100%;
  }
  .payment_area .pay_info .in_box .coupon_select .select_wrap {
    width: 100%;
    height: 64px;
    border: 2px solid #c9cad1;
    border-radius: 20px;
  }
  .payment_area .pay_info .in_box .coupon_select .select_wrap::before {
    top: 19px;
  }
  .payment_area .pay_info .in_box .coupon_select .select_wrap select {
    font-size: 14.6px;
    font-size: 0.949rem;
    padding: 19px 15px;
  }
}

.payment_area .pay_info .in_box .coupon_btn {
  width: 21.5%;
  height: 56px;
  display: inline-block;
  margin-left: 1%;
  background: #2D2B36;
  color: #fff;
  border-radius: 5px;
  font-weight: 100;
  outline: none;
}

@media (max-width: 1280px) {
  .payment_area .pay_info .in_box .coupon_btn {
    width: 28%;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .coupon_btn {
    position: absolute;
    top: -5px;
    right: var(--uh-gutter-x);
    width: auto;
    height: auto;
    background: none;
  }
  .payment_area .pay_info .in_box .coupon_btn > span {
    font-size: 13.2px;
    font-size: 0.858rem;
    color: #111111;
    font-weight: 500;
    padding-bottom: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(97%, rgba(255, 255, 255, 0)), color-stop(3%, #111));
    background: linear-gradient(rgba(255, 255, 255, 0) 97%, #111 3%);
  }
  .payment_area .pay_info .in_box .coupon_btn > span > em {
    display: none;
  }
}

.payment_area .pay_info .in_box .popup_cont.coupon {
  width: 90%;
  max-width: 400px;
  height: auto;
  max-height: 80%;
}

.payment_area .pay_info .in_box .popup_cont.coupon h3 {
  font-size: 19px;
  font-size: 1.235rem;
  text-align: center;
  margin: 2rem 0 1rem;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.coupon {
    border-radius: 15px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
  .payment_area .pay_info .in_box .popup_cont.coupon h3 {
    font-size: 17px;
    font-size: 1.105rem;
    margin: 2rem 0 0.5rem;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .popup_cont.coupon {
    border-radius: 20px;
  }
}

.payment_area .pay_info .in_box .popup_cont.coupon .input_wrap {
  text-align: center;
}

.payment_area .pay_info .in_box .popup_cont.coupon .input_wrap > input {
  width: 90%;
  height: 62px;
  border-radius: 9px;
  outline: none;
  padding: 0 15px;
  border: 1px solid #c9cad1;
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .popup_cont.coupon .input_wrap > input {
    width: 100%;
    height: 56px;
    font-size: 15px;
    font-size: 0.975rem;
    border: 2px solid #c9cad1;
  }
}

.payment_area .pay_info .in_box .popup_cont.coupon .btn_submit {
  width: 90%;
  height: auto;
  font-size: 16px;
  font-size: 1.04rem;
  background: #2D2B36;
  color: #fff;
  display: block;
  margin: 0.6rem auto 0;
  padding: 1.3rem;
  text-align: center;
  border-radius: 10px;
  outline: none;
}

.payment_area .pay_info .in_box .popup_cont.coupon .btn_submit:hover {
  background: #282630;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .popup_cont.coupon .btn_submit {
    font-size: 16.4px;
    font-size: 1.066rem;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .popup_cont.coupon .btn_submit {
    width: 100%;
    height: auto;
    margin: 0.8rem auto 1.5rem;
    font-size: 15px;
    font-size: 0.975rem;
    padding: 1.2rem;
  }
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] {
  border-bottom: none;
  border-top: 1px solid #e0e0e0;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] h6.where_title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap input {
  max-width: none !important;
  margin: 0.2rem 1% 0.2rem 0;
  outline: none;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap textarea {
  outline: none;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_100 {
  width: 99%;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_30 {
  width: 29%;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_22 {
  width: 22%;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_15 {
  width: 15%;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.dash {
  width: 3%;
  text-align: center;
  padding: 13px 5px 0 0;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.at {
  width: 4%;
  text-align: center;
  padding: 13px 5px 0 0;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select {
  margin: 6px 1% 0 0;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap {
  padding: 8px 8px 9px;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap > select {
  padding: 8px 54px 8px 8px;
}

.payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap::before {
  width: 38px;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box > .form {
    padding: 0;
    margin-top: 20px;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] {
    border-top: none !important;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] h6.where_title {
    background: none !important;
    padding: 0 !important;
    font-size: 13px;
    font-size: 0.845rem;
    font-weight: 500;
    margin-top: 0.8rem;
    color: #858899;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap {
    width: 100%;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap input {
    border: 2px solid #e0e0e0;
    height: 50px;
    border-radius: 5px;
    font-size: 14px;
    font-size: 0.91rem;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_30 {
    width: 35% !important;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .postcode_find {
    background: #2D2B36;
    border: 2px solid #2D2B36;
    color: #fff;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select {
    margin: 12px 1% 0.5rem 0;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap {
    padding: 13px 8px 13px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    background: #F7F7FA;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap > select {
    font-size: 14px;
    font-size: 0.91rem;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap::before {
    width: 38px;
    border-left: 2px solid #e0e0e0;
  }
  .payment_area .pay_info .in_box > .form .ment_box_out {
    margin-bottom: 20px;
  }
  .payment_area .pay_info .in_box > .form .ment_box_out .input_wrap textarea {
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    margin: 0;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box > .form div[class$=_box_out] h6.where_title {
    margin-top: 1rem;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap {
    padding: 5px 0 0 0;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap input {
    margin: 0.2rem 2% 0.2rem 0 !important;
    height: 54px;
    border-radius: 10px;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap textarea {
    border-radius: 10px;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_30 {
    width: 61% !important;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_22 {
    width: 98% !important;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .wd_15 {
    width: 27% !important;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap .postcode_find {
    width: 35% !important;
    padding: 3px;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.dash {
    font-size: 20px;
    font-size: 1.3rem;
    width: 6% !important;
    padding: 20px 7px 0 0;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap span.at {
    font-size: 16px;
    font-size: 1.04rem;
    width: 8% !important;
    padding: 20px 5px 0 0;
    display: none;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select {
    width: 100%;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap {
    border-radius: 10px;
    padding: 16px 7px 16px;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap > select {
    width: 55%;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap::before {
    width: 18%;
  }
}

@media (max-width: 380px) {
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap > select {
    width: 92%;
  }
  .payment_area .pay_info .in_box > .form div[class$=_box_out] .input_wrap > .email_select .select_wrap::before {
    width: 16%;
  }
}

.payment_area .pay_info .in_box .check_agree {
  position: relative;
  border-top: 1px solid #ebebf2;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .check_agree {
    border-top: 2px solid #ebebf2;
    border-bottom: 2px solid #ebebf2;
  }
}

.payment_area .pay_info .in_box .check_agree > .input_wrap {
  font-size: 14px;
  font-size: 0.91rem;
  padding: 1.3rem;
  border-bottom: 1px solid #ebebf2;
}

.payment_area .pay_info .in_box .check_agree > .input_wrap label {
  vertical-align: middle;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .check_agree > .input_wrap {
    padding: 1.2rem;
    border: none;
    font-size: 14.6px;
    font-size: 0.949rem;
  }
  .payment_area .pay_info .in_box .check_agree > .input_wrap label {
    font-weight: 500;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .check_agree > .input_wrap {
    padding: 1rem 1rem 3rem;
    font-size: 14.2px;
    font-size: 0.923rem;
  }
  .payment_area .pay_info .in_box .check_agree > .input_wrap label {
    letter-spacing: 0;
    vertical-align: bottom;
  }
}

.payment_area .pay_info .in_box .check_agree > .btn_contmore {
  font-size: 14px;
  font-size: 0.91rem;
  position: absolute;
  top: 22px;
  right: 6px;
  color: #858899;
  outline: none;
}

.payment_area .pay_info .in_box .check_agree > .btn_contmore::after {
  content: "\e919";
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 1.5rem;
  height: auto;
  font-family: "icomoon";
}

.payment_area .pay_info .in_box .check_agree > .btn_contmore.on::after {
  content: "\e91c";
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .check_agree > .btn_contmore {
    font-size: 13.6px;
    font-size: 0.884rem;
    top: 24px;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .check_agree > .btn_contmore {
    font-size: 12.6px;
    font-size: 0.819rem;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 100%;
    text-align: center;
    top: 52px;
    right: auto;
  }
}

.payment_area .pay_info .in_box .check_agree > .cont {
  background: #F7F7FA;
  border-bottom: 1px solid #ebebf2;
  padding: 1.3rem;
  display: none;
}

.payment_area .pay_info .in_box .check_agree > .cont h4.tit {
  font-size: 14px;
  font-size: 0.91rem;
  color: #585CFF;
}

.payment_area .pay_info .in_box .check_agree > .cont h4.tit.mg_t {
  margin-top: 1.2rem;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul {
  margin-top: 0.4rem;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li {
  font-size: 14px;
  font-size: 0.91rem;
  margin: 0.2rem 0 0.2rem 1.8rem;
  color: #5c586f;
  list-style: lower-alpha;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in {
  background: #fff;
  width: 92%;
  margin-top: 0.6rem;
  padding: 0.8rem 1.2rem;
  border-radius: 10px;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in > h5 {
  font-size: 13.2px;
  font-size: 0.858rem;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in > h5.mg_t {
  margin-top: 0.6rem;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in .con_in_ul {
  margin-top: 0.1rem;
  font-size: 13.2px;
  font-size: 0.858rem;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in .con_in_ul > li {
  margin: 2px 0 2px 21px;
  list-style: circle;
}

.payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in .con_in_ul > li > em {
  font-size: 13px;
  font-size: 0.845rem;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: block;
  margin-top: 0.1rem;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .check_agree > .cont {
    background: #fff;
  }
  .payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li {
    margin: 0.2rem 0 0.2rem 0.9rem;
  }
  .payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in {
    width: 100%;
    background: #F7F7FA;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .check_agree > .cont {
    padding: 1rem;
  }
  .payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li {
    margin: 0.2rem 0 0.2rem 0.9rem;
  }
  .payment_area .pay_info .in_box .check_agree > .cont ul.cont_ul > li .li_in {
    width: 98%;
    padding: 0.8rem 1rem;
    border-radius: 5px;
  }
}

.payment_area .pay_info .in_box .payment_wrap ul.payment_tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .payment_area .pay_info .in_box .payment_wrap ul.payment_tabs {
    width: 76%;
  }
}

@media (max-width: 800px) {
  .payment_area .pay_info .in_box .payment_wrap ul.payment_tabs {
    width: 100%;
  }
}

.payment_area .pay_info .in_box .payment_wrap ul.payment_tabs li {
  font-size: 15px;
  font-size: 0.975rem;
  background: #fff;
  color: #2D2B36;
  cursor: pointer;
  padding: 0.8rem 2.4rem 1rem;
  text-align: center;
  font-weight: 400;
  border: 1px solid #ebebf2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.payment_area .pay_info .in_box .payment_wrap ul.payment_tabs li.account {
  margin: 0 0.7rem;
}

.payment_area .pay_info .in_box .payment_wrap ul.payment_tabs li.active {
  background: #585CFF;
  color: #fff;
  border: 1px solid #585CFF;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .payment_wrap ul.payment_tabs li {
    font-size: 14px;
    font-size: 0.91rem;
    background: #F7F7FA;
    border: 2px solid #e0e0e0;
    padding: 0.9rem 0.3rem;
    border-radius: 0;
    font-weight: 500;
  }
  .payment_area .pay_info .in_box .payment_wrap ul.payment_tabs li.account {
    margin: 0;
    border-right: none;
    border-left: none;
  }
  .payment_area .pay_info .in_box .payment_wrap ul.payment_tabs li.active {
    background: #fff;
    color: #585CFF;
    border: 2px solid #585CFF;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .payment_wrap ul.payment_tabs li.account {
    -webkit-box-flex: 1.3;
        -ms-flex: 1.3;
            flex: 1.3;
  }
}

.payment_area .pay_info .in_box .payment_wrap .tab-content {
  display: none;
  margin-top: 1rem;
  background: #F7F7FA;
  border-top: 1px solid #ebebf2;
  border-bottom: 1px solid #ebebf2;
  padding: 1.3rem;
}

@media (max-width: 640px) {
  .payment_area .pay_info .in_box .payment_wrap .tab-content {
    margin-top: 0;
    background: #fff;
    border: none;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .payment_wrap .tab-content {
    padding: 1rem;
  }
}

.payment_area .pay_info .in_box .payment_wrap .tab-content h4.tit {
  font-size: 14px;
  font-size: 0.91rem;
  color: #585CFF;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content h4.tit.mg_t {
  margin-top: 1.2rem;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content ul.payment_ul {
  margin-top: 0.4rem;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content ul.payment_ul > li {
  font-size: 14px;
  font-size: 0.91rem;
  margin: 0.2rem 0 0.2rem 1.3rem;
  list-style: disc;
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .payment_wrap .tab-content ul.payment_ul > li {
    font-size: 13.6px;
    font-size: 0.884rem;
    line-height: 1.5;
    margin: 0.3rem 0 0.3rem 1.3rem;
  }
}

.payment_area .pay_info .in_box .payment_wrap .tab-content .pay_info_wrap h5.info_tt {
  font-size: 14px;
  font-size: 0.91rem;
  margin-top: 1.4rem;
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .payment_wrap .tab-content .pay_info_wrap h5.info_tt {
    font-size: 13.6px;
    font-size: 0.884rem;
  }
}

.payment_area .pay_info .in_box .payment_wrap .tab-content .pay_info_wrap ul.pay_info_ul {
  margin-top: 0.3rem;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content .pay_info_wrap ul.pay_info_ul > li {
  font-size: 14px;
  font-size: 0.91rem;
  margin: 0.2rem 0 0.2rem 1.8rem;
  color: #5c586f;
  list-style: lower-alpha;
}

@media (max-width: 480px) {
  .payment_area .pay_info .in_box .payment_wrap .tab-content .pay_info_wrap ul.pay_info_ul > li {
    font-size: 13.6px;
    font-size: 0.884rem;
    margin: 0.2rem 0 0.2rem 1rem;
  }
}

.payment_area .pay_info .in_box .payment_wrap .tab-content .pay_info_wrap ul.pay_info_ul > li > strong {
  font-weight: 500;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content .pay_info_wrap ul.pay_info_ul > li .que_box {
  width: 16px;
  height: 16px;
  font-size: 11px;
  font-size: 0.715rem;
  line-height: 16px;
  background: #2D2B36;
  color: #fff;
  border-radius: 50%;
  padding: 0 1px 0 0;
  margin-right: 0.3rem;
  outline: none;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content .card_btn_wrap {
  margin-top: 1rem;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content .card_btn_wrap > a {
  display: inline-block;
  background: #2D2B36;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13.4px;
  font-size: 0.871rem;
  padding: 0.3rem 1rem 0.5rem;
  border-radius: 5px;
}

.payment_area .pay_info .in_box .payment_wrap .tab-content.active {
  display: inherit;
}

.payment_area .pay_price {
  position: relative;
  width: 31%;
}

@media (max-width: 1280px) {
  .payment_area .pay_price {
    width: 33%;
  }
}

@media (max-width: 1024px) {
  .payment_area .pay_price {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_price {
    padding: 0 var(--uh-gutter-x) 3rem;
  }
}

.payment_area .pay_price .pay_wrap {
  position: sticky;
  top: 120px;
  margin-top: 41px;
  width: 100%;
}

.payment_area .pay_price .pay_wrap .price_wrap {
  background: #fff;
  border: 2px solid #2D2B36;
}

.payment_area .pay_price .pay_wrap .price_wrap ul > li {
  overflow: hidden;
  margin: 1rem 0;
}

.payment_area .pay_price .pay_wrap .price_wrap ul > li .txt {
  float: left;
  text-align: left;
}

.payment_area .pay_price .pay_wrap .price_wrap ul > li .price {
  float: right;
  text-align: right;
}

.payment_area .pay_price .pay_wrap .price_wrap ul > li .price > span {
  margin: 0 3px 0 5px;
  letter-spacing: 0;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price {
  padding: 1rem 2rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .txt {
  font-size: 17px;
  font-size: 1.105rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .price {
  font-size: 17px;
  font-size: 1.105rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .price > span {
  font-size: 20px;
  font-size: 1.3rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li {
  color: #858899;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .txt {
  font-size: 15px;
  font-size: 0.975rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .price {
  font-size: 15px;
  font-size: 0.975rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .price > span {
  font-size: 18px;
  font-size: 1.17rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.last_price {
  background: #ebebf2;
  padding: 1rem 2rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li {
  color: #585CFF;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .txt {
  font-size: 17px;
  font-size: 1.105rem;
  line-height: 2;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .price {
  font-size: 17px;
  font-size: 1.105rem;
}

.payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .price > span {
  font-size: 23px;
  font-size: 1.495rem;
  font-weight: 600;
}

.payment_area .pay_price .pay_wrap .pay_btn {
  width: 100%;
  height: 80px;
  font-size: 17px;
  font-size: 1.105rem;
  background: #5d61ff;
  color: #fff;
  margin-top: 15px;
  outline: none;
}

.payment_area .pay_price .pay_wrap .pay_btn:hover {
  background: #585CFF;
}

@media (max-width: 1024px) {
  .payment_area .pay_price .pay_wrap {
    position: static;
    margin-top: 40px;
  }
}

@media (max-width: 640px) {
  .payment_area .pay_price .pay_wrap .price_wrap {
    border: none;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price {
    padding: 0 0 0.8rem 0;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li {
    color: #858899;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .txt {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .price {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .price > span {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .txt {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .price {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .price > span {
    font-size: 17px;
    font-size: 1.105rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price {
    background: #fff;
    padding: 1rem 0;
    border-top: 2px solid #ebebf2;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li {
    color: #585CFF;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .txt {
    font-size: 17px;
    font-size: 1.105rem;
    font-weight: 500;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .price {
    font-size: 21px;
    font-size: 1.365rem;
    font-weight: 500;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .price > span {
    font-size: 22px;
    font-size: 1.43rem;
    font-weight: 600;
  }
}

@media (max-width: 480px) {
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .txt {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .price {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li .price > span {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .txt {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .price {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.order_price > li.calcu_li .price > span {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price {
    padding: 0.8rem 0;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .txt {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .price {
    font-size: 20px;
    font-size: 1.3rem;
  }
  .payment_area .pay_price .pay_wrap .price_wrap ul.last_price > li .price > span {
    font-size: 21px;
    font-size: 1.365rem;
  }
  .payment_area .pay_price .pay_wrap .pay_btn {
    width: 100%;
    height: 70px;
    font-size: 16px;
    font-size: 1.04rem;
    margin-top: 10px;
  }
}

.product_sc .product_ul {
  overflow: hidden;
}

.product_sc .product_ul > li {
  float: left;
  background: #fff;
  border: 2px solid #2D2B36;
  padding: 2rem;
  width: 30%;
  margin-left: 3%;
}

.product_sc .product_ul > li:first-child {
  margin-left: 0;
}

.product_sc .product_ul > li:after {
  content: " ";
  display: block;
  clear: both;
}

.product_sc .product_ul > li:hover {
  border: 2px solid #585CFF;
}

.product_sc .product_ul > li .top h3.title {
  font-size: 22px;
  font-size: 1.43rem;
  line-height: 1;
}

.product_sc .product_ul > li .top h3.title > i {
  width: 22px;
  height: 22px;
}

.product_sc .product_ul > li .top .explain {
  height: 48px;
  word-break: keep-all;
}

.product_sc .product_ul > li .top .explain p.txt {
  font-size: 15.5px;
  font-size: 1.0075rem;
  color: #858899;
  margin-top: 15px;
}

.product_sc .product_ul > li .top button.product_btn {
  font-size: 13.2px;
  font-size: 0.858rem;
  background: #F7F7FA;
  border: 1px solid #c9cad1;
  border-radius: 5px;
  padding: 3px 8px 4px;
  margin-top: 8px;
  font-weight: 500;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont {
  min-width: 800px;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box {
  height: 600px;
  overflow-y: scroll;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl {
  font-size: 14px;
  font-size: 0.91rem;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr {
  border-top: 2px solid #fff;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr.bd_none {
  border: none;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr th {
  padding: 10px 0;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr td {
  padding: 10px 0;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr td .table_ul > li {
  list-style: circle;
  width: 95%;
  margin: 6px 0 4px 3%;
  line-height: 1.3;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr td .table_ul > li mark.premium {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(40%, #ffdfcb));
  background: linear-gradient(rgba(255, 255, 255, 0) 60%, #ffdfcb 40%);
  font-weight: 600;
  letter-spacing: 0;
}

.product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr td .table_ul > li mark.standard {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(40%, #bfffcd));
  background: linear-gradient(rgba(255, 255, 255, 0) 60%, #bfffcd 40%);
  font-weight: 600;
}

.product_sc .product_ul > li .mid {
  border-top: 1px solid #ebebf2;
  border-bottom: 1px solid #ebebf2;
  margin: 1.8rem 0 1.6rem;
  padding: 1.5rem 0;
}

.product_sc .product_ul > li .mid dl.explain_dl dt {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 14px;
  font-size: 0.91rem;
  width: 27%;
  margin: 4px 0;
}

.product_sc .product_ul > li .mid dl.explain_dl dt > span {
  font-weight: bold;
  margin-left: 3px;
}

.product_sc .product_ul > li .mid dl.explain_dl dd {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 14px;
  font-size: 0.91rem;
  width: 70%;
  letter-spacing: 0;
  margin: 4px 0;
}

.product_sc .product_ul > li .btm .txt_wrap {
  text-align: right;
}

.product_sc .product_ul > li .btm .txt_wrap .month {
  font-size: 15.5px;
  font-size: 1.0075rem;
  color: #858899;
}

.product_sc .product_ul > li .btm .txt_wrap .price {
  font-size: 24px;
  font-size: 1.56rem;
  color: #585CFF;
  font-weight: bold;
}

.product_sc .product_ul > li .btm .btn_wrap {
  margin-top: 1rem;
  text-align: center;
}

.product_sc .product_ul > li .btm .btn_wrap .basket_btn {
  width: 100%;
  background: #585CFF;
  color: #fff;
  padding: 1.1rem 0 1.2rem;
}

@media (max-width: 1280px) {
  .product_sc .product_ul > li {
    padding: 2rem 1.5rem;
    width: 32%;
    margin-left: 2%;
  }
  .product_sc .product_ul > li .top h3.title {
    font-size: 21px;
    font-size: 1.365rem;
  }
  .product_sc .product_ul > li .top h3.title > i {
    width: 21px;
    height: 21px;
  }
  .product_sc .product_ul > li .top .explain {
    height: 46px;
  }
  .product_sc .product_ul > li .top .explain p.txt {
    font-size: 15px;
    font-size: 0.975rem;
    margin-top: 15px;
  }
  .product_sc .product_ul > li .mid {
    margin: 1.6rem 0 1.3rem;
    padding: 1.3rem 0;
  }
  .product_sc .product_ul > li .mid dl.explain_dl dt {
    width: 30%;
  }
  .product_sc .product_ul > li .mid dl.explain_dl dd {
    width: 67%;
  }
  .product_sc .product_ul > li .btm .txt_wrap .month {
    font-size: 15px;
    font-size: 0.975rem;
  }
  .product_sc .product_ul > li .btm .txt_wrap .price {
    font-size: 23px;
    font-size: 1.495rem;
  }
}

@media (max-width: 1024px) {
  .product_sc {
    overflow-x: scroll;
    margin-top: 3rem;
  }
  .product_sc .product_ul {
    width: 1100px;
    padding-right: 1rem;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont {
    min-width: auto;
  }
}

@media (max-width: 640px) {
  .product_sc {
    overflow-x: auto;
  }
  .product_sc .product_ul {
    width: 100%;
    padding: 0;
  }
  .product_sc .product_ul > li {
    float: none;
    width: 100%;
    padding: 2rem;
    margin-left: 0;
    margin-top: 1rem;
  }
  .product_sc .product_ul > li:first-child {
    margin-top: 0;
  }
  .product_sc .product_ul > li .top h3.title {
    font-size: 20px;
    font-size: 1.3rem;
  }
  .product_sc .product_ul > li .top h3.title > i {
    width: 20px;
    height: 20px;
  }
  .product_sc .product_ul > li .top .explain {
    height: auto;
  }
  .product_sc .product_ul > li .top .explain p.txt {
    font-size: 14.5px;
    font-size: 0.9425rem;
    margin-top: 10px;
  }
  .product_sc .product_ul > li .top button.product_btn {
    font-size: 13.2px;
    font-size: 0.858rem;
    padding: 3px 8px 4px;
    margin-top: 10px;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box {
    height: 500px;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr td .table_ul > li {
    width: 90%;
    margin: 6px 0 4px 10%;
  }
  .product_sc .product_ul > li .mid dl.explain_dl dt {
    width: 25%;
    margin: 4px 0;
  }
  .product_sc .product_ul > li .mid dl.explain_dl dd {
    width: 73%;
    letter-spacing: 0;
    margin: 4px 0;
  }
  .product_sc .product_ul > li .btm .txt_wrap .month {
    font-size: 14.5px;
    font-size: 0.9425rem;
  }
  .product_sc .product_ul > li .btm .txt_wrap .price {
    font-size: 22px;
    font-size: 1.43rem;
  }
}

@media (max-width: 480px) {
  .product_sc .product_ul > li {
    padding: 1.8rem 1.2rem;
  }
  .product_sc .product_ul > li .top h3.title {
    font-size: 18px;
    font-size: 1.17rem;
  }
  .product_sc .product_ul > li .top h3.title > i {
    width: 18px;
    height: 18px;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont {
    padding: 3% 4% 3%;
    overflow: hidden;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont h3.tit > span {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box {
    height: 400px;
    margin-top: 0;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl {
    font-size: 13.6px;
    font-size: 0.884rem;
    word-break: keep-all;
  }
  .product_sc .product_ul > li .top .subjectpop .popup_cont .txt_box table.popup_tbl tr td .table_ul > li {
    width: 90%;
    margin: 4px 0 4px 11%;
    line-height: 1.4;
  }
  .product_sc .product_ul > li .mid dl.explain_dl dt {
    font-size: 13px;
    font-size: 0.845rem;
    width: 32%;
  }
  .product_sc .product_ul > li .mid dl.explain_dl dd {
    font-size: 13px;
    font-size: 0.845rem;
    width: 65%;
  }
  .product_sc .product_ul > li .btm .txt_wrap .month {
    font-size: 13.5px;
    font-size: 0.8775rem;
  }
  .product_sc .product_ul > li .btm .txt_wrap .price {
    font-size: 20px;
    font-size: 1.3rem;
  }
}

.about_sc {
  margin-top: 6rem;
  background: #fdfdfe;
  border-top: 1px solid #ebebf2;
  padding: 6rem 0;
}

.about_sc .title_wrap h2.title {
  font-size: 28px;
  font-size: 1.82rem;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.about_sc .title_wrap p.txt {
  font-size: 19px;
  font-size: 1.235rem;
  color: #858899;
  margin-top: 1.3rem;
  word-break: keep-all;
}

.about_sc .title_wrap p.txt > .ps {
  font-size: 15px;
  font-size: 0.975rem;
  color: #6339ea;
  display: block;
  margin-top: 2px;
  letter-spacing: -0.5px;
}

.about_sc .conts_wrap {
  margin-top: 6rem;
}

.about_sc .conts_wrap > ul {
  overflow: hidden;
}

.about_sc .conts_wrap > ul li.txt {
  margin-top: 4rem;
  width: 50%;
  word-break: keep-all;
}

.about_sc .conts_wrap > ul li.txt .big {
  font-size: 35px;
  font-size: 2.275rem;
  color: #585CFF;
  letter-spacing: -1px;
}

.about_sc .conts_wrap > ul li.txt .sm {
  font-size: 19px;
  font-size: 1.235rem;
  color: #2D2B36;
  margin-top: 1rem;
}

.about_sc .conts_wrap > ul.left_ul .img {
  float: left;
}

.about_sc .conts_wrap > ul.left_ul .txt {
  float: left;
  margin-left: 2.5rem;
}

.about_sc .conts_wrap > ul.right_ul {
  margin: 6rem 0;
}

.about_sc .conts_wrap > ul.right_ul .img {
  float: right;
  width: 45%;
}

.about_sc .conts_wrap > ul.right_ul .txt {
  float: left;
}

@media (max-width: 1280px) {
  .about_sc {
    margin-top: 5rem;
    padding: 5rem 0;
  }
  .about_sc .conts_wrap {
    margin-top: 5rem;
  }
  .about_sc .conts_wrap > ul li.txt {
    margin-top: 2rem;
  }
  .about_sc .conts_wrap > ul li.txt .big {
    font-size: 33px;
    font-size: 2.145rem;
  }
  .about_sc .conts_wrap > ul li.txt .sm {
    font-size: 18px;
    font-size: 1.17rem;
  }
  .about_sc .conts_wrap > ul.left_ul .img {
    float: left;
    width: 35%;
  }
  .about_sc .conts_wrap > ul.left_ul .img > img {
    width: 100%;
  }
  .about_sc .conts_wrap > ul.left_ul .txt {
    float: left;
    width: 62%;
    margin-left: 3%;
  }
  .about_sc .conts_wrap > ul.right_ul {
    margin: 5rem 0;
  }
  .about_sc .conts_wrap > ul.right_ul .img {
    float: right;
    width: 35%;
    padding-right: 2%;
  }
  .about_sc .conts_wrap > ul.right_ul .img > img {
    width: 100%;
  }
  .about_sc .conts_wrap > ul.right_ul .txt {
    float: left;
    width: 62%;
    margin-right: 3%;
  }
}

@media (max-width: 1024px) {
  .about_sc {
    margin-top: 4rem;
    padding: 4rem 0;
  }
  .about_sc .title_wrap h2.title {
    font-size: 26px;
    font-size: 1.69rem;
    letter-spacing: -0.5px;
  }
  .about_sc .title_wrap p.txt {
    font-size: 17px;
    font-size: 1.105rem;
    margin-top: 1.3rem;
  }
  .about_sc .conts_wrap {
    margin-top: 5rem;
  }
  .about_sc .conts_wrap > ul li.txt {
    margin-top: 2rem;
    word-break: keep-all;
  }
  .about_sc .conts_wrap > ul li.txt .big {
    font-size: 29px;
    font-size: 1.885rem;
    line-height: 1.3;
  }
  .about_sc .conts_wrap > ul li.txt .sm {
    font-size: 16px;
    font-size: 1.04rem;
  }
  .about_sc .conts_wrap > ul.left_ul .img {
    float: left;
    width: 35%;
  }
  .about_sc .conts_wrap > ul.left_ul .img > img {
    width: 100%;
  }
  .about_sc .conts_wrap > ul.left_ul .txt {
    float: left;
    width: 62%;
    margin-left: 3%;
  }
  .about_sc .conts_wrap > ul.right_ul {
    margin: 5rem 0;
  }
  .about_sc .conts_wrap > ul.right_ul .img {
    float: right;
    width: 35%;
    padding-right: 2%;
  }
  .about_sc .conts_wrap > ul.right_ul .img > img {
    width: 100%;
  }
  .about_sc .conts_wrap > ul.right_ul .txt {
    float: left;
    width: 62%;
    margin-right: 3%;
  }
}

@media (max-width: 800px) {
  .about_sc .title_wrap p.txt > .ps {
    font-size: 14.6px;
    font-size: 0.949rem;
    margin-top: 2px;
  }
  .about_sc .conts_wrap > ul li.txt {
    margin-top: 0;
  }
  .about_sc .conts_wrap > ul li.txt .big {
    font-size: 25px;
    font-size: 1.625rem;
    line-height: 1.2;
  }
  .about_sc .conts_wrap > ul li.txt .sm {
    font-size: 15px;
    font-size: 0.975rem;
  }
}

@media (max-width: 640px) {
  .about_sc {
    margin-top: 4rem;
    padding: 3rem 0;
  }
  .about_sc .title_wrap h2.title {
    font-size: 24px;
    font-size: 1.56rem;
    letter-spacing: 0;
  }
  .about_sc .title_wrap p.txt {
    font-size: 15.5px;
    font-size: 1.0075rem;
  }
  .about_sc .title_wrap p.txt > .ps {
    font-size: 14px;
    font-size: 0.91rem;
    margin-top: 2px;
  }
  .about_sc .conts_wrap {
    margin-top: 5rem;
  }
  .about_sc .conts_wrap > ul li.txt {
    margin-top: 2rem;
  }
  .about_sc .conts_wrap > ul li.txt .big {
    font-size: 27px;
    font-size: 1.755rem;
    line-height: 1.3;
  }
  .about_sc .conts_wrap > ul li.txt .sm {
    font-size: 15.5px;
    font-size: 1.0075rem;
  }
  .about_sc .conts_wrap > ul.left_ul .img {
    float: none;
    width: 100%;
  }
  .about_sc .conts_wrap > ul.left_ul .img > img {
    width: 60%;
  }
  .about_sc .conts_wrap > ul.left_ul .txt {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .about_sc .conts_wrap > ul.right_ul {
    margin: 5rem 0;
  }
  .about_sc .conts_wrap > ul.right_ul .img {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .about_sc .conts_wrap > ul.right_ul .img > img {
    width: 56%;
  }
  .about_sc .conts_wrap > ul.right_ul .txt {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .about_sc .title_wrap h2.title {
    font-size: 22px;
    font-size: 1.43rem;
  }
  .about_sc .title_wrap p.txt {
    font-size: 15.5px;
    font-size: 1.0075rem;
  }
  .about_sc .title_wrap p.txt > .ps {
    font-size: 13.4px;
    font-size: 0.871rem;
    letter-spacing: -0.5px;
  }
  .about_sc .conts_wrap {
    margin-top: 4rem;
  }
  .about_sc .conts_wrap > ul li.txt {
    margin-top: 1.5rem;
  }
  .about_sc .conts_wrap > ul li.txt .big {
    font-size: 24px;
    font-size: 1.56rem;
  }
  .about_sc .conts_wrap > ul.left_ul .img {
    float: none;
    width: 100%;
  }
  .about_sc .conts_wrap > ul.left_ul .img > img {
    width: 82%;
  }
  .about_sc .conts_wrap > ul.left_ul .txt {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .about_sc .conts_wrap > ul.right_ul {
    margin: 5rem 0;
  }
  .about_sc .conts_wrap > ul.right_ul .img {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .about_sc .conts_wrap > ul.right_ul .img > img {
    width: 76%;
  }
  .about_sc .conts_wrap > ul.right_ul .txt {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

.qna_sc {
  margin-top: 5rem;
}

.qna_sc h2.title {
  font-size: 28px;
  font-size: 1.82rem;
  font-weight: 500;
}

.qna_sc .qna_ul {
  list-style: none;
  margin-top: 2.5rem;
  padding: 0;
}

@media (max-width: 480px) {
  .qna_sc .qna_ul {
    margin-top: 3rem;
  }
}

.qna_sc .qna_ul > li {
  margin: 0.5rem 0;
  word-break: keep-all;
}

.qna_sc .qna_ul > li .qna_tit {
  font-size: 16px;
  font-size: 1.04rem;
  position: relative;
  padding: 1.6rem 2.2rem 1.6rem 5.5rem;
  border-radius: 1rem;
  -webkit-transition: ease-in-out 0.2s all;
  transition: ease-in-out 0.2s all;
  background: #f9f9f9;
  border: 1px solid #e6e6ec;
  font-weight: 500;
  cursor: pointer;
}

@media (max-width: 800px) {
  .qna_sc .qna_ul > li .qna_tit {
    padding: 1.5rem 2.2rem 1.5rem 4rem;
  }
}

@media (max-width: 640px) {
  .qna_sc .qna_ul > li .qna_tit {
    font-size: 15px;
    font-size: 0.975rem;
    border: 2px solid #e6e6ec;
  }
}

@media (max-width: 480px) {
  .qna_sc .qna_ul > li .qna_tit {
    padding: 1.6rem 1.2rem 1.3rem 3.8rem;
  }
}

.qna_sc .qna_ul > li .qna_tit::before {
  content: "Q";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-size: 1.04rem;
  font-family: "icomoon";
  position: absolute;
  top: 1.2rem;
  left: 2rem;
  border-radius: 100px;
  background: #c2c2c8;
  color: #2D2B36;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 800px) {
  .qna_sc .qna_ul > li .qna_tit::before {
    top: 1.3rem;
    left: 1.2rem;
  }
}

@media (max-width: 480px) {
  .qna_sc .qna_ul > li .qna_tit::before {
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-size: 0.975rem;
    top: 1.4rem;
    line-height: 27px;
  }
}

.qna_sc .qna_ul > li .qna_tit:after {
  content: "\e919";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 18px;
  font-size: 1.17rem;
  font-family: "icomoon";
  position: absolute;
  top: 1.6rem;
  right: 2rem;
  color: #858899;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 800px) {
  .qna_sc .qna_ul > li .qna_tit:after {
    right: 1.2rem;
  }
}

@media (max-width: 480px) {
  .qna_sc .qna_ul > li .qna_tit:after {
    display: none;
  }
}

.qna_sc .qna_ul > li .qna_open {
  background: #fff;
  border: 1px solid #585CFF;
  border-bottom: 0;
  border-radius: 1.4rem 1.4rem 0 0;
}

@media (max-width: 640px) {
  .qna_sc .qna_ul > li .qna_open {
    border: 2px solid #585CFF;
    border-bottom: 0;
  }
}

.qna_sc .qna_ul > li .qna_open::before {
  background: #585CFF;
  color: #fff;
  font-weight: 500;
}

.qna_sc .qna_ul > li .qna_open:after {
  content: "\e91c";
  cursor: inherit;
}

.qna_sc .qna_ul > li .answer {
  display: none;
  position: relative;
  padding: 0 2.2rem 0 5.5rem;
  opacity: 0;
  height: 0;
  color: #fff;
  border: 1px solid #585CFF;
  border-top: none;
}

@media (max-width: 800px) {
  .qna_sc .qna_ul > li .answer {
    padding: 0 4rem 0 4rem;
  }
}

@media (max-width: 640px) {
  .qna_sc .qna_ul > li .answer {
    border: 2px solid #585CFF;
  }
}

@media (max-width: 480px) {
  .qna_sc .qna_ul > li .answer {
    padding: 0 2rem 0 3.6rem;
  }
}

.qna_sc .qna_ul > li .open {
  display: block;
  opacity: 1;
  height: auto;
  padding: 1.2rem 5rem 1.5rem 5.5rem;
  position: relative;
  z-index: 0;
  border-top: none;
  border-radius: 0 0 1.4rem 1.4rem;
  -webkit-transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);
  transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);
}

@media (max-width: 800px) {
  .qna_sc .qna_ul > li .open {
    padding: 0.6rem 4rem 2rem 4rem;
  }
}

@media (max-width: 480px) {
  .qna_sc .qna_ul > li .open {
    padding: 0.6rem 2rem 1.5rem 3.8rem;
  }
}

.qna_sc .qna_ul > li .open::before {
  content: "A";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-size: 1.04rem;
  font-family: "icomoon";
  position: absolute;
  top: 1rem;
  left: 2rem;
  border-radius: 100px;
  background: #2fd8b6;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 800px) {
  .qna_sc .qna_ul > li .open::before {
    top: 0.4rem;
    left: 1.2rem;
  }
}

@media (max-width: 480px) {
  .qna_sc .qna_ul > li .open::before {
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-size: 0.975rem;
    top: 0.5rem;
    line-height: 27px;
  }
}

.qna_sc .qna_ul > li .open > .qna_conts {
  max-height: 210px;
  overflow-y: scroll;
}

.qna_sc .qna_ul > li .open > .qna_conts::-webkit-scrollbar {
  display: none;
  scrollbar-width: none;
}

.qna_sc .qna_ul > li .open > .qna_conts p.txt {
  font-size: 15px;
  font-size: 0.975rem;
  line-height: 1.6;
  color: #858899;
  font-weight: 300;
}

.qna_sc .qna_ul > li .open > .qna_conts p.txt > strong {
  display: block;
  margin-top: 0.5rem;
  font-weight: 500;
}

.print {
  padding: 0;
  margin: 0;
  /*@media print {
    page-divide {
        page-break-after: always;
    }

    no-print-page {
        display: none;
        border: none;
    }
  }*/
}

.print page {
  position: relative;
  display: block;
  margin: 0 auto;
}

.print page[size="A4"] {
  width: 21cm;
  height: 29.6cm;
  padding: 0.5cm 0.5cm 0;
}

.print page[is-divide="true"] {
  page-break-after: always;
}

.print hr[is-divide="true"] {
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.print_area {
  width: 100%;
}

.print_area img.certificate_img {
  width: 100%;
  margin: 0 auto;
}

.print_area section.conts_wrap {
  overflow: hidden;
}

.print_area section.conts_wrap .txt_dl {
  font-size: 19px;
  font-size: 1.235rem;
  display: block;
  position: absolute;
  width: 13.5cm;
  top: 9cm;
  left: 50%;
  margin-left: -5.5cm;
}

.print_area section.conts_wrap .txt_dl::after {
  clear: both;
}

.print_area section.conts_wrap .txt_dl > dt {
  float: left;
  width: 28%;
  margin: 12px 0;
  font-weight: 600;
}

.print_area section.conts_wrap .txt_dl > dd {
  float: left;
  width: 72%;
  margin: 12px 0;
  word-break: keep-all;
}

.print_area section.conts_wrap .certificate_table {
  position: absolute;
  width: 16cm;
  top: 9cm;
  left: 50%;
  margin-left: -8cm;
}

.print_area section.conts_wrap .certificate_table tr {
  font-size: 14.6px;
  font-size: 0.949rem;
  text-align: center;
}

.print_area section.conts_wrap .certificate_table tr > th {
  background: #d6d6e1;
  border: 1px solid #b1b1c3;
  padding: 8px 2px;
}

.print_area section.conts_wrap .certificate_table tr > td {
  background: #fff;
  border: 1px solid #d6d6e1;
  padding: 8px 2px;
  word-break: keep-all;
}

.print_area section.conts_wrap .explain {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  position: absolute;
  width: 16cm;
  left: 50%;
  bottom: 7cm;
  margin-left: -8cm;
  text-align: center;
}

.print_area section.conts_wrap .explain > .txt {
  font-size: 22px;
  font-size: 1.43rem;
  font-weight: 500;
  color: #1e2d42;
}

.print_area section.conts_wrap .explain > .ps {
  font-size: 15.6px;
  font-size: 1.014rem;
  color: #b1b1c3;
  margin-top: 0.5cm;
}

.print_area .print_info {
  font-size: 13px;
  font-size: 0.845rem;
  color: #777d86;
}

.print_area .print_info::after {
  clear: both;
}

.print_area .print_info .date {
  float: left;
  width: 50%;
  text-align: left;
}

.print_area .print_info .page {
  float: left;
  width: 50%;
  text-align: right;
}