@charset "UTF-8";
/* ===========================value============== */
.ccc {
  width: 600px;
  height: 50px;
  background-color: orangered; }

/* ===========================mix============== */
/* 단위환산 / vw(10vw) */
/* ===========================popup============== */
.popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 9000; }

.trp.popupfixed-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 9000;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box; }
  .trp.popupfixed-wrap div {
    box-sizing: border-box; }
  .trp.popupfixed-wrap .popup-dim {
    background-color: transparent;
    z-index: 0;
    background: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60); }
  .trp.popupfixed-wrap .popup-align {
    display: table;
    *display: block;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-align: center; }
    .trp.popupfixed-wrap .popup-align .popup-vertical {
      display: table-cell;
      width: 100%;
      padding: 20px 0;
      text-align: center;
      vertical-align: middle; }
  .trp.popupfixed-wrap .popup-layer {
    position: relative;
    z-index: 1;
    display: inline-block;
    *display: inline;
    zoom: 1; }
    .trp.popupfixed-wrap .popup-layer.option {
      position: relative;
      top: 0px;
      /*width:100%;*/
      min-width: 320px;
      height: auto;
      text-align: left;
      background: #fff; }
  .trp.popupfixed-wrap .pop-header {
    padding: 1.11111vw 6.25vw 0.90278vw;
    /* padding:vw(26) vw(90) vw(23); */
    height: 6.25vw;
    background-color: #fff;
    /* @include before_middle(); */
    text-align: center; }
    .trp.popupfixed-wrap .pop-header:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle; }
    .trp.popupfixed-wrap .pop-header .btn_close {
      position: absolute;
      top: 0px;
      right: 0px;
      width: auto;
      padding: 2.1875vw;
      margin: 0;
      font-size: 0px;
      line-height: 1;
      color: transparent;
      box-sizing: border-box;
      outline: none; }
      .trp.popupfixed-wrap .pop-header .btn_close i {
        display: block;
        width: 1.875vw;
        height: 1.875vw;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00011 11.1214L14.9395 17.0608L17.0608 14.9395L11.1214 9.00011L17.0608 3.06077L14.9395 0.939453L9.00011 6.87879L3.06077 0.939453L0.939453 3.06077L6.87879 9.00011L0.939453 14.9395L3.06077 17.0608L9.00011 11.1214Z' fill='%23000'/%3E%3C/svg%3E%0A");
        background-size: 100%;
        background-repeat: no-repeat; }
    .trp.popupfixed-wrap .pop-header .pop_tit {
      /* height: vw(41); */
      display: inline-block;
      width: 97%;
      color: #000;
      text-align: center; }
  .trp.popupfixed-wrap .pop-body {
    overflow: hidden; }
    .trp.popupfixed-wrap .pop-body .section {
      padding: 0;
      max-height: calc( 100vh - 9.5278vw);
      /* vw(130) */
      overflow-y: auto; }
  .trp.popupfixed-wrap .pop-footer .btn_bottom {
    margin-top: 20px; }
  @media screen and (max-width: 1024px) {
    .trp.popupfixed-wrap .popup-align .popup-vertical {
      padding: 0; }
    .trp.popupfixed-wrap .popup-layer.option {
      min-width: 320px;
      height: 100%; }
    .trp.popupfixed-wrap .pop-header {
      position: fixed;
      top: 0;
      z-index: 9999;
      padding: 2.77778vw 17.77778vw 2.77778vw;
      /* padding:vwm(20) vwm(64) vwm(20); */
      height: 17.77778vw;
      width: 100%; }
      .trp.popupfixed-wrap .pop-header .btn_close {
        padding: 6.66667vw;
        width: 17.77778vw;
        height: 17.77778vw; }
        .trp.popupfixed-wrap .pop-header .btn_close i {
          display: block;
          width: 4.44444vw;
          height: 4.44444vw;
          background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00011 11.1214L14.9395 17.0608L17.0608 14.9395L11.1214 9.00011L17.0608 3.06077L14.9395 0.939453L9.00011 6.87879L3.06077 0.939453L0.939453 3.06077L6.87879 9.00011L0.939453 14.9395L3.06077 17.0608L9.00011 11.1214Z' fill='%23000'/%3E%3C/svg%3E%0A");
          background-repeat: no-repeat; }
      .trp.popupfixed-wrap .pop-header .pop_tit {
        /* height: vwm(24); */ }
    .trp.popupfixed-wrap .pop-body .section {
      max-height: none;
      overflow-y: auto; } }
  .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header {
    padding: 1.66667vw 6.25vw 1.66667vw;
    height: 4.16667vw; }
    .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header .btn_close {
      padding: 1.11111vw; }
      .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header .btn_close i {
        width: 1.11111vw;
        height: 1.11111vw; }
        .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header .btn_close i:before {
          font-size: 1.11111vw; }
  .trp.popupfixed-wrap.popup_msg .pop-body {
    background-color: #fff; }
    .trp.popupfixed-wrap.popup_msg .pop-body .section {
      padding: 0 1.66667vw 2.22222vw; }
    .trp.popupfixed-wrap.popup_msg .pop-body .pop_msg_wrap {
      text-align: center; }
      .trp.popupfixed-wrap.popup_msg .pop-body .pop_msg_wrap .btn_set {
        margin-top: 3.33333vw; }
      .trp.popupfixed-wrap.popup_msg .pop-body .pop_msg_wrap .btn_set-center {
        position: relative;
        text-align: center; }
        .trp.popupfixed-wrap.popup_msg .pop-body .pop_msg_wrap .btn_set-center:after {
          content: '';
          display: block;
          clear: both; }
        .trp.popupfixed-wrap.popup_msg .pop-body .pop_msg_wrap .btn_set-center button {
          display: block;
          float: left;
          width: calc(50% - 0.83333vw);
          /* vw(12) */
          /* vw(12) */ }
        .trp.popupfixed-wrap.popup_msg .pop-body .pop_msg_wrap .btn_set-center button:first-child {
          margin-right: 0.83333vw; }
        .trp.popupfixed-wrap.popup_msg .pop-body .pop_msg_wrap .btn_set-center button:last-child {
          margin-left: 0.83333vw; }
  @media screen and (max-width: 1024px) {
    .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap {
      padding: 6.66667vw; }
      .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header {
        position: absolute;
        top: 0;
        left: 0; }
        .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header .btn_close {
          padding: 4.44444vw; }
          .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header .btn_close i {
            width: 4.44444vw;
            height: 4.44444vw; }
            .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-header .btn_close i:before {
              font-size: 4.44444vw; }
      .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-body {
        position: relative;
        height: auto;
        margin-top: 15vw;
        overflow-y: scroll;
        max-height: 80vh; }
        .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-body .section {
          padding: 0 6.66667vw 6.66667vw; }
        .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-body .pop_msg_wrap {
          margin-top: 1.38889vw; }
          .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-body .pop_msg_wrap .btn_set {
            margin-top: 11.11111vw; }
          .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-body .pop_msg_wrap .btn_set-center button {
            display: block;
            float: left;
            width: calc(50% - 1.66667vw);
            /* vwm(6) */ }
          .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-body .pop_msg_wrap .btn_set-center button:first-child {
            margin-right: 1.66667vw; }
          .trp.popupfixed-wrap.popup_msg.trp.popupfixed-wrap .pop-body .pop_msg_wrap .btn_set-center button:last-child {
            margin-left: 1.66667vw; } }
  .trp.popupfixed-wrap.waiting .popup-layer {
    width: 33.33333vw; }
  .trp.popupfixed-wrap.waiting .pict_waiting img {
    width: 11.11111vw;
    height: 11.11111vw; }
  .trp.popupfixed-wrap.waiting .pict_waiting2 {
    height: 8.33333vw;
    position: relative; }
    .trp.popupfixed-wrap.waiting .pict_waiting2 .ani_wrap {
      width: 8.33333vw;
      height: 8.33333vw;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
  .trp.popupfixed-wrap.waiting .tit {
    padding-top: 1.11111vw; }
    .trp.popupfixed-wrap.waiting .tit em {
      color: #EC0C6E; }
  .trp.popupfixed-wrap.waiting .txt {
    padding-top: 1.11111vw; }
  @media screen and (max-width: 1024px) {
    .trp.popupfixed-wrap.waiting.trp.popupfixed-wrap .pop-header {
      height: 17.77778vw; }
    .trp.popupfixed-wrap.waiting .popup-layer {
      width: 86.66667vw; }
    .trp.popupfixed-wrap.waiting .pict_waiting img {
      width: 22.22222vw;
      height: 22.22222vw; }
    .trp.popupfixed-wrap.waiting .pict_waiting2 {
      height: 20vw; }
      .trp.popupfixed-wrap.waiting .pict_waiting2 .ani_wrap {
        width: 20vw;
        height: 20vw; }
    .trp.popupfixed-wrap.waiting .tit {
      padding-top: 2.22222vw; }
    .trp.popupfixed-wrap.waiting .txt {
      padding-top: 2.22222vw; } }