body {
    top: 0 !important;
  }
  
  .skiptranslate > iframe {
    display: none;
  }
  html {
    -ms-touch-action: manipulation;
    touch-action: manipulation
  }
  
  @charset "utf-8";
  
  @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
  
  
  
  
  html, body{margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size:14px;font-family: inherit;vertical-align: baseline;font-family: 'Pretendard', sans-serif !important;}
  
  video.mobile {
    display:none;
  }
  @media (max-width:768px){
    video.mobile {
      display:block;
    }
    video.pc {
      display:none;
    }
  }
  /*  */
  body {
    top: 0 !important;
  }
  
  .skiptranslate > iframe {
    display: none;
  }
  
  #main {
    background-color: #F6F6F6;
  }
  .container {
    padding:0!important;
  }
  div.cursor div{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #5C6B96;
    height: 0px;
    width: 0px;
    border-radius: 50%;
    z-index: 10000;
    pointer-events: none;
    transform: translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  div.cursor div span{
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 110%;
    opacity: 0;
    transition: opacity 0.1s ease;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  .modal-bg {
    overflow:hidden;
    opacity:0;
    width:0;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1999999999;
    transition:0.5s;
  }
  
  .modal-wrap {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    background: #fff;
    z-index: 1000;
  }
  /* main sns */
  .main_snsWrapper {
    position: absolute;
    right: -6px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    top: 47%;
    transform: translate(-50%, -50%);
    z-index: 100;
  }
  .main_snsWrapper a {
    position:relative;
  }
  .main_snsWrapper i {
    font-size: 34px;
    color: #fff!important;
  }
  .main_snsWrapper div.main_sns {
    position: absolute;
    left: -70px;
    top: 43%;
    transform: translate(-50%, -50%);
    padding: 10px 5px;
    width: 110px;
    background: #5C6B96;
    border-radius: 10px;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    opacity:0;
    z-index:999999;
    transition:linear 0.2s;
    text-align:center;
  }
  @media (max-width:1900px){
    .main_snsWrapper {
      right: -8px;
    }
  }
  @media (max-width:1700px) {
    .main_snsWrapper {
      right: -10px;
    }
    #main section.sec01.section div.scrollWrapper {
      right:6px;
    }
  }
  @media (max-width:1500px) {
    .main_snsWrapper {
      right: -10px;
      z-index: 999;
    }
    #main section.sec01.section div.scrollWrapper {
      right:3px;
    }
    .main_snsWrapper i {
      font-size:31px;
    }
  } 
  @media (max-width:400px) {
    .main_snsWrapper {
      right:0;
    }
    .main_snsWrapper i {
      font-size:20px;
    }
    #main section.sec01.section div.scrollWrapper span {
      font-size:12px;
    }
    .main_snsWrapper div.main_sns {
      left:-50px;
      padding:10px;
      width:90px;
      font-size:12px;
    }
  }
  .main_snsWrapper a:nth-child(1):hover div.main_naver {
    opacity:1;
  }
  .main_snsWrapper a:nth-child(2):hover div.main_instagram {
    opacity:1;
  }
  .main_snsWrapper a:nth-child(3):hover div.main_kakao-talk {
    opacity:1;
  }
  /* scroll */
  #main section.sec01.section div.scrollWrapper {
    position:absolute;
    bottom:0;
    left:unset;
    right: 10px;
    height:180px;
  }
  #main section.sec01.section div.scrollWrapper span {
    transform: rotate(90deg);
    display: block;
    font-size: 14px;
    color: #fff;
  }
  #main section.sec01.section div.scrollWrapper div.scroll_bg {
    position: relative;
    height: 100%;
    width: 1px;
    margin: 30px auto 0;
    background: #ddd;
  }
  #main section.sec01.section div.scrollWrapper div.scroll_bg div.scroll_animation {
    width: 100%;
    background: #8A98C0;
    animation-name: updown;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
  }
  @keyframes updown { 0% {height:0%} 100% {height:100%} }
  /* capcha */
  .captcha {
    display: flex;
    justify-content: center;
  }
  .input-group .form-control:first-child:focus {
    border:1px solid #000000a6;
    box-shadow:none;
  }
  
  
  
  
  #main div.Wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  
  /* section 01 */
  #main div.Wrap section.sec01 {
    height: 100vh;
    max-height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }
  
  
  #main div.Wrap section.sec01 .mainWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  #main div.Wrap section.sec01::after {
    display:block;
    content:'';
    width:94%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
    position:absolute;
    top:0;
    left:0;
    margin:0 3%;
  }
  
  #main div.Wrap section.sec01 .mainWrap div.moImg {
    display:none;
  }
  
  #main div.Wrap section.sec01 .videoWrap {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 100%;
    max-width: 1600px;
  }
  #main div.Wrap section.sec01::after {
    display:block;
    content:'';
    width:100%;
    height:100%;
    /*background-color: #000;*/
    position:absolute;
    top:0;
    left:0;
    margin:0 ;
    opacity: 0;
  }
  @media (max-width:1200px){
    #main div.Wrap section.sec01::after {
      width:100%;
      margin:0;
    }
  }
  #main div.Wrap section.sec01 .videoWrap video#spotVideo {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
    width: 100%;
    padding: 0;
    /* height: 200vh; */
  }
  #main div.Wrap section.sec01 .videoWrap video#spotVideo.mobile_360 {
    display:none;
  }
  #main div.Wrap section.sec01 .overflow {
    position: relative;
    padding-bottom: 42.6%;
    overflow: hidden;
  }
  
  #main div.Wrap section.sec01 #player {
    position: absolute;
    width: 100%;
    height: 132%;
    top: -130px;
  }
  
  
  
  #main div.Wrap section.sec01 div.textWrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 111;
    width: 100%;
    left: 0;
    top: 0;
  
  }
  
  #main div.Wrap section.sec01 div.textWrap h3 {
    font-size: 53px;
    color: #ffff;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: -0.8px;
    margin: 0;
    display: flex;
    align-items: center;
    text-shadow:1px 1px 5px gray;
    line-height:1.3
  }
  
  
  #main div.Wrap section.sec01 div.loginLeftWrapper {
    width: 524px;
    display: flex;
    flex-direction: column;
  }
  #main div.Wrap section.sec01 div.loginBottomWrapper {
    display:flex;
    justify-content:space-between;
    padding-top: 10px;
    padding-bottom: 16px;
  }
  #main div.Wrap section.sec01 div.loginWrapper {
    display:flex;
    gap: 20px;
  }
  #main div.Wrap section.sec01 div.loginWrapper div.loginWrapper {
      margin-top: 20px;
  }
  #main div.Wrap section.sec01 div.loginWrapper div.loginFormWrapper {
    padding-bottom:40px;
  }
  #main div.Wrap section.sec01 div.loginBottomWrapper div.checkBoxWrapper {}
  #main div.Wrap section.sec01 div.loginBottomWrapper div.checkBoxWrapper label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    color: #414141;
    font-weight: 500;
  }
  #main div.Wrap section.sec01 div.loginBottomWrapper a.findPasswordLink {
    font-size: 16px;
    color: #414141;
    font-weight: 500;
  }
  #main div.Wrap section.sec01 div.loginWrapper button.signupButton {
    border-radius: 54px;
    height: 70px;
    border: 2px solid #C14F7C;
    background-color: transparent;
    width: 252px;
  }
  #main div.Wrap section.sec01 div.loginWrapper button.signupButton a {
    font-size: 20px;
    color: #C14F7C;
    font-weight: 500;
  }
  
  #main div.Wrap section.sec01 div.loginWrapper button.loginButton {
    border-radius: 54px;
    height: 48px;
    color: #fff;
    background-color: #13988E;
    font-weight: 500;
    font-size: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  
  #main div.Wrap section.sec01 div.loginLeftWrapper .loginInputWrapper {
      width: 100%;
      max-width: 100%;
      padding: 20px 20px;
      border-radius: 20px;
      box-shadow: 0px 0px 20px #0000000D;
      background-color: #fff;
  }
  @media (max-width:768px){
    #main div.Wrap section.sec01 div.loginLeftWrapper .loginInputWrapper {
      padding:8px;
    }
  }
  #main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    gap: 20px;
  }
  #main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper input {
    width:100%;
    max-width:100%;
    height: 38px;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    padding-left: 40px;
  
  }
  #main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper input#username {
    background-image: url('https://storage.perfectcdn.com/7mcojg/gp48hgmi0yr6cuxc.png');
    background-repeat:no-repeat;
    background-size:20px;
    background-position:left 10px center;
  }
  #main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper input#password {
    background-image: url('https://storage.perfectcdn.com/7mcojg/wruaxduywafr764m.png')!important;
    background-repeat:no-repeat;
    background-size:20px;
    background-position:left 10px center;
  }
  
  
  #main div.Wrap section.sec01 div.captcha {
  
    z-index: 9999;
  }
  
  #main div.Wrap section.sec01 div.textWrap h2 {
    font-size: 40px;
    color: #1A1A1A;
    font-weight: 700;
    margin: 0;
    text-shadow: none;
    line-height: 1.1;
  }
  #main div.Wrap section.sec01 div.textWrap p {
    font-size:20px;
    color: #1A1A1A;
    font-weight:600;
    line-height:1.3;
    padding-top: 25px;
    padding-bottom: 100px;
  }
  
  #main div.Wrap section.sec01 div.buttonWrap {
    display: flex;
    padding-top: 29px;
  }
  
  #main div.Wrap section.sec01 div.buttonWrap div.look {
    display: flex;
    gap: 16px;
  }
  
  #main div.Wrap section.sec01 div.buttonWrap div.look button {
    border: 2px solid #000;
    width: 180px;
    height: 70px;
    padding: 0;
    background-color: transparent;
  }
  
  #main div.Wrap section.sec01 div.buttonWrap div.look button.previewTwo {
    color: #000;
    font-size: 20px;
  }
  
  #main div.Wrap section.sec01 div.buttonWrap div.logIn {}
  
  #main div.Wrap section.sec01 div.buttonWrap button.logInButton {
    background-color: #000 !important;
    border: 2px solid #000 !important;
  }
  
  #main div.Wrap section.sec01 div.buttonWrap button.logInButton a {
    color: #fff;
    font-size: 20px;
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  
  #main div.Wrap section.sec01 div.loginWrapper form {
    width:100%;
    max-width: 524px;
  }
  
  /* - - - - - - - - - - - - - - - sec01  mobile ver : s - - - -  - - - - - - - - - -*/
  
  
  
  /* - - - - - - - - - - - - - - - sec01  mobile ver : e - - - -  - - - - - - - - -  -*/
  @media (max-width: 500px){
    #main div.Wrap section.sec01 .mainWrap {
      height: 100%;
      padding-top: 100px;
    }
    #main div.Wrap section.sec01 div.loginLeftWrapper {
      width:100%!important;
      max-width:100%!important;
    }
  
    #main div.Wrap section.sec01 div.loginWrapper {
      width:100%;
      gap: 10px;
    }
    #main div.Wrap section.sec01 div.loginWrapper button.signupButton a {
      color:#C14F7C!important;
    }
    #main div.Wrap section.sec01 div.loginWrapper button.signupButton {
      height: auto;
      max-height: 50px;
      padding: 8px;
      background-color: #F6F6F6!important;
      border: 2px solid #C14F7C!important;
    }
    #main div.Wrap section.sec01 div.loginWrapper button.loginButton {
      height: 50px;
      max-height: 100%;
      background-color: #13988E!important;
    }
    #main div.Wrap section.sec01 div.loginWrapper form {
      width:100%;
    }
    #main div.Wrap section.sec01 div.loginBottomWrapper div.checkBoxWrapper label {
      /* color:#fff; */
      font-size:12px;
    }
    #main div.Wrap section.sec01 div.loginBottomWrapper a.findPasswordLink {
      /* color:#fff; */
      font-size:12px;
    }
    #main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper {
      width:100%;
      max-width: 100%!important;
      padding: 0;
      background-color: transparent;
    }
    #main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper input {
      font-size:12px;
    }
    #main div.Wrap section.sec01 .g-recaptcha.form-group {
      display:flex;
      justify-content:center;
    }
    header div.contents div.menuWrapper ul::after {
      display:none!important;
    }
  
    #main div.Wrap section.sec01 .videoWrap video#spotVideo.pc {
      display:none;
    }
    #main div.Wrap section.sec01 .videoWrap video#spotVideo.mobile {
      display:none;
    }
    #main div.Wrap section.sec01 .videoWrap video#spotVideo.mobile_360 {
      display:block!important;
    }
  }
  @media (max-width:600px) {
    header div.contents div.menuWrapper ul {
      gap: 8px!important;
    }
  }
  /* - - - - - - - - - - - - - - - sec02 pc : s - - - -  - - - - - - - - - - - - - - -*/
  
  #main div.longSection {
    background-color: #F6F6F6;
  }
  
  #main div.longSection section.sec02 {
    /* display: flex; */
  }
  #main div.longSection section.sec02 div.sec02Container {
  }
  #main div.longSection section.sec02 div.sec02Container div.firstBoxWrapper {
    position: relative;
    z-index: 999;
    padding: 40px 0 25px;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin-left: 160px;
    background-color: #fff;
    margin-top: 44px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px #0000000D;
  }
  #main div.longSection section.sec02 div.sec02Container div.firstBoxWrapper::after {
    display:block;
    width:154px;
    height:154px;
    content:'';
    position:absolute;
    right: -18%;
    bottom: 26%;
    border-top: 3px dashed #C14F7C;
    border-right: 3px dashed #c14f7c;
  }
  #main div.longSection section.sec02 div.sec02Container div.leftFirstBox {
    padding-left: 140px;
    padding-right: 70px;
  }
  
  #main div.longSection section.sec02 div.sec02Container div.leftFirstBox h2 {
    text-align: right;
    color: #C14F7C;
    font-weight: 400;
    font-size: 140px;
    margin-bottom: 10px;
  }
  #main div.longSection section.sec02 .TitleBox.mobile {
    display:none;
  }
  #main div.longSection section.sec02 div.sec02Container ul.counterWrapper.pc {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }
  #main div.longSection section.sec02 ul.counterWrapper.mobile {
    display:none;
  }
  /* sec02  */
  #main div.longSection section.sec02 div.sec02Container  ul.counterWrapper li {
    position: relative;
    text-align: right;
    color: #21B1A6;
    font-weight: 900;
  }
  #main div.longSection section.sec02 div.sec02Container div.leftFirstBox ul.counterWrapper li div.counterBox {
    text-align: right;
    display: flex;
    flex-direction: column;
    /* gap: 6px; */
  }
  #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.title {
    color: #21B1A6;
    font-size: 16px;
    font-weight: 800;
  }
  #main div.longSection section.sec02 div.sec02Container div.leftFirstBox ul.counterWrapper li div.counterBox p.title span.counter {
    color: #21B1A6;
    font-size: 16px;
  }
  #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.description {
    font-size: 16px;
    color: #7E7E7E;
    font-weight: 500;
  }
  #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li span.counter {
    color: #21B1A6;
    font-size: 16px;
    font-weight: 700;
  }
  #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li p.description {
    font-size: 16px;
    color: #7E7E7E;
    font-weight: 500;
  }
  
  /* sec02 */
  #main div.longSection section.sec02 div.crop {}
  #main div.longSection section.sec02 div.rightFirstBox {
    margin-top: 20px;
  }
  @media (max-width:1100px){
    #main div.longSection section.sec02 div.rightFirstBox {
      width:100%;
    }
  }
  #main div.longSection section.sec02 div.TitleBox strong {
    color: #F32A72;
    font-size: 20px;
    font-weight: 800;
    padding-bottom: 4px;
    position: relative;
  }
  #main div.longSection section.sec02 div.rightFirstBox div.firstBoxTextBox strong {
    font-size: 16px;
    color: #414141;
    font-weight: 800;
    margin: 0;
    padding: 0;
  }
  #main div.longSection section.sec02 div.TitleBox h3 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 19px;
  }
  #main div.longSection section.sec02 div.rightFirstBox p {
    color: #B4B4B4;
    font-size: 15px;
    margin-top: 12px;
    line-height: 1.2;
  }
  
  /* sec02  */
  #main div.longSection section.sec02 div.rightFirstBox div.crop.crop1 {
    border: 2px solid #E6E6E6;
    margin-right: 140px;
    position:relative;
  }
  #main div.longSection section.sec02 div.rightFirstBox div.crop.crop1::before {
    position:absolute;
    display:block;
    width:150px;
    height:4px;
    content:'';
    background-color:#C14F7C;
    bottom:-2px;
    left:-2px;
  }
  /* sec02  */
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox {}
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
    gap: 48px;
    padding-right: 110px;
  }
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox {
    display: flex;
    gap: 12px;
  }
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox +  li.firstBoxImgBox +  li.firstBoxImgBox{
    margin-top: 30px!important;
  }
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox +  li.firstBoxImgBox +  li.firstBoxImgBox + li.firstBoxImgBox {
    margin-top: 30px!important;
  }
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox div.imgBox {}
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox div.imgBox img {
    width: auto;
    max-width: 80px;
  }
  
  /* sec02  */
  #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox div.imgBox div.firstBoxTextBox {}
  
  
  /* sec02  wrapper */
  #main div.twoBoxWrapper {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: end;
  }
  #main div.twoBoxWrapper div.twoBoxBoxWrapper {
    display: flex;
    margin-right: 160px;
    background-color: #21B1A6;
    margin-top: -73px;
    border-radius: 20px;
    padding-left: 100px;
    padding-bottom: 100px;
    position:relative;
  }
  #main div.twoBoxWrapper.mobile {
    display:none
  }
  #main div.twoBoxWrapper div.twoBoxBoxWrapper::after {
    position:absolute;
    display:block;
    content:'';
    width:154px;
    height:274px;
    bottom: -28%;
    left: -24%;
    border-top: 3px dashed #C14F7C;
    border-left: 3px dashed #c14f7c;
    border-bottom: 3px dashed #c14f7c;
  }
  #main div.twoBoxWrapper div.leftTwoBox {
    padding-top: 115px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    max-width: 627px;
  }
  #main div.twoBoxWrapper div.leftTwoBox p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
  }
  #main div.twoBoxWrapper div.leftTwoBox h3 {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 800;
    text-align: right;
    margin-bottom: 23px;
  }
  #main div.twoBoxWrapper div.leftTwoBox div.crop.crop2 {
    border: 2px solid #44C9BF;
    position: relative;
  }
  #main div.twoBoxWrapper div.leftTwoBox div.crop.crop2::after {
    display:block;
    width: 30%;
    content:'';
    height:4px;
    position:absolute;
    bottom: -2px;
    right: -2px;
    background-color: #fff;
  }
  #main div.twoBoxWrapper div.leftTwoBox div.twoSnsBox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: end;
    /* width: 500px; */
    /* text-align: right; */
    gap: 41px;
    padding-top: 50px;
  }
  #main div.twoBoxWrapper div.leftTwoBox div.twoSnsBox div.twoSnsImg {}
  #main div.twoBoxWrapper div.leftTwoBox div.twoSnsBox div.twoSnsImg img {
    height: 36px;
  }
  #main div.twoBoxWrapper div.rightTwoBox {
    padding-top: 44px;
    padding: 44px 100px 0 96px;
  }
  #main div.twoBoxWrapper div.rightTwoBox h2 {
    font-size: 140px;
    font-weight: 500;
    color: #FFFFFF;
  }
  #main div.twoBoxWrapper div.rightTwoBox p {
    color: #fff;
    font-size: 16px;
    display: flex;
    width: 100%;
    line-height: 1.7;
  }
  /* sec03  wrapper */
  #main div.threeBoxWrapper {
    width: 100%;
    display: flex;
    justify-content: end;
    padding-top: 90px;
    padding-bottom: 170px;
  }
  #main div.threeBoxWrapper.mobile {
    display: none!important;
  }
  #main div.threeBoxWrapper div.leftThreeBoxWrapper {
    padding-right: 74px;
    position: relative;
  }
  #main div.threeBoxWrapper div.leftThreeBoxWrapper::after {
    display:block;
    content:'';
    position:absolute;
    bottom: -128px;
    height: 167px;
    width:2px;
    right: 150px;
    border: 2px dashed #C14F7C;
  }
  #main div.threeBoxWrapper div.leftThreeBoxWrapper h2.threeTitle_t {
    color: #C14F7C;
    font-size: 140px;
    text-align: right;
  }
  #main div.threeBoxWrapper div.leftThreeBoxWrapper p.threeTitle_d {
    font-size: 16px;
    color: #414141;
    text-align: right;
    font-weight: 700;
    line-height: 1.9;
  }
  @media (max-width:1300px){
    #main div.threeBoxWrapper div.leftThreeBoxWrapper p.threeTitle_d br {
      display:none;
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper::after {
      display:none;
    }
  }
  
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper {width: 855px;}
  
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper strong {
    color: #F32A72;
    font-size: 20px;
    font-weight: 700;
  }
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper h3 {
    font-size: 30px;
    font-weight: 800;
  }
  #main div.threeBoxWrapper div.crop.crop3 {
    border: 2px solid #E6E6E6;
    position:relative;
  }
  #main div.threeBoxWrapper div.crop.crop3::after {
    display:block;
    position:absolute;
    width:130px;
    height:4px;
    background-color:#C14F7C;
    content:'';
    bottom:-2px;
    left:-2px;
  }
  
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper {
    padding-top: 111px;
  }
  @media (max-width:1300px){
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper {
      padding-top:50px;
    }
  }
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper.mobile {
    display:none;
  }
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul {
    display: flex;
    gap: 25px;
  }
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul:nth-child(1) .crop_section{/* display: block; */}
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul:nth-child(1) .crop_section:nth-child(3) .crop_box{display: none;}
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    position: relative;
  }
  
  
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(1){
  
  }
  
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li img {
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
  }
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li span {
    color: #414141;
    font-weight: 800;
    text-align: center;
  }
  #main div.threeBoxWrapper div.crop_section {
    height: 97px;
    display: flex;
    width: auto;
  }
  #main div.threeBoxWrapper div.crop_section:last-child div.crop_box {
    display:none;
  }
  #main div.threeBoxWrapper div.crop_section div.crop_box {
    width: 66px;
    height: 2px;
    border: 2px dashed #21B1A6;
    top: 43px;
    left: 3px;
    position: relative;
    display:block;
  }
  #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(4) div.crop_box {
    display:none;
  }
  @media (max-width:1800px){
    #main div.longSection section.sec02 div.sec02Container div.firstBoxWrapper {
      max-width: 100%;
      margin-left: 0;
      padding: 20px;
      margin-top: 66px;
    }
    #main div.longSection section.sec02 {
      max-width: 93%;
      margin: auto;
    }
    #main div.twoBoxWrapper div.twoBoxBoxWrapper {
      margin-top: 31px;
      margin-right: 0;
      padding-left: 20px;
      max-width: 100%;
      width: 100%;
    }
    #main div.twoBoxWrapper div.leftTwoBox {
      max-width:100%;
    }
    #main div.twoBoxWrapper div.twoBoxBoxWrapper::after {
      display:none;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.crop.crop1 {
      margin-right:0;
    }
  }
  @media (max-width: 1100px) {
    /* step 01 Wrapper */
    #main div.longSection section.sec02 {
      max-width:93%;
      margin:auto;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper {
      display:flex;
      flex-direction:column;
      gap: 20px;
      margin-top: 40px;
      padding-right: 0;
    }
    #main div.longSection section.sec02 div.TitleBox h3 {
      font-size:20px;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox + li.firstBoxImgBox + li.firstBoxImgBox {
      margin-top:8px!important;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox + li.firstBoxImgBox + li.firstBoxImgBox + li.firstBoxImgBox {
      margin-top:8px!important;
    }
    #main div.longSection section.sec02 div.rightFirstBox p {
      font-size:14px;
      margin-top: 8px;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox div.imgBox img {
      width:60px;
    }
    #main div.longSection section.sec02 div.sec02Container div.firstBoxWrapper {
      max-width: 100%;
      margin-left: 0;
      padding: 20px;
      margin-top: 66px;
      width: 100%;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.description {
      font-size: 14px;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li p.description {
      font-size: 14px!important;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.firstBoxTextBox strong {
      font-size:14px;
    }
    #main div.longSection section.sec02 div.sec02Container  ul.counterWrapper li span.counter {
      font-size:14px;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.title {
      font-size:14px;
    }
    #main div.longSection section.sec02 div.sec02Container div.leftFirstBox {
      padding-left: 20px;
      padding-right: 24px;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.title span.counter {
      font-size:14px;
    }
    #main div.longSection section.sec02 div.sec02Container div.leftFirstBox h2 {
      font-size:120px;
    }
    #main div.longSection section.sec02 div.TitleBox strong {
      font-size:14px;
    }
    #main div.longSection section.sec02 div.sec02Container div.firstBoxWrapper::after {
      display:none;
    }
  
  
    /* step 02 Wrapper */
  
    #main div.twoBoxWrapper div.twoBoxBoxWrapper {
      margin-top: 31px;
      margin-right: 0;
      padding-left: 20px;
    }
    #main div.twoBoxWrapper div.rightTwoBox h2 {
      font-size:120px;
      text-align: center;
    }
    #main div.twoBoxWrapper div.rightTwoBox {
      padding-left:20px;
      padding-right:20px;
      padding-top: 58px;
      max-width: 204px;
    }
    #main div.twoBoxWrapper div.rightTwoBox p {
      text-align:center;
    }
    #main div.twoBoxWrapper div.rightTwoBox p br {
      display:none;
    }
    #main div.twoBoxWrapper div.leftTwoBox {
      padding-top: 54px;
      max-width: 100%;
      width: 100%;
    }
    #main div.twoBoxWrapper div.leftTwoBox p {
      font-size:14px;
      padding-bottom: 4px;
    }
    #main div.twoBoxWrapper div.leftTwoBox h3 {
      font-size:20px;
    }
    #main div.twoBoxWrapper div.leftTwoBox h3 br {
      display:none;
    }
    #main div.twoBoxWrapper div.twoBoxBoxWrapper::after {
      display:none;
    }
    /* step 03 Wrapper */
    #main div.threeBoxWrapper {padding-bottom: 100px;}
    #main div.threeBoxWrapper div.leftThreeBoxWrapper {padding-right: 40px;/* width: 30%; */}
    #main div.threeBoxWrapper div.leftThreeBoxWrapper h2.threeTitle_t {
      font-size: 120px;
      margin-bottom: 11px;
      text-align: right;
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper p.threeTitle_d {
      font-size: 14px;
      text-align: right;
      /* width: 81%; */
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper strong {
      font-size:14px;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper h3 {
      font-size:20px;
    }
  
    #main div.threeBoxWrapper div.crop.crop3 {
      width: 100%;
    }
  
  
  
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper {
  
      width: 100%;
  
      max-width: 100%;
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper h2.threeTitle_t {
      font-size:120px;
      margin-bottom: 0;
    }
  }
  @media (max-width:950px){
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(5){
      margin-top:40px
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(7){
      margin-top:40px
    }
    #main div.threeBoxWrapper div.crop_section:nth-child(6) div.crop_box {
      margin-top:40px
    }
    #main div.threeBoxWrapper div.crop_section:last-child div.crop_box {
  
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper::after {
      display:none;
    }
    #main div.threeBoxWrapper div.crop_section:nth-child(4) div.crop_box {
      display: none;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul {
      width: 400px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper.pc {
      display:none; 
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper.mobile {
      width: 100%;
      padding-top: 35px;
      padding-left: 0;
      display: flex;
      justify-content: center;
    }
    #main div.longSection section.sec02 div.crop {
  
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(3) {
      margin-top:30px;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(4) {
      margin-top:30px;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li{
      position:relative;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(3)::after{
      position:absolute;
      bottom: -46px;
      left:35px;
      border:2px dashed #21B1A6;
      content:'';
      display:block;
      width:3px;
      height:35px;
    }
  }
  @media (max-width: 650px) {
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul {
      width: 400px;
      max-width:100%;
      justify-content: center;
    }
  }
  @media (max-width:600px){
    /* step 03 */
    #main div.threeBoxWrapper.mobile {
      display:flex!important;
      flex-direction:column;
      padding-top: 50px;
      padding-bottom: 60px;
    }
    #main div.threeBoxWrapper.pc {
      display:none!important;
    }
    #main div.threeBoxWrapper.mobile div.crop.crop3 {
      margin-left: 92px;
      width: 79%;
      top: -7px;
    }
    #main div.threeBoxWrapper p.threeTitle_d {
      color:#1A1A1A;
      font-size:12px;
      font-weight:600;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul {
      display:grid;
      grid-template-columns:1fr 1fr;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li {
      position:relative;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(1)::after {
      display:block;
      position:absolute;
      content:'';
      width:60px;
      height:3px;
      border:2px dashed  #21B1A6;
      top:auto;
      right: -40px;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(2)::after {
      display:block;
      position:absolute;
      content:'';
      width:3px;
      height:30px;
      border: 2px dashed  #21B1A6;
      bottom: -46px;
      left:0;
      left: initial;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(3)::after {
      display:block;
      position:absolute;
      content:'';
      width:60px;
      height:2px;
      border: 2px dashed  #21B1A6;
      bottom:auto;
      right: -40px;
      left: initial;
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper h2.threeTitle_t {
      font-size:60px;
      text-align:left;
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper {
      display:flex;
      align-items:flex-start;
      gap: 20px;
    }
    #main div.threeBoxWrapper div.flex {
      display:flex;
      gap:20px;
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper h2.threeTitle_t {
      font-size:60px;
      text-align:left;
    }
    #main div.threeBoxWrapper div.leftThreeBoxWrapper div.TitleBox {
      padding-top:3px;
    }
  
  }
  @media (max-width:500px){
  
    #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper li.firstBoxImgBox {
      flex-direction:column;
      justify-content:center;
      text-align: center;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.bottomFirstBox ul.firstBoxImgBoxWrapper {
      padding:0 50px;
    }
    #main div.longSection section.sec02 div.sec02Container div.leftFirstBox ul.counterWrapper.pc {
      display:none!important;
    }
    #main div.longSection section.sec02 ul.counterWrapper.mobile {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.description {
      font-weight:600;
      font-size: 12px!important;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.crop.crop1::before {
      width:25%;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(1) div.counterBox p.title{
      text-align:right;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(3) div.counterBox p.title{
      text-align:right;
      margin-top: 0;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li p.description {
      font-weight:600;
      font-size: 12px!important;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(1) div.counterBox p.description {
      text-align:right;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(3) div.counterBox p.description {
      text-align:right;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(5)  {
      text-align:right;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(5) span.counter {
      text-align:right;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(7) {
      text-align:right;
    }
     #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li:nth-child(9) {
      text-align:right;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.title {
      font-size:12px!important;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li div.counterBox p.title span.counter {
      font-size:12px!important;
    }
    #main div.longSection section.sec02 div.sec02Container ul.counterWrapper li {
      text-align: left;
    }
    #main div.longSection section.sec02 div.sec02Container div.leftFirstBox {
      display:flex;
      flex-direction:row;
      padding: 0;
      gap: 8px;
    }
    #main div.longSection section.sec02 div.rightFirstBox div.crop.crop1 {
      margin-left: 73px;
      /* position: absolute; */
      top: -20px;
      /* width: 75%; */
      /* max-width: 75%; */
    }
    #main div.longSection section.sec02 div.sec02Container div.firstBoxWrapper {
      margin-top:30px;
      padding: 16px 12px 30px;
      flex-direction: column;
    }
    #main div.longSection section.sec02 div.rightFirstBox {
      margin-top:0;
    }
    #main div.longSection section.sec02 .TitleBox.pc {
      display:none
    }
    #main div.longSection section.sec02 .TitleBox.mobile {
      display:block;
    }
    #main div.longSection section.sec02 div.sec02Container div.leftFirstBox h2 {
      font-size:60px;
      margin-top: 10px;
    }
    #main div.longSection section.sec02 div.TitleBox strong {
      font-size:12px;
      display:block;
      line-height:1.3;
    } 
    #main div.longSection section.sec02 div.TitleBox h3 {
      font-size:14px;
      margin-bottom: 0;
      text-align: left;
    }
    /*step 02 */
    #main div.twoBoxWrapper.pc {
      display:none;
    }
    #main div.twoBoxWrapper.mobile {
      display:block;
    }
    #main div.twoBoxWrapper.mobile div.twoBoxFlexWrapper {
      display: flex;
      flex-direction: column-reverse;
    }
    #main div.twoBoxWrapper.mobile div.twoBoxFlexWrapper {
  
    }
    #main div.twoBoxWrapper.mobile div.TitleFlexWrapper {
      display: flex;
      position: relative;
    }
    #main div.twoBoxWrapper.mobile div.TitleBox {
      width: 100%;
      max-width: 100%;
    }
    #main div.twoBoxWrapper.mobile div.rightBox {
      flex: 1 1 1 auto;
    }
    #main div.twoBoxWrapper.mobile div.rightBox h2 {}
    #main div.twoBoxWrapper.mobile div.rightBox p {
      width:136px;
    }
    /* step02 */
    #main div.twoBoxWrapper div.twoBoxBoxWrapper {
      padding: 16px 12px 40px;
      margin-top: 40px;
    }
    #main div.twoBoxWrapper div.rightTwoBox h2 {
      font-size:60px;
      margin-bottom: 4px;
      text-align: right;
    }
    #main div.twoBoxWrapper div.leftTwoBox p {
      font-size:12px;
      text-align: right;
      text-align: left;
    }
    #main div.twoBoxWrapper div.leftTwoBox h3 {
      font-size:14px;
    }
    #main div.twoBoxWrapper div.rightTwoBox {
      padding-top:0;
      padding-right: 0;
      max-width: 100%;
      padding-left: 0;
      position: relative;
    }
    #main div.twoBoxWrapper div.leftTwoBox div.crop.crop2 {
      margin-top:13px;
      width: 100%;
    }
    #main div.twoBoxWrapper div.leftTwoBox {
      padding-top:0;
    }
    #main div.twoBoxWrapper div.rightTwoBox p {
      font-size:12px;
      line-height:1.2;
      text-align: right;
      width: 136px;
    }
    #main div.twoBoxWrapper div.leftTwoBox div.twoSnsBox {
      padding-top:40px;
    }
    #main div.twoBoxWrapper div.leftTwoBox div.twoSnsBox div.twoSnsImg img {
      height:24px;
    }
  
  }
  @media (max-width:430px){
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(1)::after {
      top:auto;
      right: -48px;
    }
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(2)::after {bottom: -48px;left: initial;}
    #main div.threeBoxWrapper div.rigthThreeBoxWrapper div.ThreeImgBoxWrapper ul li:nth-child(3)::after {
      bottom:auto;
      right: -48px;
      left: initial;
    }
    #main div.threeBoxWrapper.mobile div.crop.crop3 {
      top:5px;
    }
    #main div.threeBoxWrapper p.threeTitle_d {
      margin-top:15px;
    }
  }
  @media (max-width:350px){
    #main div.twoBoxWrapper div.leftTwoBox div.twoSnsBox {
      gap:20px;
    }
  }
  @media (max-width:300px){
    #main div.twoBoxWrapper div.leftTwoBox div.crop.crop2 {
      width:190%;
    }
  }
  /* section03 */
  #main section.sec03 {
    position: relative;
    margin-top: 100px;
  }
  #main section.sec03 div.sec03Container {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    margin-right: 300px;
    display: flex;
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 30px;
    box-shadow: 0px 0px 20px #0000000D;
    padding-bottom: 100px;
    height: auto;
  } 
  #main section.sec03 div.sec03Container div.threeFlexWrapper {
    display:flex;
  }
  #main section.sec03 div.sec03Container div.swiper.mySwiper1.mobile {
    display:none;
  }
  #main section.sec03 div.threeLeftWrapper {
    padding-left: 207px;
    width: 100%;
    max-width: 500px;
    text-align: right;
    padding-right: 60px;
  }
  #main section.sec03 div.threeLeftWrapper h2 {color: #C14F7C;}
  #main section.sec03 p.Title_d_Box.pc {
    color: #414141;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
  }
  #main section.sec03 p.Title_d_Box.mobile {
    display:none;
  }
  #main section.sec03 div.threeRigthWrapper {
    width: 100%;
    padding-top: 30px;
    padding-right: 51px;
    display: block;
  }
  #main section.sec03 div.threeRigthWrapper strong {
    color: #F32A72;
    font-size: 20px;
    font-weight: 800;
  }
  #main section.sec03 strong.sliderTitle  {
    color:#414141!important;
    font-size:24px!important;
  }
  #main section.sec03  p.sliderTitle_p {
    padding-top:12px;
    padding-bottom:38px;
    color:#B4B4B4;
    font-size:20px;
    line-height:1.2;
    font-weight:300;
  }
  #main section.sec03 b {
    color:#414141;
    font-size:24px;
    font-weight:300;
    padding-bottom: 15px;
    display: inline-block;
  }
  #main section.sec03 h3 {
    color: #1A1A1A;
    font-weight: 800;
    font-size: 30px;
  }
  #main section.sec03 span {
    padding-top:12px;
    color:#B4B4B4;
    font-size:20px;
    font-weight:300;
    line-height:1.2;
  }
  #main section.sec03 div.threeRigthWrapper div.crop4 {border: 2px solid #E6E6E6;position:relative;width: 90%;}
  #main section.sec03 div.threeRigthWrapper div.crop4::after {
    display:block;
    width:130px;
    height: 4px;
    background: #C14F7C;
    content:'';
    position:absolute;
    bottom: -2px;
    left: -2px;
  }
  /* slider */
  #main section.sec03 div.threeRigthWrapper .swiper.pc {
    width: 800px;
    position:relative;
  }
  #main section.sec03 .swiper.mobile {
    display:none;
  }
  #main section.sec03 .swiper-pagination {
    position:absolute;
    top: 40px;
    left:0;
    text-align: left;
    height: 50px;
    width:100%;
    display: flex;
    gap: 14px;
  }
  #main section.sec03 .swiper-pagination-bullet {
    width:50px;
    height:50px;
    color: #fff!important;
    text-align:center;
    display: inline-flex;
    justify-content:center;
    align-items:center;
    border-radius:10px;
    font-size: 34px!important;
    margin: 0;
    background-color: #B7B7B7;
    opacity: 1;
    padding: 0;
    padding-top: 0!important;
  }
  #main section.sec03 .swiper-pagination-bullet-active {
    background-color:#21B1A6;
  }
  #main section.sec03 .swiper-wrapper {
    padding-top: 120px;
  }
  #main section.sec03 div.SliderWrapper {
    padding-top: 125px;
    padding-right: 80px;
    position: relative;
  }
  #main section.sec03  div.SliderWrapper div.slider {
    display: flex;
    flex-direction: column;
  }
  #main section.sec03 div.SliderWrapper div.slider strong {
    color: #414141;
    font-size: 24px;
    font-weight: 800;
  }
  /*slick dots*/
  #main section.sec03 ul.slick-dots {
    position: absolute;
    top: 44px;
    width: 100%;
    display: flex;
    max-width: 100%;
    gap: 28px;
  }
  
  #main section.sec03 .slick-dots li {
    width: 50px;
  }
  
  #main section.sec03 .slick-dots li button {
    color: #fff;
    height: 50px;
    width: 50px;
    background-color: #B7B7B7;
    border-radius: 10px;
    font-size: 33px;
  }
  #main section.sec03 .slick-dots li.slick-active button {
    background-color:#21B1A6!important;
  }
  
  #main section.sec03 div.threeRigthWrapper .slick-slider {
    width:950px;
  }
  #main section.sec03 div.threeRigthWrapper div.SliderWrapper div.slider p {
    color:#B4B4B4;
    font-size: 19px;
  }
  #main section.sec03 div.threeRigthWrapper div.SliderWrapper div.slider b {
    color:#414141;
    font-size:24px;
    font-weight:300;
  
  }
  #main section.sec03 div.threeRigthWrapper div.SliderWrapper div.slider span {
    display:block;
    color:#B4B4B4;
    font-size:19px;
    font-weight:400;
  }
  #main section.sec03 div.sec03_background {
    position: absolute;
    width: 100%;
    height: 400px;
    top: -100px;
    background: #21B1A6;
  }
  @media (max-width: 1650px){
    #main section.sec03 {
      margin-top: 50px;
    }
    #main section.sec03 div.sec03_background {
      margin-top: 50px;
    }
    #main section.sec03 div.sec03Container {
      max-width: 93%;
      display:flex;
      flex-direction:column;
      padding: 20px 20px 50px 20px;
      margin: auto;
    }
    #main section.sec03 div.threeRigthWrapper div.crop4 {
      width:100%;
    }
    #main section.sec03 .swiper-horizontal {
      width:100%;
    }
    #main section.sec03 .swiper-pagination {height: 50px;top: 30px;left: 0;}
    #main section.sec03 .swiper-wrapper {
      padding-top: 105px;
    }
    #main section.sec03 strong.sliderTitle {
      font-size:20px!important;
    }
    #main section.sec03 p.sliderTitle_p {
      font-size:15px;
    }
    #main section.sec03 p.sliderTitle_p br {
      display:none;
    }
    #main section.sec03 b {
      font-size:20px;
    }
    #main section.sec03 span {
      font-size:15px;
    }
    #main section.sec03 span br {
      display:none;
    }
    #main section.sec03 div.threeLeftWrapper {
      padding:0;
      max-width: 25%;
      padding-right: 44px;
    }
    #main section.sec03 div.threeRigthWrapper {
      padding-right:0;
      max-width: 75%;
    }
    #main section.sec03 div.threeRigthWrapper strong {
      font-size:14px;
    }
    #main section.sec03 div.threeRigthWrapper h3 {
      font-size:20px;
    }
    #main section.sec03 div.threeLeftWrapper h2 {
      font-size:120px;
      margin-bottom: 11px;
    }
    #main section.sec03 div.threeLeftWrapper p {
      font-size:14px;
    }
    #main section.sec03 div.threeLeftWrapper p br {
      display:none;
    }
    #main section.sec03 div.threeRigthWrapper .swiper.pc {
      /*  display:none;*/
      width: 100%;
      margin-left: 0;
    }
    #main section.sec03 div.sec03Container div.swiper.mobile {
      /* display:block!important;*/
    }
  }
  @media (max-width:768px){
    #main section.sec03 .swiper-pagination {
      top: 206px;
      left: 221px;
    }
    #main section.sec03 .swiper-wrapper {
      padding-top:20px;
    }
    #main section.sec03 div.threeLeftWrapper {
      width:100%;
      max-width:200px;
      padding-right: 24px;
    }
    #main section.sec03 div.threeRigthWrapper {
      max-width:65%;
    }
  }
  @media (max-width:600px){
  
  }
  @media (max-width:430px){
    #main div.longSection section.sec02 div.rightFirstBox div.crop.crop1 {
      top:-10px;
    }
  }
  @media (max-width:350px){
    #main div.longSection section.sec02 div.rightFirstBox div.crop.crop1 {
      top:-0px;
    }
    #main div.longSection section.sec02 ul.counterWrapper.mobile {
      margin-top:20px;
      gap: 20px;
    }
  }
  
  /* sec04 */
  #main section.sec04 {
    padding-top: 80px;
  }
  #main section.sec04 div.sec04Container {
    position: relative;
  }
  #main section.sec04 div.sec04Container::after {
    display:block;
    content:'';
    position:absolute;
    top: -20%;
    right: 8%;
    width:36px;
    height:130px;
    border-right: 3px dashed #C14F7C;
    border-top: 3px dashed #c14f7c;
  }
  #main section.sec04 div.sec04TitleWrapper {
    display: flex;
    justify-content: flex-end;
    padding-right: 160px;
    gap: 64px;
    position: relative;
  }
  #main section.sec04 div.sec04LeftTitle {
    text-align: right;
    padding-top: 31px;
    position: relative;
  }
  #main section.sec04 div.sec04LeftTitle strong {
    color: #F32A72;
    font-size: 20px;
    font-weight: 700;
    text-align: right;
  }
  #main section.sec04 div.sec04LeftTitle h3 {
    color: #1A1A1A;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 33px;
  }
  
  #main section.sec04 div.crop.crop5 {
    /* width: 100px; */
    border: 2px solid #E6E6E6;
    width: 135%;
    right: 281px;
    position: relative;
  }
  #main section.sec04 div.crop.crop5::after {
    display:block;
    content:'';
    width:130px;
    height:4px;
    position:absolute;
    bottom:-2px;
    right:-2px;
    background-color:#C14F7C;
  }
  #main section.sec04 div.sec04RightTitle h2 {
    color: #C14F7C;
    font-size: 140px;
  }
  
  
  #main section.sec04 div.swiper {
    width: 55%;
  }
  #main section.sec04 div.swiper-wrapper {
    /* display: flex; */
    margin-top: 110px;
    margin-bottom: 120px;
  }
  #main section.sec04 div.swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 0;
    /* margin-right: 0!important; */
  }
  
  
  
  #main section.sec04 div.swiper-slide div.sec04SliderLeft img {
    width: 100px;
    height: 100px;
  }
  #main section.sec04 div.swiper-slide div.sec04SliderRight {}
  #main section.sec04 div.swiper-slide div.sec04SliderRight strong {
    font-size: 26px;
    color: #414141;
    font-weight: 800;
    display: inline;
  }
  #main section.sec04 div.swiper-slide div.sec04SliderRight p {
    display: inline;
    font-size: 26px;
    color: #414141;
  }
  #main section.sec04 .sec04FlexWrapper {
    display: flex;
    align-items: baseline;
    gap: 20px;
  }
  /* swiper arrow */
  #main section.sec04 div.swiper-slide div.sec04SliderDescription {
    width: 100%;
    margin-top: 0;
    max-width: 407px;
    margin-left: auto;
  }
  #main section.sec04 div.swiper-slide div.sec04SliderDescription p {
    color: #B4B4B4;
    font-size: 16px;
    font-weight: 500;
    width: 329px;
  }
  #main section.sec04 div.swiperButtonWrapper {
    position:relative;
  }
  #main section.sec04 div.swiperButtonWrapper div.swiper-button-next {
    position: absolute;
    transform: translate(-340px,-200px);
    top: 0;
  }
  #main section.sec04 div.swiperButtonWrapper div.swiper-button-prev {
    position: absolute;
    transform: translate(281px,-200px);
    top: 0;
  }
  #main section.sec04 .swiper-button-prev:after {
    content: 'prev';
    color: #B4B4B4;
    font-weight: 700;
    font-size: 32px;
  }
  #main section.sec04 .swiper-button-next:after {
    content: 'next';
    color: #B4B4B4;
    font-weight: 700;
    font-size: 32px;
  }
  @media (max-width: 1400px){
    #main section.sec04 {
      padding-top:61px;
      max-width: 93%;
      margin: 0 auto 100px;
    }
    #main section.sec04 div.sec04Container::after {
      display:none;
    }
    #main section.sec04 div.sec04TitleWrapper {
      padding-right:0;
      gap: 20px;
    }
    #main section.sec04 div.sec04LeftTitle strong {
      font-size: 14px;
    }
    #main section.sec04 div.sec04LeftTitle {
      padding-top: 0;
    }
    #main section.sec04 div.crop.crop5 {
      right: 0;
      position: absolute;
      width: 93%;
    }
    #main section.sec04 div.sec04LeftTitle h3 {
      font-size: 20px;
    }
    #main section.sec04 div.sec04LeftTitle h3 br {
      display:none;
    }
    #main section.sec04 div.sec04RightTitle h2 {
      font-size:120px;
      padding-top: 13px;
    }
    #main section.sec04 div.swiper-wrapper {
      margin-top: 10px;
      gap: 0;
      width: 100%;
      max-width: 88%;
      margin: 10px auto 50px;
    }
  
    div#swiper-wrapper-7bdeccaea6517cce {}
    #main section.sec04 div.swiper {
      width: 100%;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderDescription {
      width:100%;
      max-width: 100%;
      display: flex;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderRight {
  
      display: flex;
  
      flex-direction: column;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderRight strong {
      font-size:20px;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderRight p {
      font-size:20px;
    }
    #main section.sec04 .sec04FlexWrapper {
      align-items: center;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderDescription p {
      width:100%;
      max-width: 80%;
      margin-top: 20px;
    }
    #main section.sec04 div.swiperButtonWrapper div.swiper-button-next {
      right:0;
      transform: translate(7px, -198px);
      right: 0;
    }
    #main section.sec04 div.swiperButtonWrapper div.swiper-button-prev {
      transform: translate(-19px, -198px);
      right: 0;
    }
  }
  @media (max-width:600px){
    #main section.sec03 div.threeLeftWrapper h2 {
      font-size:60px;
      text-align: left;
    }
    #main section.sec03 .swiper-pagination {
      left: 20px;
      top: 31%;
    }
    #main section.sec03 .swiper-wrapper {
      padding-top:100px;
    }
    #main section.sec03 div.threeRigthWrapper h3 {
      margin-bottom:6px;
    }
    #main section.sec03 p.sliderTitle_p {
      font-size:12px!important;
    }
    #main section.sec03 span {
      font-size:12px;
    }
    #main section.sec03 b {
      font-size:12px;
      font-weight:600;
    }
    #main section.sec03 strong.sliderTitle {
      font-size:12px!important;
    }
    #main section.sec03 div.threeLeftWrapper {
      max-width:100px;
    }
    #main section.sec03 p.Title_d_Box.pc {
      display:none
    }
    #main section.sec03 p.Title_d_Box.mobile {
      display:flex;
      color: #1A1A1A;
      font-weight: 700;
      font-size: 12px;
      margin-top: 12px;
    }
    #main section.sec03 div.threeRigthWrapper {
      padding-top:0;
      max-width: 100%;
    }
    #main section.sec03 div.sec03Container {
      padding:20px 20px 30px 20px;
    }
  }
  @media (max-width: 600px){
    #main section.sec04 div.sec04RightTitle h2 {
      font-size:60px;
    }
    #main section.sec04 div.sec04LeftTitle strong {
      font-size:12px;
      display:block;
      line-height:1.2;
      margin-bottom:7px;
    }
    #main section.sec04 {
      padding:61px 0 140px;
      margin: 0 auto;
    }
    #main section.sec04 div.sec04LeftTitle h3 {
      font-size:14px;
      margin-bottom: 12px;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderLeft img {
      width:74px;
      height:74px;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderRight strong {
      font-size:16px;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderRight p {
      font-size:16px;
    }
    #main section.sec04 div.swiper {
      width: 63%;
      padding-top: 40px;
    }
    #main section.sec04 div.swiper-wrapper {
      padding:0!important;
      margin: 0;
    }
    #main section.sec04 .sec04FlexWrapper {
      justify-content: flex-start;
    }
    #main section.sec04 div.swiperButtonWrapper div.swiper-button-next {
      transform: translate(0, -100px);
    }
    #main section.sec04 .swiper-button-next:after {
      font-size:20px;
    }
    #main section.sec04 div.swiperButtonWrapper div.swiper-button-prev {
      transform: translate(0, -100px);
    } 
    #main section.sec04 div.swiperButtonWrapper div.swiper-button-prev::after {
      font-size:20px;
    } 
    #main section.sec04 div.swiper-slide div.sec04SliderDescription {
      display:flex;
      justify-content: flex-start;
      align-content:center;
    }
    #main section.sec04 div.swiper-slide div.sec04SliderDescription p {
      max-width:100%;
      font-size: 13px;
    }
  
  }
  @media (max-width:500px){
    #main section.sec03 div.threeRigthWrapper strong {
      font-size:12px;
      display: block;
      line-height: 1.2;
      margin-bottom: 7px;
    }
    #main section.sec03 div.threeRigthWrapper h3 {
      font-size:14px;
    }
    #main section.sec03 .swiper-pagination {
      top: 28%;
    }
  }
  /* footer */
  
  footer {
    background: #F6F6F6;
  }
  footer div.contents {
    background-color:#21B1A6
  }
  footer div.textWrapper {
    margin-top: 100px;
  }
  footer div.textRow {
    text-align:center;
    padding:85px 0 84px;
  }
  
  footer span.text {
    color:#fff;
    font-size:20px;
  }
  @media (max-width:768px){
    footer div.textRow {
      padding-bottom: 84px;
      padding: 27px 0 28px;
    }
    footer span.text {
      color:#fff;
      font-size:13px;
    } 
  }
  @media (max-width:500px){
    footer span.text {
      color:#fff;
      font-size:12px;
    } 
  }
  
  .tabImg.active img.noneActive {
    display:none!important;
  }
  .tabImg.active img.active {
    display:flex!important;
  }
  .tabImg .noneActive {
    display:flex!important;
  }
  .tabImg img {
  
    width: 24px;
  
    height: 24px;
  }
  .tabImg img.active {
    display:none!important;
  }
  .menu-0,
  .menu-1,
  .menu-2 {
    margin-bottom:15px;
  }
  
  /* reset */
  * {
    font-family: 'Pretendard'!important;
    box-sizing: border-box;
    color: #222;
    scroll-behavior: smooth;
  }
  
  .userInfoMenu {
    display:none;
  }
  
  #neworder input#field-orderform-fields-check {
  
  }
  
  #neworder input#field-orderform-fields-check::before {
    /* content: ""; */
    position: absolute;
    top: 2.4px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(1);
    background-color: white;
    box-shadow: 1px 1px 2px #a1a1a1;
    transition: left 250ms linear;
  }
  
  #neworder input#field-orderform-fields-check:checked::before {
  
  }
  
  #neworder input#field-orderform-fields-check:checked {
  
  }
  /* hover */
  #neworder input#field-orderform-fields-check:hover {
    background:#E6EFFC;
    /* border: 1px solid #000; */
  }
  
  #neworder input#field-orderform-fields-check:checked:hover {
    background:#173959;
  }
  #neworder input#field-orderform-fields-check:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) solid tomato;
  }
  
  
  .modal p {
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  
  
  section.serviceDescriptionWrapper li {
    display:flex;
  }
  section.serviceDescriptionWrapper strong {
    width:auto!important;
  }
  
  
  
  
  /* noto-Sans */
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
  
  
  html,
  body {
    width:100%;
    overflow: initial;
  }
  html {
    max-width: 100vw;
    overflow-x: hidden;
  }
  body {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
  }
  body, p, ul, ol, input, input[type="radio"], input[type="checkbox"], button, form {
    padding: 0;
    margin: 0;
  }
  h1, h2, h3, h4, h5, h6, .h1,. .h2, .h3, .h4, .h5, .h6 {
    color: #222;
  }
  input:focus {
    outline:0;
  }
  a:hover {
    text-decoration:none;
  }
  .description {
    border-bottom: none;
  }
  label {
    margin:0;
  }
  ul, li, ol {
    list-style:none;
  }
  p.a {
    cursor: pointer;
    font-weight: bold;
  }
  .rc-anchor-light {
    width:auto!important;
  }
  .cf:after, .clearfix:after, .row:after {content:"";display:block;clear:both;}
  .row {margin-left:0;margin-right:0;display: flex;}
  
  /* btn-primary */
  .btn-primary {
    border-color:transparent!important;
    background: #ff9700;
    border: none;
    z-index: 1;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    color: #fff;
  }
  .btn-primary::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background-color: #253858;
    background-image: linear-gradient(315deg, #2f3b50 0%, #253858 74%);
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5) 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5) 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1)!important;
  }
  .btn-primary:hover {
    color:#000;
  }
  .btn-primary:hover:after {
    top:auto;
    bottom:0;
    height:100%;
  }
  
  /* pagination */
  .pagination {
    margin: 0px;
    display: flex;
    justify-content: center;
    padding: 21px 0 0px;
  }
  
  ::selection {
    background-color:#E6EFFC;
    color:#222;
  }
  
  .select2-container .dropdown-menu > li > a {
    font-weight: 600;
    border-top: 1px solid #ddd;
  }
  .select2-container .select2-selection__text {
    font-weight:400;
  }
  
  li.select2-results__option:hover span {
    color:#222!important;
  }
  .dropdown-menu > .active > a {
    background-color: #E9F1F0;
    color: #333;
    display: flex;
    align-items: center;
  }
  .dropdown-menu  a {
    height:auto;
    /* margin-bottom: 1px; */
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    height:auto!important;
  }
  .dropdown-menu > li > a:hover {
    background-color: #E9F1F0;
    color:#222;
    width: 100%;
  }
  .dropdown-menu > .active > a span {
  }
  .dropdown-menu > .active > a:hover {
    background-color: #E9F1F0!important;
    color: #585858;
    width: 100%;
  }
  .dropdown-menu > .active > a span,
  .dropdown-menu > .active > a:hover span,
  .dropdown-menu > .active > a:focus span {
    color: #585858!important;
    text-decoration: none;
    outline: 0;
    font-weight: 600;
  }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    display:flex;
    align-items:center;
  }
  .dropdown-menu > li > a:hover span {
    color:#333;
    /* font-weight:500; */
  }
  span.select2-dropdown.dropdown-menu.select2-dropdown--below {
    width: 729px;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    box-shadow: 0px 3px 0px #acc9;
    height: auto;
  }
  
  body::-webkit-scrollbar {
    width: 6px; 
  }
  body::-webkit-scrollbar-thumb {
    height: 30%; 
    background: #C3CDE8; 
    border-radius: 10px;
  }
  body::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  
  }
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    box-shadow: 0 0 0 1000px white inset;
  }
  #sign input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    box-shadow: 0 0 0 1000px #B2B6C6 inset;
  }
  
  .table > tbody > tr > td {
    border:none;
    padding: 9px 8px;
    height: 40px;
    max-height: 40px;
    background: #fff;
    /* border: 1px solid #F4F5F7; */
  }
  .table > tbody > tr:nth-child(even) {
    background-color:#F2FCFF;
  }
  
  /* -------------------------------------- 1920 layout : start -----------------------------------------*/
  
  
  #top-wrapper {
    display: flex;
    flex: 1;
  }
  /* main */
  #contents-wrapper {
    flex: 1;
    width: 100%;
    background-color: #F6F6F6;
  }
  
  
  header.authHeader {
    position: sticky;
    width: 100%;
    height: 80px;
    z-index: 999;
    top: 0;
    background: #fff;
    padding-left: 22px;
    border-bottom: 1px solid #00000029;
    box-shadow: 0px 5px 10px #00000029;
    padding-right: 52px;
    background: #F4F2F4 0% 0% no-repeat padding-box;
  }
  
  header.authHeader div.contents {
    display: flex;
    align-items: center;
    width: 100%;
    max-width:100%;
    height: 100%;
    margin:0 auto;
    justify-content: space-between;
    padding:0;
  }
  
  header.authHeader div.contents a.logo {
    width:220px;
  }
  
  header.authHeader div.userMobileWrapper {
    display:none;
  }
  
  header.authHeader div.confirmBottomDiv.pc {
    color: #909090;
    font-size: 12px;
    font-weight: 400;
  }
  header.authHeader div.confirmBottomDiv.mobile {
    display:none;
  } 
  @media (max-width: 1100px) {
    header.authHeader div.contents a.logo  {
      width:auto;
    }
    header.authHeader {
      position: sticky;
      height: auto;
      padding-bottom: 12px;
      padding-top: 16px;
      z-index: 99;
      padding-right: 0;
      padding-left: 0;
    }
    header.authHeader div.contents {
      justify-content: space-between;
      height: auto;
      padding-bottom: 10px;
      max-width: 95%;
    }
  
    header.authHeader div.userMobileWrapper {
      display:flex;
      gap: 16px;
    }
    header.authHeader div.confirmBottomDiv.pc {
      display:none;
    }
    header.authHeader div.confirmBottomDiv.mobile {
      display: block;
      font-size: 12px;
      color: #909090;
      padding-right: 8px;
      position: relative;
      z-index: -9;
    } 
  
    header div.userPoint.mobile {
  
    }
    header div.userPoint.mobile a{
      background: #000;
      color: #fff;
      padding: 2px 10px 1px;
      display: flex;
      line-height: 1.4;
      font-size: 14px;
      font-weight: 600;
      border-radius: 3px;
      align-items: center;
    }
  }
  @media (max-width:400px){
    header.authHeader div.contents {
      padding-bottom:0;
    }
    header.authHeader {
      padding-bottom: 10px;
      padding-top: 7px;
    }
  }
  /* side menu */
  #sideMenu {
    flex: 0 0 232px;
    width: 232px;
    height: calc(100vh - (-20px * 2) - 34px);
    position: sticky;
    top: 0;
    background: #fafbfd;
    z-index: 100;
    transition: 0.3s;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ececec;
    border-top: 1px solid transparent;
    background: url(https://storage.perfectcdn.com/7mcojg/b86n4ksjm4hm7ocj.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 14px;
    background-position: bottom;
  }
  #sideMenu::-webkit-scrollbar {
    width: 5px;  
  }
  
  #sideMenu::-webkit-scrollbar-thumb {
    height: 10%; 
    background: #dddddd; 
    border-radius: 10px;
  }
  
  #sideMenu::-webkit-scrollbar-track {
    background: rgb(69 123 200 / 38%);  
  }
  
  #sideMenu.off {
    flex: 0 0 100px;
    width: 100px;
    overflow-x: hidden;
  }
  #sideMenu.off div.logoWrapper {
    width: 81%;
    margin: auto;
    height: 60px;
    padding: 9px 22px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 0 0px 26px 28px;
  }
  #sideMenu.off .menuIcon {
    width: 27px;
    height: 28px;
  }
  
  
  #sideMenu.off .menuList.active::before {
    content: '';
    background-image: url('https://storage.perfectcdn.com/gz2yx6/fakyugbtlo4na8il.png')!important;
    width: 84%;
    height: 94px;
    left: 3px;
    z-index: -1;
    position: absolute;
  }
  
  #sideMenu div.logoWrapper {
    display: flex;
    align-items: center;
    justify-content:center;
    width: 100%;
    margin: auto;
    height: 60px;
    padding: 0px 41px;
    cursor: pointer;
    background-color: #fff;
  }
  header.authHeader .menuWrapper {
    display:flex;
    flex-direction:column;
    padding-left: 16px;
    padding-top: 26px;
    padding-right:16px;
  }
  @media (max-width:1100px){
    header.authHeader div.userBoxWrapper {
      display: flex;
      align-items: center;
      gap: 25px;
    }
  }
  header.authHeader div.userWrapper {
    position:relative;
    display:flex;
    flex-direction:row;
    gap: 12px;
    align-items: center;
  }
  #sideMenu div.userWrapper::after {
    content:'';
    display:block;
    width: 100%;
    height:1px;
    background-color:#ddd;
    position:absolute;
    bottom:-16px;
  }
  
  #sideMenu div.menuWrapper div.confirmTop {
    display: flex;
    background-color: #e5e5e596;
    padding: 10px;
    margin-bottom: 30px;
    gap: 7px;
    margin-left: -20px;
  }
  #sideMenu div.menuWrapper div.confirmTop p.timerText {
    font-size:13px;
  }
  
  #sideMenu div.userWrapper div.userImage {}
  #sideMenu div.userWrapper div.userImage img {
    width: 100%;
    max-width: 36px;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  
  header.authHeader div.userWrapper div.userContentsWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  @media (max-width:1100px){
    header.authHeader div.userWrapper div.userContentsWrapper {
      justify-content:flex-end;
      align-items: center;
      gap: 0;
    }
  }
  @media (max-width:768px){
    header.authHeader div.userWrapper div.userContentsWrapper {
      /* flex-wrap:wrap; */
      gap: 0;
      justify-content: flex-end;
    }
  }
  li.dropdown.dropdown-currencies {
    position:relative;
    width: auto;
  }
  @media (max-width:1100px){
    li.dropdown.dropdown-currencies {
      /* display:none; */
    }
    header div.userBoxWrapper div#google_translate_element {
      display:none;
    }
  }
  .navigation div#google_translate_element {
    display: flex!important;
    margin-bottom: 50px;
    width: 100%;
  }
  .navigation div#google_translate_element .goog-te-gadget {
    width:100%;
  }
  .navigation div#google_translate_element .goog-te-gadget .goog-te-combo {
    width:100%!important;
  }
  .navigation a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
    display:none
  }
  header.authHeader li.dropdown.dropdown-currencies .badge {
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius: 5px;
    padding: 9px 8px;
    gap: 8px;
    width: auto;
    font-size: 16px;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    white-space: nowrap;
  }
  @media (max-width:768px){
    header.authHeader li.dropdown.dropdown-currencies .badge {
      height: auto;
      display: flex;
      height: 100%;
      white-space: normal;
      align-items: center;
      justify-content: flex-end;
      font-size: 13px;
      height: auto;
    }
  }
  header.authHeader li.dropdown.dropdown-currencies .dropdown-menu > li > a:hover {
    background-color:#E9F1F0;
  }
  header.authHeader li.dropdown.dropdown-currencies .badge img {
    width:auto;
    height:12px;
    transform:rotate(0);
    transition:0.4s;
  }
  header.authHeader li.dropdown.dropdown-currencies.open .badge img {
    transform:rotate(180deg);
    transition:0.4s;
  }
  header.authHeader li.dropdown.dropdown-currencies .dropdown-menu {
    min-width:100%;
  }
  
  header.authHeader div.userWrapper div.userContentsWrapper div.userPoint{background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;border-radius: 5px;padding: 5px 10px;}
  header.authHeader div.userWrapper div.userContentsWrapper div.userPoint a{
    color:#fff;
    font-size: 15px;
    font-weight: 500;
  }
  
  header.authHeader div.userWrapper div.userContentsWrapper div.userId {
    position: relative;
    display: flex;
    align-items: center;
    gap: 29px;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
    background-color: #fff;
    padding: 1px 10px 1px 0;
    border-bottom-left-radius: 27px;
    border-top-left-radius: 27px;
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId.userId_pc {
    width: auto;
    justify-content:flex-start;
  }
  @media (max-width: 1100px){
    header.authHeader div.userWrapper div.userContentsWrapper div.userId {
      display:none;
    }
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId .userId_box {
    display:flex;
    align-items:center;
    gap:1px;
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId .userId_box img {
    width:auto;
    height:30px;
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId img:nth-child(2) {
    width: 12px;
    transform:rotate(0);
    transition:0.4s;
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId.active img:nth-child(2) {
    transform:rotate(180deg);
    transition:0.4s;
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId:hover {
    background-color:#E9F1F0;
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId i {
    font-size: 19px;
  }
  header.authHeader div.userWrapper div.userContentsWrapper div.userId p {
    font-size: 15px;
    color: #585858;
    font-weight: 700;
    cursor: pointer;
    margin-left: 7px;
  }
  
  
  
  
  #sideMenu div.userWrapper div.userContentsWrapper div.userPoint.mobile {
    display:none;
  }
  #sideMenu div.userWrapper div.userContentsWrapper div.userPoint a {
    font-size: 12px;
    color: #6d6d6f;
    font-weight: 700;
  }
  #sideMenu div.userWrapper div.userContentsWrapper div.userPoint span.userPointSpan {
    background: #000;
    border-radius: 5px;
    padding: 4px 6px;
    max-width: 74px;
    display: flex;
    justify-content: center;
  }
  #sideMenu div.userWrapper div.userContentsWrapper div.userPoint span.userPointSpan a {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
  }
  /* userInfoMenu */
  div.userWrapper div.userContentsWrapper div.userInfoMenu {
    display:none;
  }
  div.userWrapper div.userContentsWrapper div.userInfoMenu.active {
    display: flex;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    height: auto;
    width: 85%;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #C1C1C1;
    left: 24px;
    bottom: -82px;
    border-radius: 5px;
  }
  div.userWrapper .userInfoMenu.active div.list {
    padding: 8px 0 8px;
    display: flex;
    flex-direction: column;
  }
  #sideMenu div.userWrapper .userInfoMenu.active div.list + div.list {
    padding: 5px 5px 7px 10px;
  }
  div.userWrapper div.userContentsWrapper div.userInfoMenu a:hover {
    background-color:#E9F1F0;
  }
  div.userWrapper div.userContentsWrapper div.userInfoMenu.active a {
    font-size: 14px;
    color: #585858;
    font-weight: 500;
    height: 30px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 16px;
    width: 100%;
  }
  
  #sideMenu a.sideMenuLink_a {
    padding-left: 17px;
    display: flex;
    align-items: center;
    height: 42px;
  }
  #sideMenu a.sideMenuLink_a {
    margin-bottom: 4px;
  }
  #sideMenu a.sideMenuLink_a:last-child {
    margin-bottom:0;
  }
  /*  active */
  #sideMenu a.sideMenuLink_a.active{
    color: #fff;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    position: relative;
    font-weight: 700;
  }
  
  #sideMenu a.sideMenuLink_a:hover {
    background-color:#458783;
  }
  #sideMenu a.sideMenuLink_a:nth-of-type(1)  {
    position:relative;
  }
  #sideMenu a.sideMenuLink_a:nth-of-type(1)::after {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    border-top: 1px solid #f4f3f457;
  }
  .menuWrapper a {
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
  }
  /*  */
  #sideMenu div.confirmTop {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: -20px;
    max-height: 62px;
    background: #E6EFFC;
    padding: 16px 10px 23px 0;
  }
  #sideMenu div.confirmTop i {display:none}
  #sideMenu div.confirmTop p.timerText {
    font-size: 12px;
    color: #0078D0;
    font-weight: 500;
  }
  #sideMenu div.confirmTop div.timerConfirm {
    font-size: 12px;
    color: #0078D0;
    font-weight: 400;
  }
  #sideMenu div.confirmTop span.timer {
    font-size: 12px;
    color: #0078D0;
    font-weight: 400;
  }
  /* sidemenu */
  #sideMenu .menuWrapper div.menu-0,
  #sideMenu .menuWrapper div.menu-1,
  #sideMenu .menuWrapper div.menu-2
  {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position:relative;
  }
  #sideMenu .menuWrapper div.menu-0::after {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-top: 1px solid #f4f3f457;
  }
  #sideMenu .menuWrapper div.menu-1 {
    margin-bottom:20px;
  }
  #sideMenu .menuWrapper div.menu-3 {
    margin-top:20px;
  }
  #sideMenu .sideMenuContents {
    display:flex;
    flex-direction:column;
    height:auto;
    opacity:1;
    padding-top: 2px;
    gap:4px;
  }
  /* */
  #sideMenu .sideMenuContents a {
    padding-left: 17px;
    display: flex;
    align-items: center;
    height: 42px;
    font-weight: 500;
  }
  #sideMenu .sideMenuContents a:hover {
    background-color: #458783;
  }
  /*  */
  #sideMenu .sideMenuContents a.active {
    color: #fff;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border-radius:5px;
    position:relative;
    font-weight: 600;
  }
  
  #sideMenu .menuWrapper .sideMenuContents img {
    width:19px;
    height:auto;
  }
  
  #sideMenu .menuWrapper a:visited,
  #sideMenu .menuWrapper a:focus,
  #sideMenu .menuWrapper a:hover {
    text-decoration:none;
  }
  #sideMenu .menuWrapper a img {
    width:19px;
    height:auto;
    margin-right:12px;
  }
  
  div.menu-0 .sideMenuContents,
  div.menu-1 .sideMenuContents,
  div.menu-2 .sideMenuContents {
    height: auto;
    opacity: 1;
    overflow: visible;
    transition: ease-out .4s;
  }
  div.menu-0.active .sideMenuContents,
  div.menu-1.active .sideMenuContents,
  div.menu-2.active .sideMenuContents
  {
    height: 0!important;
    opacity: 0!important;
    overflow: hidden;
  }
  .sideMenuTitle {
    position: relative;
    display: flex;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    height: 30px;
    align-items: center;
    /* margin-bottom: 10px; */
  }
  .sideMenuTitle::before {
    content: "\e942";
    font-family: xeicon!important;
    display: flex;
    width: 16px;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    transform: rotate(0deg);
    transition: cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.3s;
    height: 15px;
  }
  div.menu-0.active .sideMenuTitle::before,
  div.menu-1.active .sideMenuTitle::before,
  div.menu-2.active .sideMenuTitle::before {
    transform: rotate(-90deg);
    height: auto;
    align-items: center;
    position:relative;
    bottom:3px;
  }
  
  
  #sideMenu.off div.logoWrapper {
    width: 80%;
    padding: 0;
  }
  
  #sideMenu div.logoWrapper a.logo img {
    height: 25px;
    width: auto;
  }
  
  #sideMenu.off div.logoWrapper a.logo img {
    width: 100%;
  }
  
  #sideMenu div.menuWrapper div.menuList {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin-left: 30px;
  }
  
  #sideMenu div.menuWrapper div.menuList a {
    display: flex;
    align-items: center;
    padding-left: 13px;
    text-decoration: none;
    width:100%;
    padding-top: 6px;
  }
  
  #sideMenu div.menuWrapper div.menuList:first-child {
    margin-top: 37px;
  }
  
  
  #sideMenu div.menuWrapper div.menuList.active::before {
    content:'';
    background-image: url(https://storage.perfectcdn.com/gz2yx6/wlknhsjnd5pxzy3s.png);
    width: 84%;height: 94px;
    left: 3px;
    z-index:-1;
    position:absolute;
    background-repeat: no-repeat;
  }
  
  #sideMenu div.menuWrapper div.menuList.active {
    position:relative;
  }
  #sideMenu div.menuWrapper div.menuList.active i,
  #sideMenu div.menuWrapper div.menuList.active span {
    color: #1C3B55;
    font-weight:600;
  }
  #sideMenu div.menuWrapper div.menuList a span {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding-left: 9px;
    padding-top: 0;
  }
  
  #sideMenu.off div.menuWrapper div.menuList a span {
    display: none;
  }
  
  #sideMenu div.menuWrapper div.menuList a i {
    font-size: 24px;
    color: #fff;
    margin-right: 8px;
  }
  
  #sideMenu div.menuWrapper div.menuList a div.menuIcon {
    width: 32px;
    height: 32px;
  }
  
  #sideMenu div.menuWrapper div.menuList a div.menuIcon img {
    width: 90%;
  }
  
  #sideMenu div.menuWrapper div.menuList.active img {
    width:90%!important
  }
  
  
  /* header */
  header.header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left:0;
    background: transparent;
    /* box-shadow: 0 1px 4px #00000029; */
    z-index: 9999;
    transition: 0.3s linear;
  }
  header.header.active {
    background: #13988e70;
    transition: 0.3s linear;
  }
  header div.contents {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
    justify-content: space-between;
    /* padding: 0 7%; */
  }
  @media (max-width:1650px){
    header div.contents {
      max-width:93%;
    }
    #main div.Wrap section.sec01 .videoWrap {
      max-width:93%;
    }
    header div.contents div.menuWrapper ul{
      margin-right:10px;
    }
  }
  header div.contents.auth {
    position:relative;
    max-width: initial;
    padding: 21px 32px 17px 0;
    display:none;
  }
  
  header div.contents a.logo img {
    width: 176px;
    height:auto;
  }
  header div.contents a.logo img.pc_logo {
    display:flex;
  }
  header div.contents a.logo img.mobile_logo {
    display:none;
  }
  @media (max-width:768px){
    header div.contents a.logo img.pc_logo {
      display:none;
    }
    header div.contents a.logo img.mobile_logo {
      display:flex;
      width:auto;
      height: auto!important;
    }
  }
  @media (max-width:400px){
    header div.contents a.logo img.mobile_logo {
      height: 40px!important;
    }
  }
  header div.contents a.logo img.tablite {
    display:none;
  }
  header div.contents a.logo img.pc {
    display:block;
  }
  header div.contents a.logo img.mobile {
    display:none;
  }
  header.authHeader a.logo img {
    width: auto;
    height: 48px!important;
  }
  header.authHeader div.contents div.menuWrapper {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: end;
  }
  @media (max-width:820px){
    header div.contents a.logo img.tablite {
      display:block;
    }
    header div.contents a.logo img.pc {
      display:none;
    }
  }
  /* menu */
  header div.contents div.menuWrapper ul {
    display: flex;
    align-items: center;
    height: auto;
    list-style: none;
    width: auto;
    justify-content: center;
    align-items: center;
  }
  
  header div.contents div.menuWrapper ul li {
    position: relative;
    transition:0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (max-width:500px) {
    header div.contents div.menuWrapper ul li {
      margin-right:0;
    }
  }
  header div.contents div.menuWrapper ul li:focus {
    border-bottom:1px solid #ff0;
  }
  header div.contents div.menuWrapper ul li:last-child {
    padding: 20px 0 20px0;
  }
  
  header div.contents div.menuWrapper ul li+li::before {
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  
  }
  
  header div.contents div.menuWrapper ul li button.preview {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #5C6B96;
    text-decoration: none;
    width: 80px;
    height: 80px;
    padding: 0;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header div.contents div.menuWrapper ul li button.preview:hover {
    background-color:#5C6B96;
    border-radius:100%;
    color:#fff;
    height:80px;
    width:80px;
  }
  header div.contents div.menuWrapper ul li.none.active a:hover,
  header div.contents div.menuWrapper ul li a:hover,
  header div.contents div.menuWrapper ul li a.active {
  
  }
  header div.contents div.menuWrapper ul li.active a {
  }
  header div.contents div.menuWrapper ul li.none.active a {
    background-color:transparent;
    color:#5C6B96;
  }
  
  header div.contents div.menuWrapper ul li a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    line-height: initial;
    display: flex;
  }
  
  header div.contents div.menuWrapper ul li a:hover {
    text-decoration: none;
    width: auto;
    height: auto;
  }
  
  header div.contents div.sideMenuIcon {
    cursor:pointer;
  }
  header div.contents div.sideMenuIcon img {
    width:30px;
  }
  
  header div.contents div.menuWrapper div.userPoint {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 13px 27px;
    border-radius: 24px;
    margin-right: 8px;
    background-color: #008BFF;
  }
  header div.contents div.menuWrapper div.userPoint a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }
  
  header div.contents div.menuWrapper p.userId {
    margin-right: 8px;
    color: #008BFF;
    font-size: 16px;
    font-weight: 500;
    padding: 0 20px;
  }
  
  header div.contents div.menuWrapper div.userImage {
    width: 48px;
    height: 48px;
    position: relative;
    border: 2px dotted #000;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    z-index:999990999999;
    box-shadow: 0 1px 3px rgba(black, .8);
    background: lighten(transparent, 60%);
    transform: translate3d(0, 0, 0);
    background-image: -webkit-linear-gradient(10deg, #000 50%, transparent 50%);
    background-image: linear-gradient(10deg, #000 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    border: 0.2px solid #707070;
    -webkit-transition: background 0.6s ease-in-out;
    transition: background all 0.6s ease-in-out;
    color: #fff;
    background-position: 100%
  }
  
  header div.contents div.menuWrapper div.userImage:hover {
    border: 0.2px solid #707070;
    background-position: 0%
  }
  header div.contents div.menuWrapper div.userImage:hover i {
    color:#fff;
  }
  header div.contents div.menuWrapper div.userImage i {
    font-size: 31px;
    z-index: 9999999999;
    position: absolute;
    top: 7px;
    left: 8px;
  }
  header div.contents div.menuWrapper div.userImage i:after {
    display:block;
    content:'\ea10';
    font-family: xeicon!important;
    position:absolute;
    top: 10px;
    left: -1px;
    font-size: 10px;
  }
  header div.contents div.menuWrapper div.userImage.active {
    background-color:#000;
    transition: 0.4s;
  }
  header div.contents div.menuWrapper div.userImage.active i {
    color:#fff;
  }
  header div.contents div.menuWrapper div.moMenu {
    display:none;
  }
  
  header div.contents div.menuWrapper div.userImage div.userInfoMenu {
    display: none;
    width: 130px;
    position: absolute;
    top: calc(100% + 10px);
    right: -1px;
    background-color: #000;
    border-radius: 10px;
    z-index: 9999;
  }
  
  header div.contents div.menuWrapper div.userImage div.userInfoMenu div.list {
  
    text-align: center;
  }
  
  header div.contents div.menuWrapper div.userImage div.userInfoMenu div.list {
    border: 8px solid;
    border-image: linear-gradient(
      135deg,
      #008BFF 0 10px) 8;
    -webkit-mask: conic-gradient(
      from 180deg at top 8px right 8px,
      #0000 90deg,
      #000 0
    )
      var(--_i, 200%) 0 /200% var(--_i, 8px) border-box no-repeat,
      conic-gradient(at bottom 8px left 8px, #0000 90deg, #000 0) 0
      var(--_i, 200%) / var(--_i, 8px) 200% border-box no-repeat,
      linear-gradient(#000 0 0) padding-box no-repeat;
    transition: 0.3s, -webkit-mask-position 0.3s 0.3s;
  }
  header div.contents div.menuWrapper div.userImage div.userInfoMenu div.list:hover {
    --_i: 100%;
    transition: 0.3s, -webkit-mask-size 0.3s 0.3s;
  } 
  header div.contents div.menuWrapper div.userImage div.userInfoMenu div.list:first-child:hover {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
  }
  header div.contents div.menuWrapper div.userImage div.userInfoMenu div.list:last-child:hover {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
  }
  
  
  header div.contents div.menuWrapper div.userImage div.userInfoMenu div.list+div.list{
  
  }
  
  header div.contents div.menuWrapper div.userImage div.userInfoMenu div.list a {
    font-weight: 700;
    color: #fff;
    padding:20px;
    display:block;
    box-sizing:border-box;
  }
  @media (max-width:450px){
    header div.contents a.logo img.pc {
      display:none;
    }
    header div.contents a.logo img.tablite {
      display:none;
    }
    header div.contents a.logo img.mobile {
      display:block;
      height:36px;
      width:auto;
  
    }
  }
  #resetPassword {
    width: 100%;
    max-width: 900px;
    padding: 40px 0 80px;
    margin: 0 auto;
  }
  #resetPassword .topBox {text-align: center;}
  #resetPassword .topBox p {
    font-size:24px;
    font-weight:500;
    color: #707070;
  }
  #resetPassword .topBox p:after {
    display:
      block;
    content:
      '';
    background-color:#707070;
    width: 368px;
    height:1px;
    margin:0 auto;
    margin-top: 24px;
  }
  
  #resetPassword div.formWrapper {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 38px 36px;
  }
  
  #resetPassword div.inputWrapper {
    margin-bottom: 16px;
  }
  
  #resetPassword div.inputWrapper label {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 13px;
    padding-top: 30px;
  }
  
  #resetPassword .formWrapper form{
    width:45%;
    margin:0 auto;
  }
  #resetPassword .form-group {
    display: flex;
    justify-content: center;
  }
  #resetPassword div.inputWrapper input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    padding: 0 17px;
    border: 1px solid #EDEDED;
  }
  
  #resetPassword div.capchaWrapper {
    margin-bottom: 16px;
  }
  #resetPassword div.inputWrapper input:focus {
    border:1px solid #008BFF;
  }
  
  #resetPassword button.resetPasswordButton {
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 40px;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 30px;
    margin: 0;
    padding: 0;
  }
  
  #resetPassword .alert-danger {
    margin-top: 15px;
    margin-bottom: 0;
  }
  #neworder input#field-orderform-fields-check {
  
  }
  
  div.neworderWrap {
    background-color:#F6F6F6;
  }
  #neworder {
    width: 100%;
    display: flex;
    background-color: #F4F3F4;
    max-width: 100%;
    padding-bottom: 100px;
    overflow-x: hidden;
  }
  #neworder div.tabWrapper {
    display: flex;
    margin-left: 40px;
    background-color: #fff;
    margin-right: 40px;
    padding: 24px 32px;
    border-radius: 44px;
    height: 88px;
    margin-bottom: 30px;
    gap: 16px;
    box-shadow: 0px 5px 10px #00000029;
  }
  #neworder div.tabWrapper div.tab{
    display:flex;
    align-items:center;
    width: 140px;
    justify-content: center;
    background-color: #E9F1F0;
    border-radius: 20px;
    gap: 4px;
    cursor: pointer;
  }
  #neworder div.tabWrapper div.tab.active {
    background-color: #04BCB1;
    border-radius:20px;
    box-shadow: 0px 3px 10px #00000029;
  }
  #neworder div.tabWrapper div.tab p {
    color: #AFAFAF;
    font-size: 14px;
    font-weight: 500;
  }
  #neworder div.tabWrapper div.tab.active p {
    color:#fff;
  }
  #neworder .btn-default:hover {
    background-color:#fff;
  }
  #neworder .btn-default {
    background-color:#fff;
    padding: 10px;
    margin-left: 8px;
    border: none;
  }
  #neworder .input-group button {
    border: none;
    height: 32px;
    width: auto;
    margin: 0;
    padding: 0;
    background-color: #F4F5F7;
    background: #F4F5F7;
    box-shadow: none;
  }
  #neworder .input-group button:hover {
    background:none;
  }
  #neworder .input-group-btn:last-child > .btn {position: initial;}
  #neworder span.input-group-btn {
    width:0;
    position: initial;
  }
  #neworder div.wrapper {
    display: flex;
    padding: 50px 0 60px;
  }
  
  #neworder section {
    background: #fff;
    padding: 2px 30px 24px 32px;
  }
  
  #neworder section a.sectionTitle {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 13px;
    color: #000;
    display: block;
  }
  
  #neworder div.rightWrapper section.noticeWrapper p.sectionTitle {
    display: inline-block;
    border: 1px solid #f4f4f4;
    background-color: #000;
    padding: 10px 20px;
    border-radius: 28px;
    color: #fff;
  }
  
  #neworder section div.sectionContents {
    width: 100%;
    height: auto;
  }
  
  #neworder div.formWrapper div.inputWrapper {
  }
  #neworder div.formWrapper div.inputWrapper:nth-child(1) {
    display: block;
    padding-bottom: 0;
    border-radius: 3px;
    margin-top: 19px;
    padding-left: 32px;
    background-color: #fff;
    padding-right: 32px;
    flex-direction: column;
  }
  #neworder div.formWrapper.popular div.inputWrapper:nth-child(1) {
    border: 1px solid #A3D6E3;
    padding-bottom: 16px;
    border-radius: 3px;
    padding-top: 12px;
    padding-left: 13px;
    background-color: #A3D6E3;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #neworder section.orderWrapper div.formWrapper.popular div.inputServicesWrapper {
    background-color:#DEF6FC;
    border:1px solid #DEF6FC;
    padding: 12px 14px 10px 12px;
  }
  #neworder div.formWrapper.instagram div.inputWrapper:nth-child(1) {
    background-color: #FFB4C7;
    border: 1px solid #FFB4C7;
    padding-left:0;
    padding-left:12px;
    padding-right:12px;
  }
  #neworder section.orderWrapper div.formWrapper.instagram div.inputServicesWrapper {
    background-color:#FFD8E2;
    border:1px solid #FFD8E2;
    padding: 12px 14px 10px 12px;
  }
  #neworder div.formWrapper.instaEdit div.inputWrapper:nth-child(1) {
    background-color:#E9BEFF;
    border:1px solid #E9BEFF;
    padding-left:0;
    padding-left: 12px;
    padding-right: 12px;
  }
  #neworder section.orderWrapper div.formWrapper.instaEdit div.inputServicesWrapper {
    background-color:#F4DEFF;
    border:1px solid #F4DEFF;
    padding: 12px 14px 10px 12px;
  }
  #neworder div.formWrapper.facebook div.inputWrapper:nth-child(1) {
    background-color:#A2BAFF;
    border:1px solid #A2BAFF;
    padding-left:0;
    padding-left: 12px;
    padding-right: 12px;
  }
  #neworder section.orderWrapper div.formWrapper.facebook div.inputServicesWrapper {
    background-color:#CCD9FF;
    border:1px solid #CCD9FF;
    padding: 12px 14px 10px 12px;
  
  }
  #neworder div.formWrapper.youtube div.inputWrapper:nth-child(1) {
    background-color:#ffb0b0;
    border:1px solid #ffb0b0;
    padding-left:12px;
    padding-right:12px;
  }
  #neworder section.orderWrapper div.formWrapper.youtube div.inputServicesWrapper {
    background-color:#ffdcdc;
    border:1px solid #ffdcdc;
    padding: 12px 14px 10px 12px;
  }
  #neworder div.formWrapper.tiktok div.inputWrapper:nth-child(1) {
    background-color:#0000003b;
    border:1px solid #0000001a;
    padding-left:0;
    padding-left: 12px;
    padding-right: 12px;
  }
  #neworder section.orderWrapper div.formWrapper.tiktok div.inputServicesWrapper {
    background-color:#00000017;
    border:1px solid #00000017;
    padding: 12px 14px 10px 12px;
  }
  #neworder div.formWrapper.gitar div.inputWrapper:nth-child(1) {
    background-color:#d6dcec;
    border:1px solid #d6dcec;
    padding-left:0;
    padding-left: 12px;
    padding-right: 12px;
  }
  #neworder section.orderWrapper div.formWrapper.gitar div.inputServicesWrapper {
    background-color:#d6dcec7d;
    border:1px solid #d6dcec7d;
    padding: 12px 14px 10px 12px;
  }
  @media (max-width:500px){ 
    #neworder section.orderWrapper div.formWrapper.instagram div.inputServicesWrapper {
      height:auto
    }
    #neworder section.orderWrapper div.formWrapper.instaEdit div.inputServicesWrapper {
      height:auto;
    }
    #neworder section.orderWrapper div.formWrapper.facebook div.inputServicesWrapper {
      height:auto;
    }
    #neworder section.orderWrapper div.formWrapper.youtube div.inputServicesWrapper {
      height:auto;
    }
    #neworder section.orderWrapper div.formWrapper.tiktok div.inputServicesWrapper {
      height:auto;
    }
    #neworder section.orderWrapper div.formWrapper.tiktok div.inputServicesWrapper {
      height:auto;
    }
  }
  #neworder div.neworder_flexWrapper {
    display:flex;
    height: 100%;
  }
  #neworder section.orderWrapper {
    flex: 1;
    height: auto;
    position: relative;
    max-width: 50%;
    background-color: #F6F6F6;
  }
  #neworder section.orderWrapper div.orderTitleWrapper {}
  #neworder section.orderWrapper div.orderTitleWrapper p.orderTitleContents {
    font-size: 11px;
    color: #3B3B3B;
    font-weight: 600;
  }
  #neworder section.orderWrapper div.orderTitleWrapper strong.orderTitle {
    font-size: 20px;
    color: #3B3B3B;
    font-weight: 600;
    padding-bottom: 20px;
  }
  #neworder .toastWrapper {
    display: flex;
    gap: 12px;
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 284px;
    height: 72px;
    background: #3B3B3B;
    box-shadow: 6px 9px 1px #00000060;
    border-radius: 5px;
    padding: 6px 6px 6px 41px;
    align-items: center;
    z-index: 10;
  }
  #neworder .toastWrapper::after {
    content: '';
    display: block;
    width: 8px;
    position: absolute;
    top: 3px;
    left: 5px;
    height: 90%;
    background-color: #6DFF00;
    border-radius: 5px;
  }
  #neworder .toastWrapper.error::after {
    background-color: #D9A20E;
  }
  
  #neworder .toastWrapper.success p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  }
  #neworder .toastWrapper.error {
    background: #3B3B3B;
  }
  #neworder strong.errorMessageTitle {
    color:#fff!important;
    font-size:15px!important;
    font-weight:500;
  }
  #neworder p.errorMessageContents {
    color:#fff;
    font-size:12px;
    font-weight:400;
  }
  #neworder section.orderWrapper .sectionTabWrapper {
    display: flex;
    border-bottom: 1px solid #F4F4F4;
    margin-bottom: 24px;
  }
  #neworder section.orderWrapper .sectionTabWrapper .sectionTab {
    margin-right: 24px;
    color: #C9C9C9;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.2s;
  }
  #neworder section.orderWrapper .sectionTabWrapper .sectionTab.active {
    color: #148BFF;
    font-weight: 700;
    font-size: 17px;
    border-bottom: 3px solid #148bff;
    padding-bottom: 4px;
  }
  
  #neworder section.orderWrapper div.tabWrapper {
    display: flex;
    padding-bottom: 26px;
    position:relative;
  }
  
  #neworder section.orderWrapper div.tabWrapper div.tab {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    cursor: pointer;
    background-color: #F4F4F4;
    color: #C9C9C9;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 25px;
    flex-direction:column;
    gap:3px;
    position:relative;
    margin-left: -10px;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab::after{
    position:absolute;
    content:'';
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border: 2px solid #fff;
    border-radius: 24px;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab p.tabName {
    color:#9F9F9F;
    font-size:11px;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active p.tabName {
    color:#fff;
    font-size:11px;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab div.tabImg {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab div.tabImg img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active  {
    margin-left: -10px;
    z-index:1;
  }
  
  #neworder section.orderWrapper div.tabWrapper div.tab.active:nth-child(1)::after,
  #neworder section.orderWrapper div.tabWrapper div.tab.active:nth-child(2)::after,
  #neworder section.orderWrapper div.tabWrapper div.tab.active:nth-child(3)::after,
  #neworder section.orderWrapper div.tabWrapper div.tab.active:nth-child(4)::after,
  #neworder section.orderWrapper div.tabWrapper div.tab.active:nth-child(5)::after,
  #neworder section.orderWrapper div.tabWrapper div.tab.active:nth-child(6)::after{
    position:absolute;
    content:'';
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border: 3px solid #fff;
    border-radius: 24px;
  }
  
  @media(max-width:768px){
    #neworder section.orderWrapper div.tabWrapper div.tab:nth-child(1):hover ,
    #neworder section.orderWrapper div.tabWrapper div.tab:nth-child(2):hover,
    #neworder section.orderWrapper div.tabWrapper div.tab:nth-child(3):hover,
    #neworder section.orderWrapper div.tabWrapper div.tab:nth-child(4):hover,
    #neworder section.orderWrapper div.tabWrapper div.tab:nth-child(5):hover,
    #neworder section.orderWrapper div.tabWrapper div.tab:nth-child(6):hover {
      opacity:1;
    }
  }
  #neworder .autoDescriptionWrapper {
    display: flex;
    background-color: #5D5D5D;
    border-radius: 2px;
    padding: 10px 12px 10px;
    margin-bottom: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    display: none;
  }
  #neworder div.autoImgBox {
    display:flex;
    justify-content:center;
  }
  #neworder div.autoStrongBox {
  
  }
  #neworder .autoDescriptionWrapper strong {
    display: inline;
    font-size: 11px;
    color: #fff;
    font-weight: 400;
  }
  #neworder .autoDescriptionWrapper .idStrong {
    font-weight: 700;
    color: #FFEB00;
    font-size: 14px;
  }
  #neworder .autoDescriptionWrapper i {
    display: flex;
    padding-top: 4px;
    padding-right: 10px;
    color: #000;
  }
  
  
  #neworder section.orderWrapper div.formWrapper {background-color: #fff;height: auto;box-shadow: 0px 5px 10px #00000029;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} 
  #neworder section.orderWrapper div.formWrapper div.neworder_choice {
    background-color:#04BCB1;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  
  .neworder_choice {}
  #neworder section.orderWrapper div.formWrapper div.neworder_choice ul {
    display: flex;
    padding: 20px 32px;
    gap: 8px;
  }
  #neworder section.orderWrapper div.formWrapper div.neworder_choice ul li {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 140px;
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 7px;
    border-radius: 20px;
    border: 1px solid #FFFFFF;
  }
  #neworder section.orderWrapper div.formWrapper div.neworder_choice ul li.active {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border: 1px solid transparent;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper {
    margin-top: 12px;
  } 
  #neworder section.orderWrapper div.formWrapper div.inputWrapper div.servicesWrapper {
    padding-left:0;
    display: inline-block;
    align-items:center;
    gap:6px;
    width: 100%;
    height: 100%;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper div.servicesWrapper img {
    width:36px;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper label {
    font-size: 14px;
    font-weight: 700;
    padding-top: 6px;
    margin-bottom: 8px;
  }
  #neworder div.gawi {}
  #neworder div.gawi img {
    width:100%;
    max-width:100%;
  }
  #neworder section.orderWrapper div.chargeWrapper {
    margin-top: 0;
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    gap: 10px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 33px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #neworder div.chargeWrapper div.inputWrapper {
    padding:0!important;
  }
  #neworder section.orderWrapper div.chargeWrapper div.inputWrapper {
    background: #fff!important;
    border: none!important;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper label.chargeLabel {
    margin-bottom:4px;
  }
  #neworder section.orderWrapper div.formWrapper section.counterWrapper {
    display: flex;
    background-color: #F4F5F7;
    padding: 0;
    gap: 6px;
    padding: 12px 4px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #neworder section.orderWrapper div.formWrapper section.counterWrapper div.counterBox {
    background: #E9E6FD;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 3px;
    gap: 10px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #neworder section.orderWrapper div.formWrapper section.counterWrapper div.counterBox p.numberText {
    font-size: 15px;
    color: #253858;
    font-weight: 900;
  }
  #neworder section.orderWrapper div.formWrapper section.counterWrapper div.counterBox p.title {
    color: #253858;
    font-size: 12px;
    font-weight: 600;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper label.form-group__label-title {
    padding-top:2px;
  }
  #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper {
    border-radius: 3px;
    height: auto;
    padding-top: 0;
    padding-left: 32px;
    padding-right: 32px;
  }
  #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper div.servicesWrapper {
    padding-left: 3px;
    flex-wrap: wrap;
  }
  #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper div.select2 {
    width:100%;
  }
  #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper span.selection {
    width:100%;
    position:relative;
    max-width:100%;
  }
  #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper span.select2-selection {
    border-radius: 3px;
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    height: 40px;
    margin: auto;
    display: flex;
    align-items: center;
    font-weight: 600;
    border: none;
    height: auto;
    box-shadow: 0px 4px 0px #D2DEDD;
    background-color: #E9F1F0;
  }
  #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper span.select2-selection:hover {
    background-color:#bee6e4!important;
    box-shadow: 0px 4px 0px #b1bebd;
  }
  @media (max-width:350px){
    #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper span.select2-selection  {
      max-height: 100%;
      height: 100%;
    }
  }
  
  .select2-container--open .select2-selection span {
    color:#fff;
  }
  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    /* border-color: transparent transparent #fff transparent!important; */
  }
  #neworder section.orderWrapper div.formWrapper div.inputServicesWrapper span.select2-selection:hover {
    background: #E6EFFC;
    /* background-color: #8A98C0; */
  }
  .select2-container--open .select2-dropdown {
    left: 0!important;
    top: 6px;
    max-width: auto;
    min-width: 100%;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper label.servicesOne {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1px;
    padding-top: 0;
    color: #3B3B3B;
    display: inline-block;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .select2-container .select2-selection--single .select2-selection__rendered {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .select2-container--default .select2-results > .select2-results__options {
    max-height: 320px;
    overflow-y: auto!important;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .moveDiv {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 9px;
    cursor: pointer;
    display:none;
  }
  
  #neworder section.orderWrapper .select2-container .select2-selection--single {
    border-radius: 5px;
    background-color: #F4F4F4;
    border: none;
    box-shadow: none;
    margin-bottom:20px;
  }
  
  
  #neworder section.orderWrapper .form-control {
    border-radius:25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  #neworder #field-orderform-fields-delay:hover {
    background-color:#E6EFFC;
  }
  #neworder #field-orderform-fields-delay:focus {
    background-color: #fff;
    border:1px solid#ddd;
  }
  #neworder #field-orderform-fields-delay {
    background: url(https://storage.perfectcdn.com/gz2yx6/zpju4jm5eb616qa6.png) no-repeat 100%;
    display: block;
    appearance: none;
    height: 40px;
    padding:0 10px;
    font-size:12px;
    border-radius: 3px;
    background-color: #fff;
    max-width: 100%;
    margin: auto;
    border: 1px solid #d9d9d9;
  }
  #neworder #field-orderform-fields-delay:hover {
    background-color:#E6EFFC;
    /* height: 40px; */
  }
  #neworder #field-orderform-fields-delay:focus {
    border:1px solid #008BFF
  }
  #neworder .form-control:focus {
    border:1px solid #008BFF;
    border-color:#008BFF;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
  }
  #neworder .select2-hidden-accessible:focus {
    border:none!important;
  }
  
  #neworder section.orderWrapper div.inputWrapper div#services {
    display:flex;
    gap: 6px;
    flex-wrap:wrap;
  } 
  #neworder section.orderWrapper div.inputWrapper div#services div.serviceTab {
    padding: 8px 18px;
    width: auto;
    border:none;
    border-radius: 20px;
    cursor: pointer;
    background: #E9F1F0;
    color: #AFAFAF;
    font-weight: 600;
    position: relative;
  }
  #neworder section.orderWrapper div.inputWrapper div#services div.serviceTab.active {
    background: #04BCB1;
    color:#fff;
    box-shadow: 0px 3px 10px #00000029;
  }
  #neworder section.orderWrapper div.inputWrapper div#services div.serviceTab:hover {
    background-color:#E6EFFC;
  }
  #neworder section.orderWrapper div.inputWrapper div#services div.serviceTab.active:hover {
    background: #04BCB1;
  }
  #neworder section.orderWrapper div.inputWrapper div#services div.serviceTab.active i {
    color:#fff;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper input {
  
  }
  #neworder #order_min .col-md-6:nth-child(1) input {
    max-width: 100%!important;
  
  }
  #neworder #order_min .col-md-6:nth-child(2) input {
    max-width: 100%!important;
    margin-right: 14px!important;
  }
  #neworder div.orderExit {
    width: 100%;
    background-color: #F4F5F7;
    padding-top: 16px;
    height: 116px;
    max-height: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    margin-bottom: 21px;
    padding-left: 12px;
    padding-right: 12px;
  }
  #neworder #order_min input#order_count {
    max-width: 100%;
  }
  #neworder div.orderExit .input-group {
    max-width: 100%;
    display:flex;
    position: relative;
  }
  #neworder div.orderExit input#field-orderform-fields-expiry {
    max-width: 100%;
    width: 100%;
    margin-right: 40px;
    border: 1px solid #d9d9d9;
  }
  input#charge {width:100%;max-width:100%!important;padding:0;background-color: #D8D8D8;color: #A7A7A7;height: 40px;box-shadow: none;border: none;margin-top: 8px;padding: 6px 12px;font-weight: 600;}
  input#field-orderform-fields-expiry {
    background-image: url('https://storage.perfectcdn.com/7mcojg/r0ey5qzco99d2458.png');
    background-repeat: no-repeat;
    background-position: 97%;
  }
  #neworder div.orderExit input#field-orderform-fields-expiry:focus {
    border:1px solid #008BFF;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper input:hover {
    background-color: #bee6e4!important;
    cursor: auto;
    box-shadow: 0px 4px 0px #b1bebd;
  }
  #neworder section.orderWrapper .control-label {
    font-size: 14px;
  }
  #neworder section.orderWrapper div.formWrapper div.inputWrapper input:disabled {
    font-weight: 500;
    padding-left: 15px;
    cursor: auto;
    background: #D8D8D8;
    height: 38px;
    font-size: 18px;
    color: #222;
  }
  #neworder #fields {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    margin-top: 16px;
    gap: 16px;
  }
  #neworder #fields div.order-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    gap: 12px;
  }
  #neworder #fields div.form-group#order_link {
    width: 100%;
    background-color: #fff;
    padding-top: 0;
    height: auto;
    max-height: 100%;
    margin-bottom:0;
  }
  #neworder #fields div.form-group#order_link div.servicesWrapper {
    padding-left:0;
  }
  #neworder #fields div.form-group#order_link input.form-control {
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height: 40px;
  }
  #neworder #fields input:focus {
    box-shadow: 0px 4px 0px #04BAB1!important;
    background-color:#E9F1F0!important;
  }
  #neworder input#field-orderform-fields-check:focus {
    box-shadow: none!important;
  }
  
  #neworder input#field-orderform-fields-check:focus {
    border:none;
  }
  #neworder #fields div.form-group#order_quantity {
    width: 100%;
    height: 116px;
    background-color: #fff;
    padding-top: 0;
    height: auto;
    max-height: 100%;
    margin-bottom:0;
  }
  #neworder #fields div.form-group#order_quantity div.servicesWrapper {
    padding-left: 0;
  }
  #neworder #fields div.form-group#order_quantity input.form-control {
    max-width: 100%;
    color: #555;
    font-weight: 500;
    padding-left: 15px;
    cursor: auto;
    font-size: 13px;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height: 40px;
  }
  #neworder #fields div.sectionContents {
    font-size:13px;
  }
  #neworder #fields #dripfeed {
    display:flex;
    width:100%;
    height: auto;
  }
  /* form input */
  label.form-group__checkbox-label {
    display:flex;
    /* border: 1px solid #000; */
  }
  #neworder #fields #dripfeed div.form-group#order_check {
    width:100%;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group {
    width:100%;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(1),
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(2) {
    max-height: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 0px;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(1) input.form-control,
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(2) input.form-control {
    max-width: 100%!important;
  }
  input#field-orderform-fields-total-quantity {
    max-width: 100%;
    background: #deeded!important;
  }
  input#field-orderform-fields-total-quantity:focus {
    border: 1px solid #d9d9d9!important;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(1) div.servicesWrapper,
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(2) div.servicesWrapper {
    padding-left: 0;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.dripfeed-wrapper{
    display:flex;
    width:100%;
    gap:12px;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.dripfeed-wrapper:nth-child(1) { width:100%; }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.dripfeed-wrapper div.form-group +div.form-group {
    width:100%;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group + div.form-group + div.form-group {
    width:100%;
  }
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group + div.form-group + div.form-group {width:100%;}
  #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group + div.form-group + div.form-group label.control-label {
  }
  div#order_check .form-group:last-child {
    margin:0;
  }
  #dripfeed-options div.dripfeed-wrapper .form-group + .form-group .servicesWrapper label.control-label {
    padding-bottom:0;
    padding-left:0;
  }
  div#order_check .form-group:last-child label.control-label {
  
  }
  div#order_check .form-group:last-child input#field-orderform-fields-total-quantity {
    font-weight:600;
  }
  small.help-block.max {
    margin: 0!important;
  }
  #neworder .help-block {
    font-weight: 700;
    color: #04BCB1;
    margin-bottom: 0px!important;
    display: flex;
    justify-content: start;
    font-size: 11px;
    padding-top: 4px;
  }
  #neworder .form-group__checkbox {
    /* padding-bottom: 18px; */
    display: flex;
    align-items: center;
    gap: 14px;
  }
  #neworder span.input-group-btn img {
    position: absolute;
    right: 8px;
    z-index: 8;
    top: 3px;
  }
  #neworder .col-md-6 {
    margin-bottom: 0px;
    padding-left:0!important;
    padding-right: 0;
  }
  #neworder #order_min .col-md-6:nth-of-type(1){
    margin-right:5px;
  }
  #neworder .col-md6:nth-of-type(1) {
    background-color: #F4F5F7;
    padding-top: 16px;
    height: 116px;
    max-height: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    margin-bottom: 4px;
  }
  #neworder .col-md6:nth-child(2){
    background-color: #F4F5F7;
    padding-top: 16px;
    height: 116px;
    max-height: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    margin-bottom: 4px;
  }
  #neworder .col-md-6:last-of-type {
    padding-right:0;
  }
  #neworder #order_old_posts {
  
    margin-bottom: 0;
  }
  #neworder #order_old_posts input {
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height: 40px;
  }
  #neworder .col-md-6 label {
    font-size:14px;
  }
  
  button.orderButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    background: transparent linear-gradient(180deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 20px;
    color: #fff;
    margin-top: 24px;
    font-size: 14px;
    padding-left: 0;
  }
  button.orderButton:hover {
  
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 17px!important;
  }
  
  #neworder div.rightWrapper {
    flex: 1;
    margin-right:40px;
    max-width: 50%;
  }
  
  #neworder div.rightWrapper section.counterWrapper {
    display: flex;
    gap: 28px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 32px 0;
  }
  
  #neworder div.rightWrapper section.counterWrapper div.counterBox {
    display: flex;
    flex:1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 16px;
    width: 170px;
    height: 135px;
    border-radius: 20px;
    border: 1px solid #008BFF;
    box-shadow: 0px 0px 20px #00000029;
  }
  
  #neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 8px;
    text-align: center;
  }
  #neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText::after {
    content: "";
    display: block;
    background-color: #000;
    height: 1px;
    width: 23px;
    margin: 10px auto;
  }
  
  #neworder div.rightWrapper section.counterWrapper div.counterBox p.title {
    font-size: 14px;
    text-align: center;
  }
  #neworder div.rightWrapper section.smallBoxWrapper {
    display: flex;
    gap: 28px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 32px 0;
  }
  
  #neworder div.rightWrapper section div.smallBox {
    gap: 5px;
    display: flex;
    flex-direction:row!important;
    flex: 1;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 16px;
    width: 170px;
    height: 50px!important;
    border-radius: 20px;
    border: 1px solid #008BFF;
    box-shadow: 0px 0px 20px #00000029;
  
  }
  
  
  #neworder .confirmBottomDiv {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    border: none;
    letter-spacing: 1.2px;
    margin: 5px 0 0 0;
    padding: 0px;
    height: 44px;
  }
  
  #neworder div.rightWrapper section.noticeWrapper {
    margin: 0 0 10px 0;
    background-color: #F4F5F7;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    padding: 12px 12px 16px 12px;
  }
  
  #neworder div.rightWrapper section.noticeWrapper div.sectionContents {
    max-height: 100px;
    overflow-y: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f4f4f4;
    padding: 12px 22px;
    border-radius: 5px;
    line-height: 1.6;
  }
  
  #neworder div.rightWrapper section.noticeWrapper div.sectionContents * {
    color: inherit;
  }
  #neworder .noticeContentsWrapper {
    background-color: #fff;
    margin-top: 5px;
    border-radius: 5px;
    overflow: auto;
    padding: 0px 0 4px 0px;
    border: 1px solid #D8D8D8;
    height: 150px;
    transition: padding 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #neworder .noticeContentsWrapper div.noticeContents {
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    gap: 3px;
    padding-left: 12px;
    padding: 4px 6px 5px;
    font-size: 13px;
    border-bottom: 1px solid #D8D8D8;
  }
  #neworder .noticeContentsWrapper div.noticeContents b {
  }
  
  #neworder .noticeContentsWrapper div.noticeContents:last-child {
    border-bottom:none;
  }
  #neworder .noticeContentsWrapper div.noticeContents:hover {
    background:#E6EFFC;
  }
  #neworder .noticeContentsWrapper div.noticeContents b {
  }
  #neworder .noticeContentsWrapper div.noticeContents b:nth-child(2) {
    font-weight:500;
    padding-left:0;
    margin-left:0;
  }
  #neworder .noticeContentsWrapper div.noticeContents b.button {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 6px!important;
    border-radius: 3px;
  }
  #neworder .noticeContentsWrapper b.success {
    background: #253858;
  }
  #neworder .noticeContentsWrapper b.proceeding {
    background:#608AFF;
  }
  
  #neworder .noticeContentsWrapper b.operation {
    background:#FFA412;
  }
  #neworder .noticeContentsWrapper p {
    font-size: 14px;
    line-height: 1.82;
    -webkit-user-select: none;
  }
  #neworder .noticeTab {
    margin-right: 10px;
    border-radius: 30px;
    background-color: #F4F4F4;
    color: #5D5D5D;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 5px;
    cursor:pointer;
  }
  #neworder .noticeTab.active {
    background-color: #253858;
    color: #fff;
    font-weight: 700;
    position: relative;
  
  }
  #neworder .noticeTab.active::after {
    display: block;
    content: '';
    position: absolute!important;
    bottom: -12.4px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #608AFF;
    z-index: 9;
  }
  #neworder .noticeContentsWrapper::-webkit-scrollbar {
    width: 3px;  
  }
  #neworder .noticeContentsWrapper::-webkit-scrollbar-thumb {
    height: 10%; 
    background: #1971ea;
  
    border-radius: 10px;
  }
  
  #neworder .noticeContentsWrapper::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  
  }
  #neworder div.optimization {
    display:none;
  }
  /* flex */
  #neworder div.optimization div.linkGuideSnsBox.linkInsta {
    display: flex;
    gap: 10px;
    margin-top: 24px;
  }
  #neworder div.instagramTip div.linkGuideSnsBox.linkInsta {
    display: flex;
    gap: 10px;
    margin-top: 24px;
  }
  #neworder div.optimization div.linkGuideBox_optimization {
    flex:1;
  }
  #neworder div.instagramTip div.linkGuideBox_instagramTip {
    flex:1;
  }
  #neworder div.optimization div.linkGuideBox_optimization li {
    background: #fff;
    display: flex;
    padding: 11px 0;
    color: #5D5D5D;
    font-weight: 500;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 13px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    cursor: pointer;
  }
  #neworder div.instagramTip div.linkGuideBox_instagramTip li {
    background: #fff;
    display: flex;
    padding: 11px 0;
    color: #5D5D5D;
    font-weight: 500;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 13px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    cursor: pointer;
  }
  #neworder div.optimization div.linkGuideBox_optimization li:hover {
    background-color: #E6EFFC;
  }
  #neworder div.instagramTip div.linkGuideBox_instagramTip li:hover {
    background-color: #E6EFFC;
  }
  #neworder div.optimization div.modalBox_optimization {
    position: relative;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 440px;
    height: auto;
    text-align: center;
    border: 1px solid #8A98C0;
    border-radius: 10px;
  }
  
  #neworder div.instagramTip {
    display:none;
  }
  
  #neworder div.linkGuideWrapper {
    display:none;
  }
  
  #neworder div.linkGuideWrapper ul.linkGuideContents {
    display:flex;
    gap: 18px;
  }
  #neworder div.linkGuideWrapper ul.linkGuideContents div.linkGuideSnsBox {
    flex:1;
  }
  #neworder div.linkGuideWrapper ul.linkGuideContents div.linkTitle {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  #neworder div.linkGuideWrapper ul.linkGuideContents div.linkTitle strong {
    color:#5D5D5D;
    font-size:13px;
    font-weight:600;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
    margin-top: 24px;
  }
  #neworder div.linkGuideWrapper ul.linkGuideContents div.linkTitle img {
    padding-right:4px;
  }
  #neworder div.linkGuideWrapper ul.linkGuideContents div.linkGuideBox {
    padding-bottom:4px;
  }
  #neworder div.linkGuideWrapper ul.linkGuideContents div.linkGuideBox li {
    background: #fff;
    display: flex;
    padding: 11px 0;
    color: #5D5D5D;
    font-weight: 500;
    padding-left: 12px;
    padding-right:12px;
    font-size: 13px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    cursor: pointer;
  }
  #neworder div.linkGuideWrapper ul.linkGuideContents div.linkGuideBox li:hover {
    background:#E6EFFC;
  }
  #neworder div.linkGuideWrapper div.linkModal {
    display:none;
    z-index:9999;
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  #neworder div.linkModal_optimization {
    display:none;
    z-index:9999;
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  #neworder div.linkModal_instagramTip {
    display:none;
    z-index:9999;
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  #neworder .modalBox_instagramTip {
    position: relative;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 440px;
    height: auto;
    text-align: center;
    border: 1px solid #8A98C0;
    border-radius: 10px;
  }
  #neworder  div.modalBox {
    position: relative;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 440px;
    height: auto;
    text-align: center;
    border: 1px solid #8A98C0;
    border-radius: 10px;
  }
  #neworder  div.modalContents {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 27px 12px;
    border-bottom: 1px solid #8A98C0;
    gap: 6px;
    background: #3B3B3B;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }
  #neworder  div.modalContents p {
    color: #8A98C0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
  }
  #neworder  div.modalContents i {
    font-size: 42px;
    position: absolute;
    right: 11px;
    top: 13px;
    color: #8A98C0;
    cursor:pointer;
  }
  #neworder  div.modalImgWrapper {
    max-height: 733px;
    height: 100%;
    /*border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;*/
    padding-bottom: 32px;
    background: #3B3B3B;
  }
  #neworder div.linkModal div.modalImgWrapper {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  #neworder div.optimization div.modalImgWrapper {
  
    padding-bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  #neworder div.modal_overflow {
    min-height: 50px;
    overflow-y: auto;
    max-height: 50vh;
    height: 100%;
    padding-bottom: 30px;
  
  }
  #neworder div.instagramTip div.modalImgWrapper {
  
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 0;
  }
  div.modal_overflow::-webkit-scrollbar {
    width: 4px;
    height: 3px;
  }
  div.modal_overflow::-webkit-scrollbar-track {
    background-color: #DFDFDF;
    padding: 2px;
    background-clip: content-box;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  div.modal_overflow::-webkit-scrollbar-thumb {
    background-color: #BDBDBD;
    border-radius: 30px
  }
  div.modal_overflow::-webkit-scrollbar-track-piece {
    background:#fff;
    height:100%;
  }
  
  #neworder div.modalImgWrapper p {
    color: #fff;
    text-align: left;
    width: 100%;
    font-weight: 700;
    max-width: 90%;
    margin: auto;
    font-size: 20px;
    padding: 18px 0;
  }
  #neworder div.optimization div.modalBox_optimization div.modalContents p {
  }
  #neworder div.optimization div.modalBox_optimization strong {
    display: block;
    font-weight: 500;
    color: #fff;
    text-align: left;
    width: 100%;
    max-width: 90%;
    margin: auto;
    font-size: 15px;
    padding: 0 0 18px;
  }
  #neworder div.modalBox_optimization br {
    display:block;
  }
  #neworder div.modalBox_instagramTip br {
    display:block;
  }
  #neworder div.instagramTip div.modalBox_instagramTip strong {
    display: block;
    font-weight: 500;
    color: #fff;
    text-align: left;
    width: 100%;
    max-width: 90%;
    margin: auto;
    font-size: 15px;
    padding: 0 0 18px;
  }
  #neworder div.modalBoxImgDiv {
    height: 100%;
    width: auto;
    max-width: 90%;
    margin: auto;
    background: #fff;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    min-height: 50px;
    overflow-y: auto;
    max-height: 50vh;
  }
  #neworder div.optimization div.modalBoxImgDiv {
    min-height: 100%;
    overflow-y: initial; 
    max-height: 100%;
  }
  #neworder div.instagramTip div.modalBoxImgDiv {
    min-height: 100%;
    overflow-y: initial; 
    max-height: 100%;
  }
  #neworder div.optimization img.modalBoxImg {
    overflow:initial;
  }
  #neworder div.instagramTip img.modalBoxImg {
    overflow:initial;
  }
  
  #neworder  img.modalBoxImg {
    width: 100%;
    max-width: 100%;
    overflow: clip;
  }
  div.modalBoxImgDiv::-webkit-scrollbar {
    width: 4px;
    height: 3px;
  }
  div.modalBoxImgDiv::-webkit-scrollbar-track {
    background-color: #DFDFDF;
    padding: 2px;
    background-clip: content-box;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  div.modalBoxImgDiv::-webkit-scrollbar-thumb {
    background-color: #BDBDBD;
    border-radius: 30px
  }
  div.modalBoxImgDiv::-webkit-scrollbar-track-piece {
    background:#fff;
    height:100%;
  }
  
  #neworder figure {
    cursor:pointer;
    padding: 17px 32px;
    background-color: #FAFAFA;
    margin-bottom:12px;
    border-radius: 10px;
    transition: linear 0.4s;
  }
  #neworder .active strong {
    font-size:20px;
    color:#fff;
  }
  #neworder strong {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #9F9F9F;
  }
  #neworder div.figureDiv {
    display:none;
  }
  #neworder figure strong::after {
    content: "\e942";
    display:inline-block;
    font-family: xeicon!important;
    float:right;
    font-size:23px;
  }
  #neworder figure.active {
    background-color:#008BFF;
    transition: all ease-in-out 0.4s;
  }
  #neworder figure.active div {
    display:block;
    color: #333;
    background-color: #fff;
    border-radius: 10px; 
    padding: 12px 16px;
    margin-top: 10px; 
    font-size: 16px;
    font-weight: 400;
    cursor: auto;
    transition: all ease-in-out 0.4s;
  }
  #neworder div.figureDiv {
    display: none;  
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    justify-content: center;
    flex-direction:column;
    z-index:9999;
  }
  #neworder div.figureDiv.flex {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    justify-content: center;
    flex-direction: column;
    z-index: 9999;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: #0000007d;
  }
  #neworder div.figureDiv.flex div.figureDivInnerWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 5px 9px #00000029;
    padding: 50px 30px;
    max-width: 730px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #neworder strong.figureDivDescription {
    display: flex;
    justify-content: center;
  }
  #neworder div.figureDivInner {
    display: flex;
    justify-content: center;
  }
  #neworder p.figureDivExit {
    display:flex;
    justify-content:center;
  }
  #neworder span.figureDivImgWrapper {
    display: flex;
    flex-direction: column;
    width: 50%;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 50px;
    max-height: 50vh;
  }
  html.htmlOveflow {
    overflow:hidden;
  }
  
  #neworder div.fields {
  
    font-size: 13px;
    width:100%;
  }
  #neworder #fields div.autoFieldsWrapper {
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  
  #neworder #fields div#order_username {
    width:100%;
    background-color: #fff;
    height: auto;
    max-height: 100%;
    border-radius: 5px;
    margin-bottom: 0;
    /* padding-left: 32px; */
    /* padding-right: 32px; */
  } 
  
  #neworder #fields div#order_posts {
    width:100%;
    background-color: #fff;
    height: auto;
    max-height: 100%;
    border-radius: 5px;
    margin-bottom: 0;
    margin-top: -16px;
  }
  #neworder #fields div#order_min {
    width:100%;
    background-color: #fff;
    height: auto;
    max-height: 100%;
    border-radius: 5px;
    margin-bottom: 0;
    /* padding-left: 32px; */
    /* padding-right: 32px; */
  }
  
  #neworder #fields div#order_delay {
    width:100%;
    margin-bottom: 0;
  }
  #neworder #fields div#order_delay .row {
    /* display:flex; */
  }
  #neworder #fields div#order_delay .col-md-6:nth-child(1) {
    background-color: #fff;
    height: auto;
    max-height: 100%;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 16px;
  }
  #neworder #fields div#order_delay .col-md-6:nth-child(2){
    background-color: #F4F5F7;
    height: 116px;
    max-height: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    margin-bottom: 4px;
    width: 50%;
  
    padding-top: 16px;
    padding-right: 0;
  }
  #neworder #fields div#order_delay .input-group {
    padding-top: 0;
    margin: auto;
    max-width: 96%;
    width:100%;
  }
  #neworder div.rightWrapper section.itemDescriptionWrapper div.sectionContents p {
    font-size: 13px;
  }
  #neworder .sec7Container img {
    width:100%;
  }
  #neworder .itemDescriptionWrapper {
    background: #fff;
    border-radius: 5px;
    padding: 20px 39px;
    display: block;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #neworder .sectionTitle {
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    font-weight: 700;
    color: #585858;
  }
  #neworder .itemDescriptionFlexBox {
    border: 2px solid #e7e7e7;
    padding: 16px 0;
    background: #fff;
    border-right: none;
    border-left: none;
  }
  #neworder div.itemCounterDescriptionWrapper {
    display: grid;
    width: 100%;
    gap: 10px;
    /* padding-bottom:20px; */
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
  }
  #neworder div.itemCounterDescriptionWrapper span {
    display: flex;
    border-radius: 3px;
    align-items: center;
    height: 28px;
    max-height: 100%;
    justify-content: flex-start;
    padding: 0 10px;
    justify-content: space-between;
  }
  #neworder div.itemCounterDescriptionWrapper span.start {
    background: #FEE8E2;
    max-width: 151px;
    width: 100%;
    padding: 7px;
  }
  #neworder div.itemCounterDescriptionWrapper strong {
    font-size: 14px;
    font-weight: 600;
    width:auto;
    color: #585858;
  }
  #neworder div.itemCounterDescriptionWrapper div.flexBox1 {
    display:flex;
    gap: 5px;
  }
  #neworder div.itemCounterDescriptionWrapper div.flexBox2 {
  
  }
  #neworder div.itemCounterDescriptionWrapper strong.startCountDescription {
    color:#C14F7C!important;
  }
  #neworder div.itemCounterDescriptionWrapper span.start {
    background: #fff;
    width: auto;
    max-width: 100%;
    padding: 7px 10px;
    justify-content: space-between;
  }
  #neworder div.itemCounterDescriptionWrapper span img {
    width:20px;
  }
  #neworder div.itemCounterDescriptionWrapper span.start strong {
    color: #585858;
  }
  #neworder div.itemCounterDescriptionWrapper span.work {
    width: auto;
    max-width: 100%;
    background: #fff;
    padding: 7px 10px;
  }
  #neworder div.itemCounterDescriptionWrapper span.work strong {
    color: #585858;
  }
  #neworder div.itemCounterDescriptionWrapper span.minimum {
    background: #fff;
  }
  #neworder div.itemCounterDescriptionWrapper span.minimum strong {
    color: #585858;
  }
  #neworder div.itemCounterDescriptionWrapper span.maximum {
    background: #fff;
  }
  #neworder div.itemCounterDescriptionWrapper span.maximum strong {
    color: #585858;
  }
  
  #neworder div.itemCounterDescriptionWrapper strong.minimumDescription {
    color: #C14F7C!important;
  }
  #neworder div.itemCounterDescriptionWrapper strong.workDescription {
    color: #C14F7C!important;
  }
  #neworder div.itemCounterDescriptionWrapper strong.maximumDescription {
    color: #C14F7C!important;
  }
  #neworder .noticeWrapper {
    padding-bottom: 11px;
    align-items: center;
    border-bottom: 1px solid #B5BFDB;
  }
  #neworder .noticeWrapper .noticeTabWrapper {
    display: flex;
    padding-bottom: 11px;
    align-items: center;
    position:relative;
  }
  #neworder .noticeWrapper .noticeTabWrapper::after {
    display: block;
    content: '';
    position: absolute!important;
    bottom: -0.9px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #B5BFDB;
    z-index:1;
  }
  
  #neworder .input-group {
    max-width: 92%;
    display: flex;
  }
  /* --------------------------------- neworder  ---------------------------------*/
  @media (max-width:1730px) {
    #neworder #fields div.autoFieldsWrapper {
      display:flex;
      flex-direction:column;
    }
    #neworder section.orderWrapper div.formWrapper div.inputWrapper input {
      max-width: 100%;
    }
    #neworder #fields div#order_min {
      height: auto;
      /* padding-bottom: 20px; */
    }
    #neworder #order_min input#order_count {
      max-width:100%!important;
      width:100%!important;
      margin-left:0!important;
      /* margin-right: 10px!important; */
    }
    #neworder #fields #order_min div.row {
      display:flex;
      width:100%;
      max-width: 100%;
      margin: auto;
      /* gap: 3px; */
    }
    #neworder #fields div#order_min .col-md-6{
      margin-left: 0;
      margin-right: 10px;
    }
    #neworder #fields div#order_min .col-md-6 + .col-md-6 {
      margin-left:0;
      margin-right:0;
    }
    #neworder #field-orderform-fields-delay {
      max-width: 100%;
    }
  }
  @media (max-width:1530px) {
    #neworder section.orderWrapper div.tabWrapper {
      flex-wrap : wrap;
      padding-bottom:12px;
    }
    #neworder .autoDescriptionWrapper {
      position:relative;
      margin-bottom:0;
      margin-top:16px;
      width: 100%;
      max-width: 100%;
      text-align: center;
    }
  }
  @media (max-width:1400px) {
    #neworder div.wrapper {
      display: block;
      /* margin-left: 0; */
    }
    #neworder section.orderWrapper div.inputWrapper div#services {
      padding-left: 0;
    }
    #neworder section {
      padding:2px 29px 24px 32px;
    }
    #neworder section.orderWrapper {
      height: 100%;
      position: relative;
      max-width: 100%;
      width: 100%;
  
    }
    /* min,max */
    #neworder #fields div#order_min .col-md-6 {
      margin-left: 0;
      margin-right: 10px;
      width: 100%;
      /* margin: auto; */
    }
    #neworder #fields div#order_min .col-md-6+ .col-md-6 {
      margin-right:0;
    }
    #neworder div.rightWrapper {
      padding-left:32px;
      max-width:100%;
      margin-right: 29px;
    }
    #neworder div.rightWrapper section.counterWrapper {
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
      margin: 32px 0 32px 0;
    }
    #neworder div.rightWrapper section.counterWrapper div.counterBox {
      width:auto;
    }
    #neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .moveDiv {
      display: inline-flex;
      padding: 2px 5px 1px;
      align-items: center;
      font-weight: 600;
      border-radius: 3px;
      margin: 0;
    }
    /*#neworder .toastWrapper {
    width:96%;
    margin: 32px auto 0;
  }*/
    #neworder .help-block {
      /* margin-bottom: 5px!important; */
      padding-left: 3px;
    }
    #neworder select#field-orderform-fields-delay {
      margin-bottom:15px;
      max-width: 100%;
    }
  
  }
  @media (max-width:1000px) {
    #neworder #fields div.autoFieldsWrapper {
      display:flex;
      flex-direction:column;
    }
  
  }
  @media (max-width: 768px){
  
    #neworder div.wrapper {
  
    }
    #neworder section {
  
    }
    #neworder div.wrapper {
      display: block;
      padding: 8px 16px!important;
      margin: 0;
    }
    #neworder section.orderWrapper .sectionTabWrapper .sectionTab {
      font-size:16px;
      margin-right:13px;
    }
    #neworder section.orderWrapper .sectionTabWrapper .sectionTab.active {
      font-size:16px;
    }
    #neworder section.orderWrapper div.inputWrapper div#services {
      display: grid;
      gap: 5px;
      padding-left: 0;
      grid-template-columns: 1fr 1fr;
      margin-right: 0;
    }
    #neworder section.orderWrapper {
      margin-right:0;
      margin-bottom: 26px;
      padding: 0;
    }
    #neworder div.rightWrapper {
      margin-right:0;
    }
    #neworder div.rightWrapper section.counterWrapper {
      margin: 0 0 28px 0;
    }
    #neworder div.rightWrapper section.confirmTimeWrapper {
      margin: 0 0px 28px 0;
      font-size: 12px;
    }
    #neworder div.rightWrapper section.noticeWrapper {
      margin: 0 0 0 0;
    }
    #neworder .itemDescriptionWrapper {
      margin: 40px 0 40px 0;
      font-size: 12px;
    }
    #neworder .noticeContentsWrapper p {
      font-size: 10px;
    }
    #neworder section.orderWrapper div.tabWrapper {
      padding-bottom:18px;
      margin-left: 0;
    }
    #neworder section.orderWrapper div.tabWrapper div.tab .tabIcon {
      display:block;
      padding-right:0;
    }
  
    #neworder section.orderWrapper div.tabWrapper div.tab {
  
    }
    #neworder figure {
      padding: 12px;
    }
    #neworder strong {
      font-size:15px;
    }
    #neworder .active strong {
      font-size:17px;
    }
    #neworder figure strong::after {
      font-size:16px;
    }
    #neworder figure div {
      width:auto;
      padding:12px;
    }
    #neworder .autoDescriptionWrapper {
      padding: 18px 10px;
      margin-bottom: 0;
    }
    #neworder .autoDescriptionWrapper strong {
      font-size: 11px;
    }
    #neworder .autoDescriptionWrapper i {
      padding-top: 4px;
      padding-right: 6px;
    }
  
  
    #neworder figure.active div {
      font-size:10px!important;
      padding: 12px;
    }
  
    #neworder section.orderWrapper div.tabWrapper div.tab .tabIcon img {
      width: 22px;
      height: 25px;
      padding-bottom: 3px;
    }
    #neworder section.orderWrapper div.tabWrapper div.tab:nth-child(4) img {
      padding: 4px 0;
    }
    #neworder section.orderWrapper div.tabWrapper div.tab.active {
      font-size:10px;
    }
    #neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper {
      padding-bottom:0;
    }
    #neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText {
      font-size: 20px;
    }
    #neworder div.rightWrapper section.counterWrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }
    #neworder div.rightWrapper section.counterWrapper div.counterBox {
      height: 136px;
      width: auto;
    }
    #neworder .noticeTab {
      font-size:14px;
    }
    #neworder .linkGuideWrapper {
      padding-top: 16px;
    }
    #neworder #fields div.order-wrapper {
      display: flex;
      width:100%;
      max-width:100%;
      flex-wrap:wrap;
    }
    #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.dripfeed-wrapper {
      flex-direction:column;
    }
  
    #neworder #fields div.form-group#order_link input.form-control {
      max-width: 100%;
    }
    #neworder #fields div.form-group#order_quantity input.form-control {
      max-width: 100%;
    }
    #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(1) input.form-control, #neworder #fields #dripfeed div.depend-fields#dripfeed-options div.form-group:nth-of-type(2) input.form-control {
      max-width: 100%!important;
    }
    #neworder .toastWrapper.error {
      margin:32px auto 0;
    }
  
    #neworder section.orderWrapper div.chargeWrapper {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    #neworder section.orderWrapper div.formWrapper section.counterWrapper div.counterBox {
      padding:12px 0;
    }
    #neworder section.orderWrapper {
      margin-bottom:20px;
    }
    #neworder div.rightWrapper {
      padding-left:0;
    }
    #neworder #fields div.autoFieldsWrapper {
      display:flex;
      flex-direction:column;
    }
    #neworder section.orderWrapper div.formWrapper div.inputWrapper input {
      max-width: 100%;
    }
    #neworder #fields div#order_min {
      height:auto!important;
      padding-bottom: 0;
    }
    #neworder #order_min .col-md-6:nth-child(1) input {
      max-width:96.7%!important;
      margin-left:auto!important;
    }
    #neworder #order_min .col-md-6:nth-child(2) input {
      max-width:96.7%!important;
      margin-right:auto!important;
    }
    #neworder .help-block {
      margin-bottom:5px!important;
    }
    #neworder select#field-orderform-fields-delay {
      max-width: 100%;
      background: url(https://storage.perfectcdn.com/gz2yx6/zpju4jm5eb616qa6.png) no-repeat 98%;
      background-color:#fff;
    }
    #neworder div.orderExit .input-group {
      max-width:100%;
      display:flex;
    }
    #neworder div.orderExit input#field-orderform-fields-expiry {
      max-width: 100%;
      background-position: 98%;
    }
    #neworder span.input-group-btn img {
      position:absolute;
      right:8px;
      top:4px;
    }
  }
  @media (max-width:600px) {
    #neworder div.linkGuideWrapper ul.linkGuideContents {
      flex-direction:column;
    }
    #neworder div.linkGuideWrapper ul.linkGuideContents div.linkTitle {
      justify-content:flex-start;
      text-align:left;
    }
    #neworder div.linkGuideWrapper ul.linkGuideContents div.linkTitle strong {
      margin-top:0;
    }
    #neworder .linkInsta strong {
      margin-top:24px;
    }
  
  
  }
  @media (max-width:550px) {
    #neworder .noticeWrapper .noticeTabWrapper {
      display:grid;
      grid-template-columns:1fr 1fr;
      text-align:center;
    }
    #neworder .noticeTab {
      margin-bottom:21px;
    }
    #neworder .noticeTab + .noticeTab + .noticeTab {
      margin-bottom:0;
    }
    #neworder .noticeTab + .noticeTab + .noticeTab + .noticeTab{
      margin-bottom:0;
    }
    #neworder div.modalImgWrapper div.modal_overflow p {
      font-size:15px;
    }
    #neworder div.instagramTip div.modalBox_instagramTip strong {
      font-size:13px;
    }
    #neworder div.optimization div.modalBox_optimization strong {
      font-size:13px;
    } 
  }
  @media (max-width:500px) {
    #neworder div.linkModal div.modalBox {
      width:90%!important;
    }
    #neworder div.modalBox_optimization {
      width:90%!important;
    }
    #neworder div.modalBox_optimization br {
      display:none;
    }
    #neworder div.modalBox_instagramTip {
      width:90%!important;
    }
    #neworder div.modalBox_instagramTip br {
      display:none;
    }
  
    #neworder div.modalContents p {
      font-size:13px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    #neworder div.modalContents {
      gap:8px;
      justify-content:flex-start;
      align-items:center;
    }
    #neworder div.modalContents i {
      font-size:37px;
      right:3px;
      top:16px;
    }
  
  }
  @media (max-width:400px) {
    .select2-container .select2-selection__text {
      font-size:12px;
    } 
  }
  @media (max-width:360px) {
    #neworder .itemDescriptionFlexBox {
      padding:9px 6px 9px;
    }
    #neworder div.itemCounterDescriptionWrapper {
      gap:5px;
    }
    #neworder div.itemCounterDescriptionWrapper span.work {
      height:auto;
    }
  }
  @media (max-width:350px) {
    #neworder .noticeTab {
      font-size:11px;
    }
    #neworder div.instagramTip div.linkGuideBox_instagramTip li {
      font-size:11px;
    }
    #neworder div.optimization div.linkGuideBox_optimization li {
      font-size:11px;
    }
  }
  @media (max-width:330px) {
    #neworder section.orderWrapper div.tabWrapper div.tab {
      width:59px;
      height:59px;
    }
  }
  #orders {
    width: 100%;
  }
  
  #orders .wrapper {
    margin-left: 40px;
    margin-top: 50px;
    margin-right: 56px;
  }
  
  
  #orders div.totalWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
  }
  
  #orders div.totalWrapper div.totalBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    border: 1px solid #008BFF;
    border-radius: 25px;
    padding: 39px 10px;
    box-shadow: 0px 0px 20px #00000029;
    height: 135px;
  }
  
  #orders div.totalWrapper div.totalBox+div.totalBox {
    margin-left: 32px;
  }
  
  #orders div.totalWrapper div.totalBox p.count {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 9px;
    text-align: center;
  }
  #orders div.totalWrapper div.totalBox p.count::after {
    display:block;
    content:'';
    background-color:#000;
    width:20px;
    height:1px;
    margin: 7px auto;
  }
  
  #orders div.totalWrapper div.totalBox p.name {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-align: center;
  }
  
  #orders div.orderHistoryWrapper {
    height: auto;
    border-radius: 20px;
    margin-bottom: 60px;
  }
  
  #orders .orderHistoryWrapper button,
  #orders .orderHistoryWrapper a,
  #orders .orderHistoryWrapper select{
    outline: 0;
  }
  #orders .orderHistoryWrapper button.refillButton {
    height:24px
  }
  #drip-feed .filterWrapper button, 
  #drip-feed .filterWrapper a,
  #drip-feed .filterWrapper select {
    outline:0;
  }
  #subscriptions .filterWrapper button, 
  #subscriptions .filterWrapper a, 
  #subscriptions .filterWrapper select {
    outline:0;
  }
  #orders div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #fff;
    height: 64px;
    padding: 0 4px;
    padding-left: 14px;
    gap: 11px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border-radius: 44px;
  }
  #orders select {   
    border-radius: 20px!important;
    color: #fff!important;
    padding: 0 12px!important;
    height: 40px!important;
    appearance: none;
    background-image: url('https://storage.perfectcdn.com/5xv0fj/ss2cnj562emqqu90.png')!important;
    background-color: #04BCB1!important;
    background-repeat: no-repeat;
    background-position: 130px;
    background-size: 15px;
  }
  #orders option , #subscriptions option , #drip-feed option {
    color: #222;
    background-color: #fff;
  }
  #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    gap: 6px;
  }
  
  #orders .input-group .form-control:first-child {
    border-radius: 20px 0 0 20px;
  }
  #orders .btn-default {
    border-radius: 0 20px 20px 0;
    background-color: #fff;
    border-right: 1px solid #DBDBDB!important;
    border-top: 1px solid #DBDBDB!important;
    border-bottom: 1px solid #DBDBDB!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
    height: 43px!important;
  }
  #orders .input-group .form-control {
    width: 350px;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 34px;
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #9F9F9F;
  }
  
  #orders .btn-default {
    border-radius: 0 20px 20px 0;
    background-color: #fff;
    border-right: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    border-left: none;
  }
  #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #F4F4F4;
    border-radius: 10px;
    padding: 10px 22px;
    cursor: pointer;
    background: #F4F4F4;
  }
  
  #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton + div.statusButton {
    margin-left: 8px;
  }
  
  #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active {
    background: #000;
  }
  
  #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton a {
    font-size: 14px;
    color: #C9C9C9;
    font-weight: 500;
  }
  #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active a {
    color:#fff;
    font-weight: 600;
  
  }
  #orders i {
    color: #9F9F9F;
    font-size: 20px;
  }
  
  #orders .table > thead > tr > th {
    border-top: 2px solid #008BFF!important;
    border-bottom: 1px solid #008BFF;
    padding: 12px 10px;
    font-size: 13px;
    align-items: center;
    vertical-align: middle;
    text-align: center;
  }
  #orders .width-40 {
    width: 31% !important;
    word-break: break-all;
    min-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #orders .table > tbody > tr > td {
    text-align: center!important;
  }
  #orders .btn-default {
    border-radius: 0 20px 20px 0;
    background-color: #fff;
    border-right: 1px solid #DBDBDB!important;
    border-top: 1px solid #DBDBDB!important;
    border-bottom: 1px solid #DBDBDB!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
  }
  
  #orders div.orderListWrapper {
    display:flex;
    flex-direction: column;
  }
  #orders div.orderList {
    width: 100%;
    max-width: 100%;
    margin: 0;
    width: 100%;
    display: table;
    border-collapse: collapse;
    border: none;
    table-layout:fixed;
    /* border: 1px solid #ddd; */
  }
  #orders div.orderList div.orderTitle {
    display: flex;
    border: none;
    background-color: #fff;
    padding: 13px 25px;
    height: 70px;
    cursor: pointer;
    position: relative;
    width: 100%;
    align-items: center;
    margin: auto;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 14px;
    /* border: 1px solid #000; */
  }
  @media (min-width:400px){
    #orders div.orderList div.orderTitle:hover {
      background-color:#04BCB1;
    }
  
    #orders div.orderList div.orderTitle:hover::after {
      color:#fff;
    }
    #orders div.orderList div.orderTitle:hover span#copyLink {
      color:#fff;
    }
    #orders div.orderList div.orderTitle:hover div.orderTitleServiceBox strong {
      color:#fff;
    }
    #orders div.orderList div.orderTitle:hover strong {
      color:#fff;
    }
  }
  #orders div.orderList div.orderTitle.active {
    background-color: #04BCB1;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
  }
  #orders div.orderList div.orderTitle.active strong {
    color:#fff;
  }
  #orders div.orderList div.orderTitle.active::after {
    color:#fff!important;
    display: table-cell;
    vertical-align: middle;
  }
  #orders div.orderList div.orderTitle::after {
    font-size: 20px;
    font-family: xeicon!important;
    content: "\e942";
    right: 15px;
    bottom: auto;
    transition: all 0.2s ease-in-out;
    transform: rotate(0deg);
    color: #222;
    display: table-cell!important;
    vertical-align: middle!important;
    width: auto;
  }
  #orders div.orderList.active .orderTitle::after {
    bottom: 30px;
    transform: rotate(180deg);
  }
  @media (max-width:1300px){
    #orders div.orderList div.orderTitle::after {
      position:absolute;
      transform:translate(-50%,-50%);
      top:50%;
    }
  }
  
  #orders div.orderList div.orderId {
    display: table-cell!important;
    vertical-align: middle;
    text-align: left;
    width: 15%;
  }
  #orders div.orderList div.orderId strong + strong{
    color: #9F9F9F;
    margin-left: 8px;
    font-size: 14px;
    padding-left: 0;
  }
  #orders div.orderList div.orderDate {
    flex: 1 1 500px;
    align-items: center;
    display: table-cell;
    vertical-align: middle;
    width: 35%;
  }
  #orders div.orderList div.orderService {
    flex: 1 1 353px;
    text-align: right;
    display: flex;
    justify-content: flex-end!important;
    justify-content: normal;
    display: table-cell;
    /* display: table-row; */
    vertical-align: middle;
    width: 26%;
  }
  #orders div.orderList div.orderDate div.orderDateBox {
    display: flex;
    align-items: center;
    flex: 1 1 22%;
    justify-content: flex-start;
  }
  #orders div.orderList div.orderStatusJJin {
    flex: 1 1 156px;
    justify-content: flex-end;
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: left;
  }
  #orders div.orderList div.orderDate span#copyLink {
    position: relative;
    color: #608AFF;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    max-width: 400px;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #orders div.orderList .orderTitle.active div.orderDate span#copyLink {
    color:#fff;
  }
  
  /*  */
  #orders #orderCopy {
    position: relative;
    border: 1px solid #608AFF;
    background-color:#fff;
    padding: 6px 5px;
    margin-left: 10px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  @media (max-width:1690px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:300px;
    }
  }
  #orders div.orderList div.orderStatus {
    flex: 1 1 auto;
    /* text-align: right; */
    /* margin-right: 17px; */
    display: table-cell;
    /* display: table-row; */
    vertical-align: middle;
    text-align: right;
    margin-right: 36px;
    width: 10%;
  }
  #orders div.orderTitleServiceBox {
    /* display: flex; */
    /* gap: 100px; */
    /* flex: 0 0 100px!important; */
    text-align: left;
    /* vertical-align: super; */
  }
  #orders div.orderTitleServiceBox strong {/* display: flex; *//* align-items: center; */}
  #orders div.orderTitleServiceBox strong + strong {}
  
  
  #orders div.orderList div.orderContents {
    background: #fff;
    line-height: 24px;
    color: #222;
    border-top: 0;
    margin-top: 4px;
    overflow:hidden;
    border-radius: 14px;
    opacity:0;
    height:0;
    transition:linear .3s;
    border: 1px solid #ddd;
  }
  #orders div.orderList div.orderContents.active {
    overflow: visible;
    opacity: 1;
    height: auto;
    max-height: 100%;
    margin-bottom: 10px;
  }
  #orders div.orderList div.orderContents strong {
    color:#5D5D5D;
    font-size:12px;
    font-weight:600;
  }
  
  #orders span#orderCopy2 {
    position: relative;
    border: 1px solid #608AFF;
    background-color: #fff;
    padding: 6px 5px;
    margin-left: 10px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #orders div.orderList div.orderContents.active strong.orderList {
    color:#fff;
  }
  /* */
  #orders div.orderList.active .orderContents {
    opacity: 1;
    max-height: 100%;
    height: 185px;
    transition: all 0.3s ease-in-out;
    overflow: visible;
  }
  
  
  #orders div.orderList div.orderContents ul {
    /* border: 1px solid #ddd; */
    background: #04bcb100;
    padding: 8px 16px 8px;
  }
  #orders div.orderList div.orderContents li{
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }
  #orders div.orderList div.orderContents a.orderLinkCopy {
    position: relative;
    color: #608AFF;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    max-width: 600px;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width:1100px) {
    #orders div.orderList div.orderContents a.orderLinkCopy {
      max-width:400px;
    }
  }
  @media (max-width:850px) {
    #orders div.orderList div.orderContents a.orderLinkCopy {
      max-width:200px;
    }
  }
  @media (max-width:360px) {
    #orders div.orderList div.orderContents a.orderLinkCopy {
      max-width:100px;
    }
  }
  #orders div.orderList strong.orderList {
    color:#fff;
    font-size:12px;
    padding: 0 5px 0px;
    border-radius:3px;
    display:flex;
    align-items:center;
    display: inline-flex;
    height:22px;
    line-height: 1.2;
    background-color:#253858;
  }
  /* */
  #orders div.orderList strong.orderList.Completed {
    background-color:#253858;
    display: inline-flex;
    justify-content: end;
  }
  #orders div.orderList strong.orderList.Canceled {
    background-color:#D92F0E;
  }
  #orders div.orderList strong.orderList.yellow {
    background-color:#9F9F9F;
  }
  #orders div.orderList strong.orderList.Inprogress {
    background-color:#608AFF;
  }
  #orders div.orderList strong.orderList.Processing {
    background-color:#FDA412;
  }
  #orders div.orderList strong.orderList.Partial {
    background-color:#B512FD;
  } 
  #orders .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 100%;
    max-width: 49px;
  }
  #orders .input-group-btn {
    background-image: url(https://storage.perfectcdn.com/7mcojg/wg1gqtjxsupdhwht.png);
    background-repeat: no-repeat;
    padding: 0;
    background-position: center;
  }
  #orders .btn-default {
    border-radius: 0;
    border:none!important;
    background-color: #fff;
    padding: 0px 18px;
    background-image: none;
    height: 34px!important;
    display: flex;
    align-items: center;
    box-shadow: none!important;
    background: transparent;
  }
  
  #subscriptions {
    width: 100%;
  }
  
  #subscriptions .wrapper {}
  
  #subscriptions .wrapper .subscriptionWrapper {
    height: auto;
    border-radius: 20px;
    margin-bottom: 60px;
    margin-left: 40px;
    margin-right: 56px;
    margin-top: 50px;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionList {
    max-width: 100%;
    margin: 0;
    width: 100%;
    display: table;
    border-collapse: collapse;
    border: none;
    table-layout: fixed;
  
  }
  /* subscription title */
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle {
    display: flex;
    border: none;
    background-color: #fff;
    padding: 13px 25px;
    height: 70px;
    cursor: pointer;
    position: relative;
    width: 100%;
    align-items: center;
    margin: auto;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 14px;
  }
  
  
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle.active {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
  }
  @media (min-width:400px){
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle:hover {
      background-color: #04BCB1;
    }
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle:hover strong,
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle:hover span,
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle:hover strong.subscription_link,
    #subscriptions .wrapper .subscriptionWrapper .subscriptionTitle:hover::after{
      color: #fff;
    }
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle.active strong {
    color:#fff!important;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle.active span {
    color:#fff;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle.active::after {
    color:#fff!important;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionId {
    max-width: 100%;
    display: table-cell!important;
    vertical-align: middle;
    text-align: left;
    padding-left: 24px;
    width: 15%;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionId strong + strong {
    color: #9F9F9F;
    margin-left: 8px;
    font-size: 14px;
    padding-left: 0;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionDate {
    max-width: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
  }
  #subscriptions div.subscription_Service {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
  }
  #subscriptions div.subscription_Status_JJin {
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    text-align: center;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionDate div.sub_flex {
    display:flex;
    align-items:center;
    gap:10px;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionDate strong.subscription_link {
    position: relative;
    color: #608AFF;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
  }
  #subscriptions .wrapper .subscriptionWrapper span#subscriptionCopy {
    position: relative;
    border: 1px solid #608AFF;
    background-color: #fff;
    padding: 4px 5px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    height: 25px;
  }
  
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionStatus {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 15%;
  }
  /**/
  #subscriptions strong.subscriptionList {
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #fff!important;
    padding: 2px 5px;
    display: inline-flex;
    align-items: center;
    height: 20px;
    line-height: 1;
  }
  #subscriptions div.subscriptionContents strong.subscriptionsList {
    font-size: 12px;
    padding: 6px 9px;
    color:#fff;
  }
  #subscriptions strong.subscriptionList.Paused {
    background-color:#9F9F9F;
  }
  #subscriptions strong.subscriptionList.Active {
    background-color:#608AFF;
  }
  #subscriptions strong.subscriptionList.Canceled {
    background-color:#D92F0E;
  }
  #subscriptions strong.subscriptionList.Completed {
    background-color:#253858;
  }
  #subscriptions strong.subscriptionList.Expired {
    background-color:#806859;
  }
  
  /* subscription contents */
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionContents {
    background: #fff;
    line-height: 24px;
    color: #222;
    border-top: 0;
    margin-top: 4px;
    overflow: hidden;
    border-radius: 14px;
    opacity: 0;
    height: 0;
    transition: linear .3s;
    border: 1px solid #ddd;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionContents ul {
    background: #04bcb100;
    padding: 8px 16px 8px;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionContents ul>li {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionContents ul>li strong {
    color: #5D5D5D;
    font-size: 12px;
    font-weight: 600;
  }
  #subscriptions span#subscriptionCopy2 {
    position: relative;
    border: 1px solid #608AFF;
    background-color: #fff;
    padding: 4px 5px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    height: 25px;
  }
  #subscriptions .wrapper .subscriptionWrapper div.subscriptionContents.active {
    overflow: visible;
    opacity: 1;
    height: auto;
    max-height: 100%;
    margin-bottom: 10px;
  }
  #subscriptions .wrapper .subscriptionWrapper .subscriptionTitle::after {
    font-size: 20px;
    font-family: xeicon!important;
    content: "\e942";
    transition: all 0.2s ease-in-out;
    transform: rotate(0deg);
    color: #222;
    display: table-cell!important;
    vertical-align: middle!important;
  }
  #subscriptions div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #fff;
    height: 64px;
    padding: 0 4px;
    padding-left: 14px;
    gap: 11px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border-radius: 44px;
  }
  #orders select,
  #drip-feed select,
  #subscriptions select,
  #refill select {
    appearance: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 156px;
    max-width: 100%;
    border: none;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    background-image: url('https://storage.perfectcdn.com/5xv0fj/ss2cnj562emqqu90.png')!important;
    background-repeat: no-repeat;
    background-position: 93%;
    background-size: 15px;
    background-color:#04BCB1!important;
    border-radius: 20px!important;
    color: #fff!important;
    padding: 0 12px!important;
    height: 40px!important;
  }
  @media (max-width:768px) {
    #orders select,
    #drip-feed select,
    #subscriptions select {
      width:120px;
      background-position: 93%;
      background-size:12px
    }
  }
  @media (max-width:400px){
    #orders select,
    #drip-feed select,
    #subscriptions select {
      width:100%;
      max-width:100%;
    }
  }
  #subscriptions .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: auto;
  }
  #subscriptions .input-group-btn {
    z-index: 9;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 100%;
    max-width: 49px;
    background-image: url(https://storage.perfectcdn.com/7mcojg/wg1gqtjxsupdhwht.png);
    background-position: center center;
    width: auto;
    background-repeat: no-repeat;
  }
  #subscriptions table thead {
    border-top: 2px solid #008BFF;
    border-bottom: 1px solid #008BFF;
  }
  
  #subscriptions .table > thead > tr > th {
    text-align: center;
    border-bottom: 1px solid #008BFF;
  }
  #subscriptions  .table > tbody > tr > td {
    text-align: center;
  } 
  #subscriptions tr:nth-child(even) {
    background-color:#F2FCFF;
  }
  
  #subscriptions .btn-xs, .btn-group-xs > .btn {
    height: auto;
    padding: 4px 9px 2px!important;
    font-size: 14px;
    border-radius: 5px!important;
    color: #fff;
    background-color: #608AFF!important;
    line-height: 1.6;
  }
  #subscriptions .table > tbody > tr > td:last-child {
    padding: 10px;
  }
  #subscriptions .btn-xs:hover {
    background-color: #008BFF!important;
  }
  #subscriptions .btn-primary {
    color: #fff;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    outline: none;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 3px!important;
    height: 20px;
  }
  
  #subscriptions .btn-default.cancel {
    background-color: #fff !important;
    border-left: 1px solid;
    border-color: #000 !important;
    color: #000;
  }
  
  
  #subscriptions .btn-default.cancel:hover {
    background:#000!important;
    color: #fff;
  }
  
  
  
  #subscriptions .input-group .form-control:first-child {
    border-radius: 20px 0 0 20px;
    border-right: none;
  }
  #subscriptions .btn-default {
    border-radius: 0 20px 20px 0;
    background-color: #fff;
    border-right: 1px solid #DBDBDB!important;
    border-top: 1px solid #DBDBDB!important;
    border-bottom: 1px solid #DBDBDB!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
  }
  #subscriptions button.btn {  
    border-radius: 0;
    border: none!important;
    padding: 0px 18px;
    background-image: none;
    height: 34px!important;
    width: 36px;
    display: flex;
    align-items: center;
    box-shadow: none!important;
    background: transparent!important;
    display: flex;
    align-items: center;
    box-shadow: none!important;
  }
  #subscriptions .input-group .form-control {
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 34px;
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #9F9F9F;
    width: 152px;
  }
  
  #subscriptions .btn-default {
    background-color: #fff !important;
    border-left: 1px solid;
    border-color: #000 !important;
    color: #000;
    font-size: 12px;
    border-radius: 3px!important;
    padding: 3px 10px 2px!important;
    line-height: 1.6;
  }
  
  #subscriptions div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 10px 22px;
    cursor: pointer;
  }
  
  #subscriptions i {
    color: #AFAFAF;
    font-size: 20px;
  }
  
  
  #drip-feed {
    width: 100%;
  }
  #drip-feed a {
    color: #2fa4e7;
    text-decoration: underline;
  }
  #drip-feed .table > thead {
    border-top: 2px solid #008BFF!important;
    border-bottom: 1px solid #008BFF!important;
  }
  #drip-feed .table > thead > tr > th {
    border-bottom: 1px solid #008BFF!important;
    text-align:center;
  }
  #drip-feed .wrapper {
    margin-left: 40px;
    margin-top: 50px;
    margin-right: 56px;
  }
  @media (max-width:1100px){
    #drip-feed .wrapper {
      padding: 0 16px 100px 16px!important;
      margin: 20px 0 0;
    }
  }
  #drip-feed div.wrapper div.dripFeedWrapper {
    height: auto;
    border-radius: 20px;
    margin-bottom: 60px;
  }
  @media (max-width: 768px) {
    #drip-feed .wrapper {
      max-width: 100%;
      padding: 0 16px 0 16px;
    }
    #drip-feed div.wrapper div.dripFeedWrapper {
      margin:0;
    }
  }
  #drip-feed tbody {
    text-align:center;
  }
  
  #drip-feed div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #fff;
    height: 64px;
    padding: 0 4px;
    padding-left: 14px;
    gap: 11px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border-radius: 44px;
  }
  
  #drip-feed .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    max-width: 100%;
  }
  #drip-feed span.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 100%;
    max-width: 49px;
    background-image: url('https://storage.perfectcdn.com/7mcojg/wg1gqtjxsupdhwht.png');
    background-repeat: no-repeat;
    background-position: center center;
  }
  #drip-feed button.btn.btn-default {
    border-radius: 0;
    border: none!important;
    padding: 0px 18px;
    background-image: none;
    height: 34px!important;
    display: flex;
    align-items: center;
    box-shadow: none!important;
    background: transparent;
  }
  #drip-feed div.input-group i {
    color: #AFAFAF;
    font-size: 20px;
  }
  #drip-feed input.form-control {
    width: 350px;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 34px;
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #9F9F9F;
  }
  
  #account .alert-success {
    margin-left: 40px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    margin-top: 20px;
    margin-right: 56px;
  }
  @media (max-width:1100px){
    #account .alert-success {
      margin-right:0;
      margin-left:0;
      max-width:95%;
      margin:20px auto 0;
    }
  }
  #account .alert-success span {
    color: #686868;
  }
  
  #drip-feed .input-group .form-control:first-child {
    border-radius: 20px 0 0 20px;
  }
  #drip-feed .btn-default {
    border-radius: 0 20px 20px 0;
    background-color: #fff;
    border-right: 1px solid #DBDBDB!important;
    border-top: 1px solid #DBDBDB!important;
    border-bottom: 1px solid #DBDBDB!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
  }
  #drip-feed .input-group .form-control {
    width: 352px;
  }
  
  
  #drip-feed .btn-default {
    border-radius: 0 20px 20px 0;
    background-color: #fff;
    border-right: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    border-left: none;
    height:43px;
  }
  #drip-feed div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 10px 22px;
    cursor: pointer;
  }
  
  #drip-feed i {
    color: #AFAFAF;
    font-size: 20px;
  }
  @media (max-width:768px){
    #drip-feed div.filterWrapper {
      margin-bottom:18px;
      flex-wrap:wrap;
      padding-top: 10px;
      padding-bottom: 12px;
      height: auto;
      padding: 10px 11px 12px 11px;
    }
    #drip-feed .input-group .form-control {
      width: auto;
    }
  }
  @media (max-width:350px){
    #drip-feed div.filterWrapper>div {
      width: 100%;
    }
    #drip-feed .filterWrapper select {
      width:100%;
    }
  }
  @media (max-width:400px){
    #drip-feed div.filterWrapper {
      border-radius:14px;
    }
  }
  #drip-feed .table > thead > tr > th {
    padding:8px 0;
  }
  #drip-feed div.dripFeedListWrapper {
    display:flex;
    flex-direction:column;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList {
    max-width: 100%;
    margin: 0;
    width: 100%;
    display: table;
    border-collapse: collapse;
    border: none;
    table-layout: fixed;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle {
    display: flex;
    border: none;
    background-color: #fff;
    padding: 13px 25px;
    height: 70px;
    cursor: pointer;
    position: relative;
    width: 100%;
    align-items: center;
    margin: auto;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 14px;
  }
  @media (min-width:400px){
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle:hover {
      background-color: #04BCB1;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle:hover::after {
      color:#fff;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle:hover span#dripFeedcopyLink {
      color:#fff;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle:hover .orderTitleServiceBox strong{
      color:#fff;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle:hover strong {
      color: #fff!important;
    }
  }
  
  /* active */
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle.active {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle.active span#dripFeedcopyLink {
    color:#fff;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle.active strong {
    color:#fff!important;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedTitle::after {
    font-size: 20px;
    font-family: xeicon!important;
    content: "\e942";
    transition: all 0.2s ease-in-out;
    transform: rotate(0deg);
    color: #222;
    display: table-cell!important;
    vertical-align: middle!important;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedTitle.active::after {
    color: #fff;
  }
  @media (max-width:1300px){
    #drip-feed div.dripFeedListWrapper div.dripFeedTitle::after {
      position:absolute;
      top:50%;
      transform:translate(-50%,-50%);
      right:13px;
    }
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle div.dripFeedId{
    max-width: 100%;
    display: table-cell!important;
    vertical-align: middle;
    text-align: left;
    padding-left: 24px;
    width: 15%;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle div.dripFeedId strong + strong {
    color: #9F9F9F;
    margin-left: 8px;
    font-size: 14px;
    padding-left: 0;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle div.dripFeedDate {
    max-width: 100%;
    gap: 100px;
    display: table-cell;
    vertical-align: middle;
    width: 35%;
  }
  #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle div.dripFeedDate div.dripFeedDateBox {
    display: flex;
    align-items: center;
  }
  #drip-feed span#dripFeedcopyLink {
    position: relative;
    color: #608AFF;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    max-width: 400px;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #drip-feed span#dripFeedCopy {
    position: relative;
    border: 1px solid #608AFF;
    background-color: #fff;
    padding: 6px 5px;
    margin-left: 10px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  @media (max-width:400px){
    #drip-feed span#dripFeedCopy {
      padding:4px;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle strong {
      font-size:12px;
    }
  }
  
  @media (max-width:1750px) {
    #drip-feed span#dripFeedcopyLink {
      max-width:300px;
    }
  }
  @media (max-width:1550px) {
    #drip-feed span#dripFeedcopyLink {
      max-width:200px;
    }
  }
  @media (max-width:400px){
    #drip-feed span#dripFeedcopyLink {
      font-size:12px;
    }
  }
  #drip-feed div.dripFeedService {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    width: 26%;
  }
  #drip-feed div.dripFeedStatusJJin {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: left;
  }
  #drip-feed div.dripFeedTitleServiceBox {
    display: flex;
    gap: 100px;
    align-items:center;
  }
  #drip-feed div.dripFeedList strong.dripFeedList {
    color:#fff;
    font-size:12px;
    padding:3px 5px 2px;
    border-radius:3px;
    background-color: #253858;
    display: inline-flex;
    align-items:center;
    justify-content: end;
    height: 23px;
  }
  #drip-feed div.dripFeedList strong.dripFeedList.Completed  {
    background-color:#253858;
  }
  #drip-feed div.dripFeedList strong.dripFeedList.Canceled {
    background-color:#D92F0E;
  }
  #drip-feed div.dripFeedList strong.dripFeedList.Active {
    background-color:#608AFF;
  }
  
  
  #drip-feed div.dripFeedStatus {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 10%;
  }
  
  #drip-feed div.dripFeedContents {
    background: #fff;
    line-height: 24px;
    color: #222;
    border-top: 0;
    margin-top: 4px;
    overflow: hidden;
    border-radius: 14px;
    opacity: 0;
    height: 0;
    transition: linear .3s;
    border: 1px solid #ddd;
  }
  #drip-feed div.dripFeedContents.active {
    overflow: visible;
    opacity: 1;
    height: auto;
    max-height: 100%;
    margin-bottom: 10px;
  }
  #drip-feed div.dripFeedContents strong {
    color: #5D5D5D;
    font-size: 12px;
    font-weight: 600;
  }
  #drip-feed div.dripFeedContents strong.dripFeed_Service {
  
  }
  @media (max-width:400px) {
    #drip-feed div.dripFeedContents strong.dripFeed_Service {
      width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  @media (max-width:360px) {
    #drip-feed div.dripFeedContents strong.dripFeed_Service {
      width:170px;
    }
  }
  #drip-feed div.dripFeedContents ul {
    background: #04bcb100;
    padding: 8px 16px 8px;
  }
  #drip-feed div.dripFeedContents ul li {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }
  #drip-feed a#dripFeedCopy_Link {
    position: relative;
    color: #608AFF;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    max-width: 600px;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width:1100px) {
    #drip-feed a#dripFeedCopy_Link {
      max-width:400px;
    }
  }
  @media (max-width:850px) {
    #drip-feed a#dripFeedCopy_Link {
      max-width:200px;
    }
  }
  @media (max-width:360px) {
    #drip-feed a#dripFeedCopy_Link {
      max-width:100px;
    }
  }
  #drip-feed span#dripFeedCopy2 {
    position: relative;
    border: 1px solid #608AFF;
    background-color: #fff;
    padding: 6px 5px;
    margin-left: 10px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex; 
    align-items: center;
    cursor: pointer;
  }
  @media (max-width:400px){
    #drip-feed span#dripFeedCopy2  {
      padding:4px;
    }
  }
  #drip-feed div.dripFeedContents ul li {}
  
  @media (max-width:1750px){
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle div.dripFeedDate {
      width:30%;
    }
  }
  @media (max-width:1750px) {
    #orders div.orderList div.orderDate {
      width:30%;
    }
  }
  @media (max-width:1750px) {
    /* orders */
    #orders div.orderList div.orderDate span#copyLink {
      max-width:300px;
    }
  
    #orders div.orderList div.orderService {
      width:25%;
    }
    #orders div.orderList div.orderStatusJJin {
      width:10%;
      text-align:center;
    }
    #orders div.orderList div.orderStatus {
      width:15%;
    }
    #orders div.orderList div.orderTitle::after {
      width:auto;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
    }
    /* drip-feed */
  
    #drip-feed div.dripFeedService {
      width:25%;
    }
    #drip-feed div.dripFeedStatusJJin {
      width:10%;
      text-align:center;
    }
    #drip-feed div.dripFeedStatus {
      width:15%;
    }
  
  }
  @media (min-width:400px){
    #orders div.orderTitleServiceBox {
      font-size:14px;
    }
  }
  @media (max-width:400px) {
    #orders div.orderTitleServiceBox {
      font-size:12px;
    }
  }
  @media (max-width:1550px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:200px;
    }
    #orders div.orderTitleServiceBox {
      text-align:left;
    }
  }
  @media (max-width:1300px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:500px;
  
    }
    #orders div.orderList div.orderTitle {
      display: flex;
      flex-direction:column;
      height:auto;
      padding: 13px 50px 13px 20px;
      gap: 6px;
    }
    #orders div.orderList div.orderId {
      width:100%;
      padding-left:0;
      flex:initial;
      width:100%;
      text-align:left;
    }
    #orders div.orderList div.orderDate {
      width: 100%;
      flex: initial;
    }
    #orders div.orderList div.orderService {
      width: 100%;
      flex: initial;
    }
    #orders div.orderList div.orderStatusJJin {
      width: 100%;
      flex: initial;
      text-align: left;
    }
    #orders div.orderList div.orderStatus {
      width:100%;
      flex:initial;
      text-align: left;
      margin-right: 0;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle {
      display:flex;
      flex-direction:column;
      height:auto;
      padding: 13px 50px 13px 20px;
      gap: 6px;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle div.dripFeedId {
      width:100%;
      padding-left:0;
      flex:initial;
      width:100%;
      text-align:left;
    }
    #drip-feed div.dripFeedListWrapper div.dripFeedList div.dripFeedTitle div.dripFeedDate {
      width: 100%;
      flex: initial;
    }
    #drip-feed div.dripFeedService {
      width: 100%;
      flex: initial;
      text-align:left;
    }
    #drip-feed div.dripFeedStatusJJin {
      width: 100%;
      flex: initial;
      text-align: left;
    }
    #drip-feed div.dripFeedStatus {
      width: 100%;
      flex: initial;
      text-align: left;
    }
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionList div.subscriptionTitle {
      display: flex;
      flex-direction: column;
      height: auto;
      padding: 13px 50px 13px 20px;
      gap: 6px;
    }
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionId {
      padding-left: 0;
      flex: initial;
      width: 100%;
      text-align: left;
    }
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionDate {
      width: 100%;
      flex: initial;
      text-align:left;
    }
    #subscriptions div.subscription_Service {
      width: 100%;
      flex: initial;
      text-align:left;
    }
    #subscriptions div.subscription_Status_JJin {
      width:100%;
      flex:initial;
      text-align:left;
    }
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionStatus {
      width:100%;
      flex:initial;
      text-align:left;
    }
    #subscriptions .wrapper .subscriptionWrapper .subscriptionTitle::after {
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      right: 13px;
    }
  }
  @media (max-width:970px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:300px;
  
    }
  
  }
  @media (max-width:768px){
    #orders a.orderLinkCopy {
      position: relative;
      color: #608AFF;
      text-decoration: underline;
      font-size: 14px;
      font-weight: 600;
      max-width: 300px;
      width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-align: left;
    }
    #drip-feed a#dripFeedCopy_Link {
      position: relative;
      color: #608AFF;
      text-decoration: underline;
      font-size: 14px;
      font-weight: 600;
      max-width: 300px;
      width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-align: left;
    }
  }
  @media (max-width:500px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:200px;
  
    }
    #orders a.orderLinkCopy {
      max-width:200px;
    }
    #drip-feed a#dripFeedCopy_Link {
      max-width:200px;
    } 
  }
  @media (max-width:400px) {
    #subscriptions .wrapper .subscriptionWrapper .subscriptionTitle::after {
      right: 0;
    }
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionId strong {
      font-size:12px!important;
    }
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionDate strong.subscription_link {
      font-size:12px!important;
    }
    #drip-feed .orderTitleServiceBox strong {
      font-size:12px!important;
    }
    #subscriptions .subscription_serviceBox strong {
      font-size:12px!important;
    }
  
    #subscriptions .wrapper .subscriptionWrapper div.subscriptionTitle div.subscriptionStatus strong {
      font-size:12px!important;
    }
  
    #orders a.orderLinkCopy {
      max-width:100px;
    }
    #drip-feed a#dripFeedCopy_Link {
      max-width:100px;
      font-size: 12px;
    }
  }
  @media (max-width:375px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:150px;
    }
    #drip-feed span#dripFeedcopyLink {
      max-width:150px;
    }
  }
  @media (max-width:400px) {
    #subscriptions strong.subscription_service {
      width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    #orders div.orderHistoryWrapper div.filterWrapper>div,
    #drip-feed div.dripFeedWrapper div.filterWrapper>div,
    #orders div.subscriptionWrapper div.filterWrapper>div
    {
      width:100%;
      max-width:100%;
    }
    #orders .orderHistoryWrapper select {
      width:100%;
      max-width:100%;
    }
  }
  @media (max-width:330px){
    #subscriptions strong.subscription_service {
      width:150px;
    }
    #orders div.orderList div.orderDate span#copyLink {
      max-width:130px;
    }
    #drip-feed span#dripFeedcopyLink {
      max-width:130px;
    } 
  }
  @media (max-width:310px) {
    #drip-feed span#dripFeedcopyLink {
      max-width:100px;
    }
  }
  @media (max-width:303px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:110px;
    }
  }
  @media (max-width:290px) {
    #drip-feed div.dripFeedContents strong.dripFeed_Service {
      width:150px;
    }
    #drip-feed a#dripFeedCopy_Link {
      max-width: 90px;
    }
  }
  @media (max-width:282px) {
    #orders div.orderList div.orderDate span#copyLink {
      max-width:100px;
    }
    #drip-feed span#dripFeedcopyLink {
      max-width:100px;
    }
  }
  /*  addfunds  */
  #addfunds {
    width:100%;
  }
  #addfunds div.wrapper {
    margin-left: 40px;
    margin-top: 50px;
    margin-right: 56px;
  }
  @media (max-width:1100px){
    #addfunds div.wrapper {
      margin-left:0;
      margin-right:0;
      max-width:95%;
      margin:50px auto 100px;
    }
  }
  @media (max-width:768px){
    #addfunds div.wrapper {
      margin:20px auto 50px;
    }
  }
  #addfunds div.wrapper div.addfundsMethodWrapper {
    display: flex;
    background-color: #fff;
    padding: 20px 20px 30px;
    border-radius: 5px;
    gap: 30px;
    box-shadow: 0px 5px 10px #00000029;
  }
  @media (max-width:600px){
    #addfunds div.wrapper div.addfundsMethodWrapper {
      flex-direction:column;
    }
  }
  #addfunds div.wrapper div.addfundMethodBox {
    flex:1;
  }
  @media (max-width:600px){
    #addfunds div.wrapper div.addfundMethodBox {
      flex:auto;
      width:100%;
      height:100%;
    }
  }
  
  #addfunds div.wrapper div.addfundsMethodWrapper form {}
  #addfunds div.wrapper div.addfundsMethodWrapper form div.form-group {}
  #addfunds div.wrapper div.addfundsMethodWrapper form div.form-group label {
    margin-bottom: 5px;
  }
  #addfunds div.wrapper div.addfundsMethodWrapper form select {
    background-color: #E9F1F0;
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 0px #acc9!important;
    border: none!important;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
  }
  #addfunds div.wrapper div.addfundsMethodWrapper form select option {
    background-color: #fff;
    padding: 20px;
  }
  #addfunds div.wrapper div.addfundsMethodWrapper form input {
    background-color: #E9F1F0;
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 0px #acc9!important;
    border: none!important;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
  }
  #addfunds div.wrapper div.addfundsMethodWrapper form button.btn {
    margin-top: 24px;
  }
  @media (max-width:600px){
    #addfunds div.wrapper div.addfundsMethodWrapper form button.btn {
      margin-top:10px;
    }
  }
  
  #addfunds div.wrapper div.addfundsDescriptionBox {
    flex: 1;
    display: flex;
    padding-top: 23px;
    align-items: flex-start;
    border: 1px dashed #728f8f;
    padding-left: 20px;
    border-radius: 5px;
  }
  @media (max-width:600px){
    #addfunds div.wrapper div.addfundsDescriptionBox {
      width:100%;
      flex:auto;
      height:100%;
      padding: 22px 20px;
      justify-content: flex-start;
      text-align: left;
    }
  }
  #addfunds div.wrapper div.addfundsDescriptionBox div.descriptionContents {
  
  }
  #addfunds div.wrapper div.addfundsDescriptionBox div.descriptionContents div.methodUpdateBox {
  
  }
  #addfunds div.wrapper div.addfundsDescriptionBox div.descriptionContents div.methodUpdateBox p.payment_description {
    display: flex;
    margin-top: 22px;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 600;
    color: #444;
  }
  @media (max-width:400px){
    #addfunds div.wrapper div.addfundsDescriptionBox div.descriptionContents div.methodUpdateBox p.payment_description {
      font-size:14px;
      margin-top: 15px;
    }
  }
  #addfunds div.wrapper div.addfundsDescriptionBox div.descriptionContents p.title {
    font-size: 16px;
    font-weight: 600;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9!important;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    padding: 6px 10px;
    position: relative;
    /* height: 40px; */
    max-height: 40px;
  }
  @media (max-width:400px){
    #addfunds div.wrapper div.addfundsDescriptionBox div.descriptionContents p.title {
      font-size:14px;
    }
  }
  #addfunds div.wrapper div.addfundsDataWrapper {
    margin-top: 40px;
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 32px;
    box-shadow: 0px 5px 10px #00000029;
  }
  @media (max-width:600px){
    #addfunds div.wrapper div.addfundsDataWrapper {
      margin-top:20px;
      overflow-x: auto;
    }
  }
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox {
    /* padding: 20px; */
  }
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table {
    margin-bottom: 0;
    width: 100%;
  }
  @media (max-width:600px){
    #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table {
      overflow-x:auto;
      min-width:500px;
      width:100%;
    }
  }
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table thead {
    border-bottom: 1px solid #ddd;
  }
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table thead tr {}
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table thead th {padding: 15px 12px 12px;}
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table tbody {}
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table tbody tr {}
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table tbody td {
    padding: 10px 12px;
  }
  #addfunds div.wrapper div.addfundsDataWrapper div.addfundsTableBox table tbody tr:nth-child(even){
    background-color: #E9F1F0;
  }
  
  #addfunds .table > thead > tr > th {
  }
  
  .btn-primary:hover {
    color: #ffffff;
    background-color: #008BFF;;
    border-color: #008BFF;;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #008BFF;;
    border-color: #008BFF;;
  }
  
  
  
  .well {
    padding: 19px;
    background-color: #ddd;
    border-radius: 5px;
    margin-top: 28px;
    flex: 1;
    width: 50%;
    border: none;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  /* affiliates */
  #affiliates div.well div.table {
  }
  #affiliates div.well div.table ul.affiliates_well_wrapper {
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
    padding-left: 10px;
  }
  #affiliates div.well div.table ul.affiliates_well_wrapper li {
    flex: 1;
    font-size: 14px;
    color: #5D5D5D;
    font-weight: 600;
  }
  #affiliates div.well div.table ul.affiliates_well_wrapper li + li {
    text-align:center;
  }
  #affiliates div.well div.table ul.affiliates_well_contents_wrapper {
    display: flex;
    justify-content: space-between;
    background-color:#fff;
    height: 40px;
    align-items: center;
    padding-left: 10px;
    border: 1px solid #ddd;
  }
  #affiliates div.well div.table ul.affiliates_well_contents_wrapper li {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    color: #5D5D5D;
  }
  #affiliates div.well div.table ul.affiliates_well_contents_wrapper li + li {
    text-align:center;
  }
  #affiliates div.well div.table div.affiliates_payment_amout {
    display: inline;
    padding: 6px 25px;
    background: #608AFF;
    color: #fff;
    border-radius: 3px;
  }
  #affiliates div.affiliates_list {
    display: inline;
    padding: 5px 6px;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    font-weight: 500;
    border-radius: 3px;
  }
  #affiliates div.affiliates_list.blue {
    background-color: #253858;
  }
  #affiliates div.affiliates_list.gray {
    background-color:#9F9F9F;
  }
  #affiliates div.affiliates_list.red {
    background-color:#D92F0E;
  }
  
  /* FAQ */
  #faq {
    width: 100%;
    padding: 16px 32px 0;
  }
  
  #faq.authPage {
    width: 100%;
    margin-top: 50px;
    padding: 0;
    margin-left: 40px;
    margin-right: 56px;
  }
  @media (max-width:768px){
    #faq.authPage {
      margin:0;
    }
  }
  #faq figure {
    /* padding: 13px 32px; */
    background-color: #fff;
    margin-bottom: 8px;
    border-radius: 5px;
    border: 1px solid #D8D8D8;
  }
  #faq .even figure {
    margin-right: 40px;
  }
  #faq figure.active {
    background-color: #fff;
    transition: all linear 4s;
    border: navajowhite;
  }
  
  figure.active {}
  #faq figure.active strong {
    color: #222;
    /* padding: 10px; */
    transition: 0.5s;
    background-color: #04BCB1;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    color: #fff;
  }
  #faq figure.active div {
    display:block;
    color: #5D5D5D;
    background-color: #E9F1F0;
    /* border-radius: 10px; */
    padding: 14px 16px;
    /* margin-top: 10px; */
    font-size: 13px;
    font-weight: 500;
    transition: linear 0.4s;
    margin-top: 4px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border: none;
    border-radius: 5px;
  }
  #faq figure.active span {
    color:#000!important;
    display:block;
    font-size:16px;
    font-weight:500;
    padding-bottom:5px;
  }
  
  #faq .even figure strong,
  #faq .odd figure strong {
    font-size: 16px;
    /* color: #5D5D5D; */
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    transition: 0.5s;
    border-radius: 5px;
  } 
  #faq .odd {
  }
  #faq figure div {
    display: none;
  }
  
  #faq .even figure strong::after,
  #faq .odd figure strong::after {
    content: "\e942";
    display:inline-block;
    font-family: xeicon!important;
    float:right;
    font-size:23px;
    transition:linear 0.2s;
  }
  #faq figure.active strong::after {
    transform:rotate(-180deg);
  
  }
  
  #faq div.wrapper {
    max-width: 100%;
    padding: 32px;
  }
  
  #faq div.wrapper.authPage {
    max-width: 100%;
    padding:0;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px #00000029;
  }
  #faq div.faqTitle {
    display:flex;
    flex-direction:column;
  }
  #faq div.faqTitle small {
    font-size: 11px;
    font-weight: 600;
    color: #3B3B3B;
  }
  #faq div.faqTitle strong {
    font-size: 20px;
    color: #5D5D5D;
    font-weight: 700;
    padding-bottom: 20px;
  }
  #faq div.wrapper div.faqFilterWrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 19px;
  }
  
  #faq div.wrapper div.faqFilterWrapper div.faqFilterBox {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F4F4F4;
    padding: 8px 16px;
    cursor: pointer;
    background-color: #fff;
    padding: 6px 8px;
    font-size: 14px;
    border-radius: 3px;
    color: #5D5D5D;
    font-weight: 500;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  
  #faq div.wrapper div.faqFilterWrapper div.faqFilterBox.active {
    background-color: #04BCB1;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
  }
  
  #faq div.wrapper div.faqFilterWrapper div.faqFilterBox+div.faqFilterBox {
  }
  
  #faq div.wrapper div.faqListWrapper {
  
  }
  
  
  #affiliates {
    width: 100%;
    max-width: 100%;
  }
  #affiliates div.affiliates_order_wrapper {
    display:flex;
    flex:1;
  }
  #affiliates div.wrapper {
    margin-left: 40px;
    margin-top: 50px;
    width: auto;
    max-width: 100%;
    margin-right: 56px;
    background-color: #fff;
    padding: 20px 20px 40px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px #00000029;
  }
  
  #affiliates div.wrapper section+section {
    margin-top: 16px;
    /* padding: 30px 36px 42px; */
    background: #F4F5F7;
    padding: 16px 12px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #affiliates div.wrapper section+section strong.bottomSectionTitle {
    font-size: 14px;
    color: #5D5D5D;
    font-weight: 600;
  }
  #affiliates div.wrapper section div.contentBox {
    border-radius: 10px;
    /* padding: 34px 32px; */
  }
  
  #affiliates div.wrapper section div.contentBox+div.contentBox {
  
  }
  
  /* */
  #affiliates div.wrapper section div.contentBox p.mainTitle {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
  }
  
  #affiliates div.wrapper section div.contentBox p.description {
    font-size: 16px;
  } 
  
  #affiliates div.wrapper section.middleSection {
    display: flex;
    flex-wrap: wrap;
    gap:16px;
  
  }
  
  #affiliates div.wrapper section.middleSection div.contentBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
  }
  #affiliates div.affiliates_Convention_Wrapper {
    flex: 1;
    background: #F4F5F7;
    padding: 16px 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #affiliates strong.affiliates_Convention_Strong {
    margin-bottom: 14px;
    display: block;
  }
  #affiliates div.affiliates_Convention_Wrapper div.affilates_Contents {
    background: #fff;
    border: 1px solid #ddd;
    padding:16px;
  }
  #affiliates div.affiliates_Convention_Wrapper div.affiliates_strong_contents {
  
  }
  #affiliates div.affiliates_Convention_Wrapper div.affiliates_strong_contents strong {
    color: #5D5D5D;
    font-size: 13px;
    font-weight: 600;
  }
  
  #affiliates div.wrapper section.middleSection div.contentBox ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 27px;
  }
  #affiliates div.wrapper section.middleSection div.contentBox ul>li {    
    display: flex;
    justify-content: space-between;
    position:relative;
  }
  #affiliates div.wrapper section.middleSection div.contentBox ul>li::after {
    /* content: ''; */
    display: flex;
    position: absolute;
    width: 100%;
    background: #ebebeb;
    height: 1px;
    top: 30px;
    max-width: 100%;
  }
  #affiliates div.wrapper section.middleSection div.contentBox li + li + li::after {
    display:none;
  }
  
  #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  
  #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper p.link {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 0;
    width: auto;
    padding-right: 10px;
    min-width: initial;
    color: #5D5D5D;
    font-weight: 600;
  }
  
  #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
    font-size: 12px;
    font-weight: 600;
    background: #fff;
    cursor: pointer;
    color: #25717C;
    padding: 3px 5px;
    display: flex;
    justify-content: center;
    border: 1px solid #25717C;
    border-radius: 3px;
  }
  
  
  #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton:hover {
    background-color: #9adce547;
  }
  
  #affiliates div.wrapper section.middleSection div.contentBox p.price {
    font-size: 12px;
    font-weight: 700;
    color: #5D5D5D;
  }
  
  
  #affiliates div.wrapper section.middleSection div.contentBox p.title {
    font-size: 12px;
    font-weight:600;
    color: #5D5D5D;
    background: #9adce547;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 3px;
    height: 24px;
  }
  #affiliates div.affiliatesInfoWrapper {
  
  }
  #affiliates div.affiliatesInfoWrapper small.description {
    color: #3B3B3B;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.5;
    display: block;
  }
  #affiliates div.affiliatesInfoWrapper p.mainTitle {
    color: #5D5D5D;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
  }
  #affiliates div.wrapper section.middleSection div.contentBox div.affiliatesInfoWrapper p.mainTitle {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
  }
  #affiliates div.wrapper section.middleSection div.contentBox div.affiliatesInfoWrapper p.description {
    font-size: 14px;
    line-height: 1.3;
  }
  #affiliates div.wrapper section.bottomSection div.contentBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 23px;
    border: none;
    margin-top: 16px;
    padding: 0;
  }
  
  #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    position: relative;
    gap: 9px;
    /* border: 1px solid #000; */
    padding: 18px;
    background: #fff;
    height: auto;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #affiliates .historyBox .btn-xs {
    margin-top: 19px;
    height: auto;
    padding: 6px 14px!important;
    font-size: 14px;
    border-radius: 5px!important;
    color: #fff;
    background-color: #000!important;
    line-height: 1.5;
  }
  #affiliates .historyBox .btn-xs:hover {
    background-color: #008BFF!important;
    border:1px solid #008BFF!important;
  }
  #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox::after {
    display:block;
    /* content:''; */
    background-color:#008BFF;
    height:1px;
    width:100%;
    position:absolute;
    top:50%;
  }
  #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox::before {
    display:block;
    content:'';
    background-color:#F2FCFF;
    height:50px;
    width:100%;
    position:absolute;
    top:50%;	
    z-index:-1
  }
  
  #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox+div.historyBox {
    /* margin-left: 16px; */
  }
  
  
  #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.title {
    font-size: 12px;
    font-weight: 500;
    color: #5D5D5D;
  }
  
  #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.price {
    font-size: 24px;
    color: #5D5D5D;
    font-weight: 700; 
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
  }
  ##affiliates .well {
    padding: 19px;
    background-color: #fff;
    border: 1px solid #008BFF;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 20px;
    display: flex;
    flex: 1;
  }
  #account {
    width: 100%;
    overflow: hidden;
    max-width: 100%;
  }
  #account select#timezone {
    width: 100%;
    border: 1px solid #EDEDED;
    height: 48px;
  }
  #account div.wrapper {
    display: flex;
    gap: 20px;
    padding-bottom: 10px;
    margin-left: 40px;
    margin-top: 50px;
    margin-right: 56px;
  }
  
  #account div.wrapper div.contentsBox {
    flex: 1;
    padding: 20px 20px 30px;
    background-color: #fff;
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 5px 10px #00000029;
  }
  #account .contentsBox.three {
    width: 100%;
    background-color: #F4F5F7!important;
    box-shadow: 1px 1px 1px 0px #dbdbdb!important;
    padding-top: 0;
    height: auto;
    max-height: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #account .contentsBox.four {
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
  #account .contentsBox.first {
    height: 500px;
  }
  #account div.mypageTitle {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  @media (max-width:768px){
    #account div.mypageTitle {
      margin-bottom:10px;
    }
  }
  #account div.mypageTitle small {}
  #account div.mypageTitle strong {
    font-size:20px;
  }
  #account .inputWrapper {
    width: 100%;
    background-color: #F4F5F7;
    padding-top: 16px;
    height: 116px;
    max-height: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    margin-bottom: 0;
  }
  #neworder .close span {
    color: #3c763d;
  }
  @media (max-width:1100px){
    #account .inputWrapper {
      padding: 16px 7px 0 7px;
    }
  }
  #account div.wrapper div.contentsBox p.title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 14px;
  }
  
  #account div.wrapper div.contentsBox div.inputWrapper+div.inputWrapper {
    margin-top: 16px;
  }
  
  #account div.wrapper div.contentsBox div.inputWrapper label {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-left: 16px;
  }
  
  #account div.wrapper div.contentsBox div.inputWrapper input {
    height: 44px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #EDEDED;
    font-size: 15px;
    display: block;
    padding-left: 9px;
    font-weight: 500;
    width: 100%;
    max-width: 98%;
    margin: auto;
  }
  
  #account div.wrapper div.contentsBox button {
    width: 100%;
    height: 50px;
    background: #3dbab0;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-top: 16px;
    padding-left: 0;
  }
  
  #account .contentsBox.three button {
    margin-top: 0;
  }
  #account div.wrapper div.contentsBox button:hover {
  }
  
  #account div.wrapper div.contentsBox div.inputWrapper input:hover {
  
  }
  #account div.wrapper div.contentsBox div.inputWrapper input:focus{
  
  }
  
  #account div.wrapper div.contentsBox div.inputWrapper input:focus{
  
  }
  
  
  #account div.wrapper div.rightSection {
    flex: 1;
    margin-left: 16px;
    padding: 20px 20px 30px;
    background-color: #fff;
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 5px 10px #00000029;
  }
  
  #account div.wrapper div.rightSection div.contentsBox+div.contentsBox {
    margin-top: 16px;
    background-color: #F4F5F7;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border-radius: 5px;
  }
  #account input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    height: 44px;
    border-radius: 4px;
    border: none;
    color: #9F9F9F;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    color: #5D5D5D;
  }
  
  #neworder .alert-danger {
    /* position: relative; */
    /* background-color: #FF6200; */
    /* border-radius: 40px; */
    /* font-size: 16px; */
    /* padding: 10px 21px; */
  }
  #neworder .close {
  
    opacity: 1!important;
  
    width: auto!important;
  
    height: auto!important;
  }
  
  @media (max-width:768px) {
    #account {
      margin:0;
      padding:0;
    }
    #account div.wrapper {
      display:block;
      padding:20px 16px;
      padding: 0;
      margin-top: 20px;
      margin-right: 0;
      margin-left: 0;
      max-width: 95%;
      margin: 20px auto 100px;
    }
  }
  
  /**/
  #payment {
  
  }
  #payment input:hover {
    background-color:#E6EFFC;
  }
  #payment div.paymentWrapper div.titleFlexWrapper {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 2px;
  }
  #payment div.paymentWrapper strong.paymentTitle {
    font-size: 19px;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 50px;
    display:none;
  }
  #payment div.paymentWrapper div.titleFlexWrapper p.title {
    font-size: 14px;
    color: #3B3B3B;
    font-weight: 600;
    margin: 0;
  }
  #payment div.paymentWrapper div.titleFlexWrapper span.titleVat {
    font-size: 11px;
    color: #9F9F9F;
    font-weight: 600;
  }
  #payment div.cardNone {
    display:none;
    margin-top: 20px;
  }
  
  #payment p.title {
    text-align: center;
    margin-bottom: 25px;
    color: #1C3B55;
    font-size: 18px;
    font-weight: 600;
  }
  
  #payment img.imgCrop {
    margin: 28px 0 24px;
    width:100%;
  }
  #payment div.paymentDescription {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap:12px;
  }
  #addfunds .autoDescriptionWrapper {
    position: relative;
    background-color: #F4F5F7;
    border-radius:5px;
    padding: 18px 19px;
    display: none;
    flex: 1;
    width: 50%;
    max-width: 49%;
  }
  #addfunds .autoDescriptionWrapper p.autoTitle {
    color:#5d5d5d;
    margin-bottom:15px;
    font-size:13px;
    font-weight:600;
  }
  #addfunds .autoDescriptionWrapper 
  #addfunds .autoDescriptionWrapper>p {color:#5D5D5D}
  #addfunds .autoDescriptionWrapper>div {
    background-color:#fff;
    border:1px solid #D8D8D8;
    padding:16px;
  }
  #addfunds .autoDescriptionWrapper div.autoContents  {
    display:flex;
  }
  #addfunds .autoDescriptionWrapper div.autoContents p {
    color:#5D5D5D;
    font-size:13px;
  }
  #payment div.paymentDescription div.paymentFlexWrapper {
    width: 50%;
    max-width:50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex:1;
  }
  #payment div.paymentDescription div.paymentFlexWrapper div.paymentChargeContents {
    display:flex;
    justify-content:space-between;
    width:100%;
    padding-bottom: 16px;
  }
  #payment div.paymentDescription div.paymentFlexWrapper div.paymentChargeContents p {
    color: #5D5D5D;
    font-size: 12px;
    font-weight: 600;
  }
  /* vat */
  #payment div.paymentDescription div.paymentFlexWrapper div.paymentVatContents {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
  }
  #payment div.paymentDescription div.paymentFlexWrapper div.paymentVatContents p {
    color: #5D5D5D;
    font-size: 12px;
    font-weight: 700;
  }
  
  #payment div.paymentDescription div.paymentFlexWrapper div.paymentTotalContents {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
  }
  #payment div.paymentDescription div.paymentFlexWrapper div.paymentVatContents::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 1px;
    background-color: #253858;
  }
  #payment div.paymentDescription div.paymentFlexWrapper div.paymentTotalContents strong {
    font-size: 20px;
    font-weight: 700;
    color: #000;
  }
  #payment div.paymentChargeWrapper {
    display: flex;
    gap: 12px;
  }
  
  #payment div.priceWrapper {
    display: flex;
    align-items: center;
    flex: 1;
  }
  #payment div.priceWrapper div.priceBox {
    background: #E6EFFC;
    display: flex;
    position: relative;
    align-items: center;
    flex: 1;
    border: 1px solid #ddd;
    padding: 6.5px;
    border-radius: 5px;
  }
  
  #payment div.priceWrapper div.priceBox p.price {
    font-size: 15px;
    color: #9F9F9F;
    margin-left: 6px;
    font-weight: 500;
  }
  #payment div.priceWrapper div.priceBox p.price.on {
    color:#484848;
  }
  
  #payment div.priceWrapper div.priceBox p.border {
    display:block;
    background-color:#9F9F9F;
    width:100%;
    height:1px;
    position:absolute;
    bottom:0;
    margin-bottom:-10px
  }
  
  #payment div.priceWrapper div.deleteButton {
    flex: 0 0 auto;
    cursor:pointer;
    margin-left: auto;
    align-items: center;
  } 
  #payment div.priceWrapper div.deleteButton i {
    display: flex;
    font-size: 23px;
    justify-content: center;
    align-items: center;
    color:#5D5D5D;
    bottom:0;
  }
  #payment div.priceWrapper div.deleteButton i:active {
    color:#008BFF;
  }
  #payment div.cardNoneFlexWrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
  }
  #payment div.userNameWrapper {
    flex: 1;
    width: 100%;
  }
  #payment div.taxFlexWrapper {
    flex:1;
    width:100%;
  }
  #payment div.userNameWrapper p.userNameLabel {
    color: #3B3B3B;
    font-size: 14px;
    font-weight: 600;
    /* margin-bottom: 12px; */
    margin-bottom: 2px;
  }
  #payment div.userNameWrapper span.subTitle {
    color: #ADADAD;
    font-size: 11px;
    font-weight: 500;
    display: block;
    margin-top: 4px;
  }
  #payment div.userNameWrapper input {
    height: 38px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #EDEDED;
    font-size: 12px;
    font-weight: 500;
    padding-left: 9px;
    border: 1px solid #ddd;
  }
  #payment div.userNameWrapper input:focus {
    border: 1px solid #253858;
  }
  #payment div.userNameWrapper input::placeholder{
    color:#9F9F9F;
    font-weight:500;
    font-size:15px!important;
  }
  
  #payment div.taxWrapper {
    display:flex;
    gap:9px;
  }
  #payment div.taxWrapper label {
    display: flex;
    flex: 1;
  }
  #payment div.taxWrapper label:hover {
    background:#E6EFFC
  }
  #payment p.taxWrapperTitle {
    color: #3B3B3B;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
  }
  #payment input.inputBox {
    display:none;
  }
  #payment div.taxWrapper .taxBox.on {
    background-color: #253858;
    border: 1px solid #253858;
    color: #fff;
  }
  #payment div.taxInvoiceWrapper {
    /* margin-top:20px; */
  }
  #payment div.taxWrapper .taxBox {
    height: 38px;
    border: 1px solid #253858;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    font-size: 13px;
    cursor: pointer;
    width: 100%;
    color:#5D5D5D;
  }
  #payment div.phoneNumberWrapper {
  }
  #payment div.phoneNumberWrapper input.phoneNumber:focus {
    border: 1px solid #253858;
  }
  #payment div.phoneNumberWrapper input.phoneNumber {
    width: 100%;
    font-size: 12px;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 10px;
    margin-top: 8px;
  }
  #payment div.phoneNumberWrapper input.phoneNumber::placeholder {
    color:#9F9F9F;
    font-weight:500;
    font-size:15px!important;
  }
  #payment p.description {
    font-size:11px;
    font-size: 11px;
    font-weight:500;
    color: #ADADAD;
    margin-top: 4px;
    /* margin-bottom:29px; */
  }
  
  #payment div.taxInvoiceWrapper {
  }
  #payment div.taxInvoiceWrapper div.taxInvoiceRow {
    display: flex;
    gap: 7px;
  }
  #payment div.taxInvoiceWrapper div.taxInvoiceRow input:focus {
    border: 1px solid #253858;
  }
  #payment div.taxInvoiceWrapper div.taxInvoiceRow+div.taxInvoiceRow {
    margin-top:7px;
  }
  #payment div.taxInvoiceWrapper div.taxInvoiceRow input {
    width: 100%;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 12px!important;
    /* font-size: 20px; */
  }
  #payment input::placeholder {
    font-size:12px!important;
  }
  #payment div.taxInvoiceWrapper div.taxInvoiceRow:last-child input{
    width:100%;
  }
  #payment div.taxInvoiceWrapper div.taxInvoiceRow input::placeholder {
    color:#9F9F9F;
    font-weight:500;
    font-size:15px!important;
    line-height:1.5!important;
  }
  #payment div.taxInvoiceWrapper input::placeholder {
    font-size:15px!important;
  }
  
  #payment div.priceButtonWrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 1;
  }
  
  #payment div.priceButtonWrapper div.priceButton {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex: 1;
    height: 38px;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    color: #253858;
    font-weight: 600;
  }
  #payment div.priceButtonWrapper div.priceButton:hover {
    background-color:#E6EFFC
  }
  #payment div.priceButtonWrapper div.priceButton:active {
    background-color:#E6EFFC;
    color:#253858;
    border:1px solid#608AFF;
  }
  #payment div.priceButtonWrapper div.priceButton+div.priceButton {
  }
  
  #payment div.phoneWrapper {
    margin-bottom: 24px;
  }
  
  #payment div.phoneWrapper p.phoneTitle {
    font-size: 16px;
    margin-bottom: 4px;
  }
  
  #payment div.phoneWrapper input {
    width: 100%;
    height: 36px;
    border: 1px solid #d9d9d9;
    padding: 0 8px;
  }
  
  #payment div.paymentButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    border-radius: 5px;
    background: #608AFF;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin-top: 28px;
  }
  #payment div.paymentButton.disabled {
    background-color:#9F9F9F;
  }
  #payment div.paymentButton b {
    color: #fff;
    font-weight: 800;
    padding-right: 3px;
  }
  #payment div.paymentButton div.paymentPrice {
    display: flex;
    align-items: center;
    margin-right: 4px;
  }
  
  #payment div.paymentButton div.paymentPrice p {
    color: #FAE300;
  }
  
  
  #payment-success {}
  #payment-success div.successWrap {}
  #payment-success div.successWrap div.succesTop {
    background-color: #E6EFFC;
    padding: 32px 24px;
  }
  #payment-success div.successWrap div.succesTop p {
    text-align: center;
    color: #5D5D5D;
    font-size: 18px;
    font-weight: 700;
  }
  #payment-success div.successWrap div.succesContentsTop {
    padding: 32px 24px 24px;
  }
  #payment-success div.successWrap div.succesContentsTop h3 {
    font-size: 18px;
    color: #1C3B55;
    font-weight: 600;
    color: #5D5D5D;
    margin-bottom: 10px;
  }
  #payment-success div.successWrap div.succesContentsTop dl {
    width:100%;
  }
  #payment-success div.successWrap div.succesContentsTop dl::after{
    content: "";
    display: block;
    clear: both;
  }
  
  #payment-success div.successWrap div.succesContentsTop dl dt {
    font-size: 15px;
    font-weight: 400;
    line-height: 2.1;
    width: 20%;
    float: left;
    width: 35%;
  }
  #payment-success div.successWrap div.succesContentsTop dl dd {
    font-size:15px;
    font-weight:700;
    float: right;
    width: 65%;
    line-height: 2.1;
    text-align: right;
  }
  
  #payment-success div.successWrap div.succesContentsBottom {
    padding: 32px 24px;
    background-color: #E6EFFC;
  }
  #payment-success div.successWrap div.succesContentsBottom ul {
    color: #fff;
    font-weight: 500;
  }
  #payment-success div.successWrap div.succesContentsBottom ul li {
    color: #fff;
    line-height: 1.6;
    color: #5D5D5D;
    font-weight: 500;
  }
  #payment-success div.successWrap div.succesContentsBottom ul li:before {
    content:'A?';
    display:inline-block;
    font-size:15px;
    padding-right:6px
  }
  #payment-success div.successWrap div.succesContentsBottom ul li.none:before {
    color:transparent;
  }
  #payment-success div.successWrap div.succesBottom {
    padding: 24px 24px 32px 24px
  }
  #payment-success div.successWrap div.succesBottom button {
    padding: 0;
    background-color: #253858;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.2px;
  }
  
  
  
  
  #terms {
    width: 77%;    
    margin: 40px auto;
  }
  #terms div.wrapper h4 {
    font-size: 27px;
  }
  
  #person-policy {
    width: 77%;    
    margin: 40px auto;
  }
  #person-policy div.wrapper h4 {
    font-size: 27px;
  }
  
  
  /* side menu ul li */
  
  .contents figure{
    position: absolute;
    top: 49px;
    left: 42px;
    transform: translate(-50%,-50%);
    width: 63px;
    height: 32px;
    cursor: pointer;
  }
  .contents figure.active {
    left:42px;
  }
  .contents figure span{
    list-style: none;
    width: 50%;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    /* box-shadow: 0 0 7px rgba(0,0,0,.5); */
    transition: .9s;
  }
  .contents figure span:nth-of-type(1){
    top: 20%;
  }
  .contents figure span:nth-of-type(2){
    top: 50%;
    width: 21px;
  }
  .contents figure span:nth-of-type(3){
    top: 80%;
  }
  .contents figure.active span:nth-of-type(1){
    top: 50%;
    transform: translateY(-50%) rotate(45deg) rotateY(180deg);
  }
  .contents figure.active span:nth-of-type(2){
    left: -300%;
    opacity: 0;
  }
  .contents figure.active span:nth-of-type(3){
    top: 50%;
    transform: translateY(-50%) rotate(-45deg) rotateY(180deg);
  }
  
  .contents figure span:last-child{
    width: 100%;  height: auto;
    transform: none;
    top: 100%;
    font-size: 30px;
    text-align: center;
    transition: .9s;
  }
  .contents figure span:last-child::before,figure span:last-child::after{
    position: absolute;
    top: 0;  left: 0;
    width: 100%;  
    transition: .9s;
  }
  .contents figure.active span:last-child::before{
    transform: rotateY(90deg);
    transition-delay: 0s;
  }
  .contents figure.active span:last-child::after{
    transform: rotateY(0deg);
    transition-delay: .5s;
  }
  
  
  /*-----------------------FAQ---------------*/
  .container2 {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto;
  }
  
  .container2>div {
    width: 50%;
  }
  
  .container2 strong {
    display: block;
  }
  
  .container2>div div {
    display: none;
  }
  
  
  
  
  
  /*-----------------------FAQ---------------*/
  
  
  .moMenuWrap {
    display:none;
  }
  
  
  
  
  .alert-danger {
    position: relative!important;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  .alert-danger span {
    color: #686868;
  }
  .alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: 0;
    right: 0;
    color: inherit!important;
    z-index: 0;
    opacity: 0.8;
    border: none;
    box-shadow: none;
    width: auto!important;
    background: transparent!important;
    border: none!important;
    margin-top: 0!important;
    height: auto!important;
  }
  
  
  
  
  
  /* --------------------------------------start--------------------------------------------------*/
  
  
  
  @media (max-width:1899px){
  
    #orders div.orderHistoryWrapper div.filterWrapper {
      display: flex;
      align-items: center;
      margin-bottom: 32px;
      padding: 0 14px;
      width: 100%;
      flex-wrap: wrap;
    }
    #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
      display: flex;
      align-items: center;
      margin-right: auto;
      width: auto;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: 15px;
    }
  
    #orders .input-group .form-control {
      width:350px;
      width: auto;
    }
    #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active {
      background: #000;
    }
    #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    }
    #orders div.orderHistoryWrapper {
      margin-bottom: 40px;
      overflow-x: unset;
    }
    #orders div.orderHistoryWrapper {
  
    }
    #addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
      height:314px;
    }
    #contents-wrapper {
      flex: 1;
      width: 100%;
    }
  
    @media (max-width:1700px) {
      #neworder div.rightWrapper section.confirmTimeWrapper {
        display:inherit;
      }
      #neworder .confirmTop {
        text-align: center;
      }
      #neworder .confirmBottom {
        display:block;
        text-align:center;
      }
      #neworder img.figureImg {
        margin-left:0;
        border-radius: 0;
      }
      #orders .table {
        width: 100%;
        min-width: 1500px;
        margin-bottom: 21px;
        overflow: auto;
      }
      #subscriptions .table {
        width: 100%;
        min-width: 1500px;
      }
      #neworder .confirmBottomDiv {
        margin-bottom:10px;
      }
    }
  
  }
  
  @media (max-width:1800px) {
    #neworder .confirmBottomDiv {
      font-size:12px;
    }
  }
  @media (max-width:1075px){
    #top-account {
      margin-right:0;
    }
    #top-account div.contents {
      width: 100%;
      min-width: 1400px;
    }
    #top-account div.top-account_tab {
      margin-right:16px;
    }
    #top-account div.top-account_contents {
      width: 100%;
      max-width: 1400px;
      overflow-x: scroll;
      padding-right: 16px;
    }
  }
  
  @media (max-width: 1500px) {
    #neworder div.rightWrapper section.counterWrapper {
      flex-wrap:wrap;
    }
    #neworder div.rightWrapper section.counterWrapper div.counterBox {
      flex: auto;
      flex-wrap: wrap;
    }
  
  
    #neworder .confirmTop {
      text-align: center;
      line-height: 2.2;
    }
    #neworder figure.figure {
      display:inline-block;
      width: 30px!important;
      height: 30px!important;
      margin-right: 5px;
      font-size: 11px;
    }
    #neworder .confirmBottom {
      font-size: 12px;
      text-align: center;
      display: block;
      padding:0;
      margin-top:10px;
    }
    #neworder img.figureImg {
      position: relative;
      background-color: #fff;
      width: 15px;
      margin-top:0px;
      margin-left:0;
      font-size: 11px;
    }
    #subscriptions div.filterWrapper {
      flex-wrap: wrap;
      gap: 9px;
    }
  
  }
  
  
  @media (max-width: 1400px) {
    main section.section1 {
    }
    header div.contents {
  
    }
    main section.section1 {
      max-width:90%;
    }
    main section.section2 .contents {
      max-width: 95%;
    }
    main section.section3 div.contents {
      max-width: 95%;
    }
    main section.section4 .section4_container{
      max-width: 95%;
    }
    main section.section4 .description {
      font-size: 18px;
      padding: 40px 10px;
      border-radius:24px;
    }
    main section.section5 .sectionContainer {
      width: 94%;
    }
    main section.section7 {
      max-width:95%;
    }
    main section.section4 div.contents div.iconWrapper .title {
      font-size:27px;
    }
    main section.section3 div.contents {
      gap: 70px 28px;
    }
  }
  
  
  
  @media (max-width: 1300px) {
  
  
  
    #faq .menu-1 {
      display: block!Important;
    }
    #faq .even figure {
      margin-right: 0;
    }
  
  }
  @media (max-width: 1200px) {
  
  }
  @media (max-width: 1100px) {
  
  
    @media (max-width: 1120px) {
  
    }
    @media (max-width: 1000px) {
  
  
      #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
        margin-bottom: 10px;
      } 
  
    }
    @media (max-width: 992px) {
      #neworder .col-md-6 {
        padding-right:0;
      }
    }
    @media (max-width: 930px) {
  
      #resetPassword {
        max-width: 90%;
      }
      #resetPassword div.inputWrapper label{
        font-size: 14px;
      }
      #resetPassword div.formWrapper {
        padding: 38px 165px;
      }
      #resetPassword .topBox p:after {
        width: 100%;
      }
      #resetPassword .formWrapper form {
        width: 96%;
      }
    }
    @media (max-width: 900px) {
      main section.section2 .contents .snsWrap .snsBox ul li .borderRadius {
        left:-8px;
      }
  
  
  
    }
    /* ---------------------------------- A? start ---------------------------------*/
  
  
    @media (max-width:870px){
      #affiliates div.wrapper section div.contentBox:last-of-type {
        margin-left: 0!important;
        margin-top: 12px;
      }
    }
    @media (max-width:600px){
      #affiliates div.wrapper section.bottomSection div.contentBox {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
      }
    }
    @media (max-width:370px){
      #affiliates div.wrapper section.bottomSection div.contentBox {
        grid-template-columns:1fr;
      }
    }
  
  
  
    /* ----------------------------------620px  ---------------------------------*/
  
  
    @media (max-width: 600px) {
      header.header {
        height:60px;
      }
      header div.contents {
        width: 100%;
      }
      header div.contents .logo {
        width: 100%;
        height: auto;
        max-width: 100%;
        justify-content: flex-start;
        display: flex;
        align-items: center;
      }
      header div.contents div.menuWrapper ul li a {
        font-size: 12px;
        width: auto;
        height: auto;
      }
      header div.contents div.menuWrapper ul li button.preview {
        font-size:12px;
        width: auto;
        height: 58px;
      }
      header div.contents div.menuWrapper ul {gap: 7px;}
      header div.contents div.menuWrapper ul li {
        padding: 0px 0px 0px 0;
        width: auto;
        height: auto;
        min-width: 60px;
      }
      header div.contents div.menuWrapper ul li:last-child {
        padding:0;
        width: 60px;
      }
      header div.contents a.logo img {
        width: 100%;
        height: auto;
      }
      main section.section7 .menu-1 ul > li.active > p:not(:only-child) {
        font-size:14px;
      }
      main section.section7 .menu-1 ul > li.active .menu-1-body__content {
        font-size:10px;
      }
      main section.section7 .menu-1 ul > li > p {
        font-size:12px;
      }
  
    }
  
  
  
  
    /* ----------------------------------768px~360px   : s ---------------------------------*/
  
  
    .contents figure {
      display:none;
    }
    header div.contents div.menuWrapper div.userImage {
      display:none;
    }
    header div.contents div.menuWrapper div.moMenu {
      display: block;
      font-size: 34px;
    }
    header div.contents div.menuWrapper div.userPoint {
      padding: 5px 10px;
      margin-right: 20px;
    }
    header div.contents.auth {
      padding: 15px 0px 16px;
      width: 100%;
      box-shadow: 0px 2px 6px #00000029;
      z-index:99999;
    }
    header div.contents div.menuWrapper {
      padding-right: 0;
    }
    #sideMenu {
      display:none;
    }
  
  
  
    #orders .wrapper {
      padding: 0 16px 100px 16px!important;
      margin: 20px 0 0;
    }
  
    #orders div.totalWrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      justify-content: center;
      align-items: center;
      margin-bottom: 28px;
    }
    #orders div.totalWrapper div.totalBox+div.totalBox {
      margin-left: 0;
    }
    #orders div.orderHistoryWrapper div.filterWrapper {
      display: flex;
      align-items: center;
      margin-bottom: 18px;
      padding: 0 11px;
      width: 100%;
      flex-wrap: wrap;
      height: auto;
      padding-top: 10px;
      padding-bottom: 12px;
    }
    #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
      display: flex;
      align-items: center;
      margin-right: auto;
      width: 100%;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }
    #orders .table {
      width: 1600px;
      max-width: 1600px;
      margin-bottom: 21px;
      overflow: scroll;
    }
    #orders .input-group .form-control {
      width: auto;
    }
    #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active {
      background: #000;
      margin-left: 10px;
    }
    #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
      margin-bottom:10px!important;
      margin-left: 10px;
    }
    #orders div.orderHistoryWrapper {
      margin-bottom: 40px;
      overflow-x: scroll;
    }
    #orders div.orderHistoryWrapper {
      width: 100%;
      height: auto;
      margin-bottom: 40px;
      overflow-x: hidden;
      margin: 0;
    }
  
    #subscriptions {
      width:100%;
    }
    #subscriptions .wrapper {
      margin-top: 20px;
      padding: 0 16px 0 16px;
    }
    #subscriptions .wrapper .subscriptionWrapper {
      margin:0;
    }
    #subscriptions table {
      width:1600px;
      max-width:1600px;
    }
    #subscriptions div.filterWrapper {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
    #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton + div.statusButton {
      margin-left: 8px;
      margin-bottom: 9px;
    }
    #subscriptions div.filterWrapper div.statusButtonWrapper {    
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: auto;
    }
    #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton.active {
      background: #000;
      padding: 8px 22px;
      margin-bottom: 10px;
      margin-left: 8px;
    }
    #subscriptions form {
      display:block;
    }
    #subscriptions .input-group .form-control {
      width: 100%;
    }
    #faq, #faq.autoPage {
      padding: 28px 16px !important;
    }
    #faq div.wrapper {
      padding: 33px 16px;
  
      overflow: auto;
      height: auto!important;
      max-width: 1300px;
      min-height: auto;
      margin: 0 auto 32px;
    }
  
    #faq div.wrapper.authPage{
      width: 100%;
      margin: 0 0 32px;
    }
  
    #faq div.wrapper div.faqFilterWrapper {
      margin-bottom: 16px;
      padding-left:0;
      flex-wrap: wrap;
      gap: 5px;
    }
    #faq div.wrapper div.faqFilterWrapper div.faqFilterBox {
      font-size:13px;
      padding: 9px 11px;
    }
    #faq div.wrapper div.faqFilterWrapper div.faqFilterBox+div.faqFilterBox {
      margin-left:0;
    }
    #faq .menu-1 {
      display:block!Important;
    }
    #faq .even figure {
      margin-right: 0;
    }
    #faq .even figure strong, #faq .odd figure strong {
      font-size: 12px;
    }
    #faq figure.active span.faqStrong {
      font-size: 14px;
    }
    #faq .even figure strong::after, #faq .odd figure strong::after {
      font-size: 16px;
    }
    #faq figure.active strong {
      color: #fff!important;
    }
    #faq figure div {
      font-size:10px;
      padding: 12px;
    }
    #faq figure {
      /* padding: 15px 12px; */
    }
  
    #affiliates {
      margin: 20px auto 0;
      max-width: 95%;
    }
    #affiliates .well {
      margin-left:0!important;
    }
    #affiliates div.wrapper {
      margin: 0;
    }
    #affiliates div.wrapper section div.contentBox p.mainTitle {
      font-size:20px;
      margin-bottom: 12px;
    }
    #affiliates div.wrapper section div.contentBox {
      padding: 32px 12px;
    }
    #affiliates div.wrapper section.middleSection {
      display:block;
    }
    #affiliates div.wrapper section div.contentBox+div.contentBox {
      margin-left:0;
    }
    #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
      font-size: 12px;
      padding: 3px 8px;
      height: 24px;
    }
    #affiliates div.wrapper section.middleSection div.contentBox {
      margin-bottom:16px;
      padding: 12px 0 22px;
    }
    #affiliates div.wrapper section.middleSection div.contentBox p.title {
      text-align:center;
    }
    @media (max-width:400px){
      #affiliates div.wrapper section.middleSection div.contentBox p.title {
        height:auto;
      }
    }
    #affiliates div.wrapper section.middleSection div.contentBox p.price {
      text-align:center;
    }
    #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper {
      justify-content: center;
      margin-left: 20px;
    }
    #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.title {
      font-size:12px;
      text-align:center;
    }
    #affiliates div.wrapper section div.contentBox p.description {
      font-size: 14px;
    }
  
  
    #account div.wrapper {
      display:block;
    }
    #account div.wrapper div.rightSection {
      margin-left:0;
    }
    #account div.wrapper div.contentsBox.two {
      margin-top: 28px;
    }
    #account div.wrapper div.rightSection div.contentsBox+div.contentsBox {
      margin-top: 28px;
      height:auto;
      padding:20px 0;
    }
    #account div.wrapper div.contentsBox p.title {
      text-align:center;
    }
    #account div.wrapper div.contentsBox.four {
      margin-bottom: 40px;
    }
  
  
    /*  */
    .moMenuWrap {
      display:block;
    }
    .moMenuWrap.on::after {
      display: block;
      content: '';
      background-color: #000;
      position: absolute;
      top: -10px;
      left: 0;
      width: 100%;
      height: 300vh;
      opacity: 0.7;
      z-index: -1;
    }
    .bar-back {
      width:40px;
      height:40px;
      border-radius:50%;
      background:#ffd803;
      position:fixed;
      top:15px;
      right:35px;
      cursor:pointer;
      display:none;
    }
    header div.contents div.menuWrapper p.userId {
      display:none;
    }
  
    .bar {display:block; width:33px;height:22px;position:relative;top:0;right:0;cursor:pointer;}
    .bar span {display:block;width:21px;height:2px;background:#333;position:absolute;}
    .bar span:first-child {top:2px;width:14px;right:12px;opacity:1;transition:0.3s;}
    .bar span:nth-child(2) {top:10px;transition:0.5s;}
    .bar span:nth-child(3) {top:10px;transition:0.5s;}
    .bar span:last-child {top:18px;width:14px;right:12px;opacity:1;transition:0.3s;}
  
    nav.navigation {
      display: block;
      background: #04BCB1;
      float: right;
      position: fixed;
      top: 0;
      width: 90%;
      left: -100%;
      height: 103%;
      color: #333;
      padding: 15px 0 0 0;
      z-index: 10;
      transition:left 0.2s ease-in-out;
      overflow-y: auto;
      overflow-x: hidden;
      padding-left:16px;
      padding-right: 16px;
    }
  
    nav.navigation div.userWrapper div.userImage {}
    nav.navigation div.userWrapper div.userImage img {
      width: 100%;
      max-width: 50px;
      border-radius: 50px;
      border: 1px solid #ddd;
    }
    nav.navigation div.userWrapper div.userContentsWrapper {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      text-align: left;
      gap: 5px;
      position: relative;
    }
  
    nav.navigation div.userWrapper div.userContentsWrapper div.userId {
      display: flex;
      text-align: left;
      width: 100%;
      max-width: 100%;
      border-radius: 3px;
      padding: 0;
      background-color: transparent;
    }
    nav.navigation div.userWrapper div.userContentsWrapper div.userId:hover {
      background-color:transparent;
    }
    nav.navigation div.userWrapper div.userContentsWrapper div.userId p {
      font-size: 14px;
      color: #fff;
      font-weight: 600;
      width: 100%;
      margin-left: 0;
    }
    nav.navigation div.userWrapper div.userContentsWrapper div.userPoint {
      height: auto;
      padding: 0;
    }
    nav.navigation div.userWrapper div.userContentsWrapper div.userPoint a {
      color: #fff;
      height: auto;
      white-space: normal;
      width: 100%;
      padding: 5px;
      line-height: 1;
    }
    /* nav wrapper */
    nav.navigation div.userWrapper {
      position: relative;
      display: flex;
      flex-direction: row;
      gap: 12px;
      margin-bottom: 30px;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    nav.navigation div.userBox {
      display:flex;
      gap: 11px;
    }
    nav.navigation i.xi-close {
      cursor: pointer;
      display: flex;
      align-items: center;
      position: relative;
      right: 0;
      font-size: 17px;
      font-weight: bold;
      width: auto;
      color: #fff;
      padding: 10px;
      border: 2px solid #fff;
      right: 20px;
      border-radius: 50%;
    }
    nav.navigation .userWrapper::after {
      display: block;
      content: '';
      width: 120%;
      height: 1px;
      position: absolute;
      bottom: -21px;
      left: -20px;
      background-color: #fff;
    }
    nav.navigation::-webkit-scrollbar {
      width: 9px;  
    }
  
    nav.navigation::-webkit-scrollbar-thumb {
      height: 20%; 
      background: #e6e6e6; 
  
      border-radius: 10px;
    }
  
    nav.navigation::-webkit-scrollbar-track {
      background: rgb(218 227 240 / 31%); 
    }
  
  
  
  
    nav strong, nav .menuName {
      font-size:17px;
      position:relative;
      display:block;
      text-align:center;
      padding:30px 0;
      z-index:999;
    }
  
    .menuNameMo {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.4px;
      color: #fff;
    }
    .userImageMo {
      width:100%;
      text-align:center;
    }
    .userImageMo img {
      width: 65px;
      height: 65px;
      border-radius:100%;
    }
    .userImageMo strong {
      font-size: 14px;
      font-weight: 300;
      position: relative;
      display: block;
      text-align: center;
      padding: 4px 0 20px;
      z-index: 999;
      color:#fff;
    }
  
  
    .menuListMo:last-of-type {
      padding-bottom:100px;
    }
    .menuIconMo img {
      width: 28px;
    }
  
    /* flex */
    nav.navigation .sideMenuContents {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    nav.navigation a {
      display: flex;
      align-items: center;
      height: 42px;
      color: #fff;
      font-weight: 600;
      gap: 12px;
      padding-left: 16px;
      padding-right: 16px;
    }
    .menuIconMo {
      display:flex;
      align-items:center;
      gap:12px;
    }
    nav.navigation a.sideMenuLink_a {
      margin-bottom:6px;
    }
    nav.navigation a.sideMenuLink_a:nth-of-type(1) {
      margin-top: 25px;
      position:relative;
    }
    nav.navigation a.sideMenuLink_a:nth-of-type(1)::after {
      display: block;
      content: "";
      position: absolute;
      top: -15px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #fff;
    }
  
    nav.navigation a.sideMenuLink_a {
      display: flex;
      align-items: center;
      height: 42px;
      padding-left: 16px;
      color: #fff;
    }
    nav.navigation a:visited,
    nav.navigation a:focus,
    nav.navigation a.active {
      text-decoration:none;
    }
    nav.navigation a.active {
      color: #fff;
      background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
      border-radius: 5px;
      position: relative;
      font-weight: 600;
    }
    nav.navigation a.active:hover {
      background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    }
    nav.navigation a:hover {
    }
  
    nav.navigation img {
      width:26px;
      max-width:100%;
    }
  
    nav.navigation menu-0,
    nav.navigation menu-1,
    nav.navigation menu-2 {
      margin-bottom:10px;
    }
    .menuList.menuUserLogout {
      margin-right: 16px;
      position: relative;
      margin-top: 25px;
      margin-bottom: 20px;
    }
    .menuList.menuUserLogout::before {
      display: block;
      content: '';
      position: absolute;
      top: -15px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #fff;
    }
    .menuList.menuUserLogout a {
      margin-bottom:6px;
      margin-right: 0;
    }
    div#menuPathname.active {
      color: #608AFF;
      background-color: #E6EFFC;
      border-radius: 5px;
      position: relative;
      font-weight: 600;
    }
  
    div#menuPathname.active span {
      color: #608AFF;
    }
    div#menuPathname.active::after {
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top:11px;
      width: 5px;
      height: 20px;
      background-color: #608AFF;
    }
    #account div.wrapper div.contentsBox {
      margin-bottom:24px;
    }
    #account .contentsBox.three {
      padding:20px 7px!important;
    }
  
  
  
  
    /* ----------------------------------768px~360px  : e ---------------------------------*/
  }
  
  @media (max-width:400px){
    nav.navigation {
      padding-top: 8px;
    }
    nav.navigation .userWrapper::after {
      bottom: -10px;
    }
  }
  @media(max-width:650px) {
    #resetPassword div.formWrapper {
      padding: 38px 15px;
    }
    #resetPassword .topBox p {
      font-size: 16px;
    }
    #addfunds .autoDescriptionWrapper {
      padding: 19px 11px;
    }
  }
  
  
  
  @media(max-width:600px) {
    #account div.mypageTitle strong{
      font-size: 18px;
    }
    .barBack.on {
      right:80px;
    }
  
    .rc-anchor-normal {
      height: 74px;
      max-width: 65%;
    }
    #affiliates .bottomSection {
      overflow-x:auto;
    }
    #affiliates .bottomSection .contentBox {
      width:auto;
    }
  }
  @media (max-width:400px){
    #orders div.orderHistoryWrapper {
      border-radius:14px;
    }
    #orders div.orderHistoryWrapper div.filterWrapper {
      border-radius: 14px;
    }
    nav.navigation a {
      font-size:12px;
    }
    .menuNameMo {
      font-size:12px;
    }
    nav.navigation i.xi-close {
      font-size: 13px;
      padding: 7px;
      display:flex;
      text-align:center;
      right: 10px;
      justify-content: center;
    }
    nav.navigation div.userWrapper div.userContentsWrapper div.userId p {
      font-size:12px;
    }
    nav.navigation div.userWrapper div.userContentsWrapper div.userPoint a {
      font-size:12px;
    }
    nav.navigation div.userWrapper div.userImage img {
      width:40px;
      border:1px solid #fff;
    }
  }
  @media (max-width:320px){
    nav.navigation div.userWrapper div.userContentsWrapper {
      flex-direction:column;
      gap:3px;
    }
  }
  
  @media (max-width: 500px) {
    .barBack.on {
      right:70px;
    }
  
    #neworder .confirmBottomDiv {
      font-size:10px;
      margin-bottom: 10px;
    }
    #neworder .confirmBottomDiv {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      box-shadow: 0px 0px 20px #00000029;
      border-radius: 45px;
      background-color: #000;
      border: none;
      color: #fff;
      letter-spacing: 1.2px;
      padding: 4px 56px;
      padding: 14px 0;
      margin: 0;
      padding: 0;
      height: 44px;
      margin-bottom:10px;
    }
    #neworder .confirmTop {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      margin: 0 0 0 0;
      box-shadow: 0px 0px 20px #00000029;
      border-radius: 45px;
      background-color: #000;
      border: none;
      color: #fff;
      letter-spacing: 1.2px;
      padding: 0;
      height: 44px;
      font-size: 10px;
    }
    #neworder figure.figure {
    }
  
  }
  
  
  @media (max-width: 400px){
  
    /*order*/
    #orders div.orderList div.orderTitle {
      padding:13px 46px 13px 7px;
    }
    #orders div.orderList div.orderId {
      display:flex!important;
      align-items:center;
      line-height: 1;
    }
    #orders div.orderList div.orderId strong {
      font-size:12px;
    }
    #orders div.orderList div.orderTitle::after {
      right:0;
    }
    #orders div.orderTitleServiceBox strong {
      font-size: 12px;
    }
    #orders div.orderList strong.orderList {
      font-size:12px;
    }
    #orders span#orderCopy2 {
      font-size:12px;
      height:22px;
    }
    #orders div.orderList strong.orderList {
      height:22px;
    }
    #orders div.orderList div.orderStatus strong {
      font-size:12px;
    }
    #orders #orderCopy {
      font-size: 12px;
      padding:4px 5px;
    }
    #orders div.orderList div.orderContents strong {
      font-size:12px;
    }
    #orders div.orderList div.orderContents strong.order_Service {
      width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    #orders div.orderList div.orderContents.active {
      height:240px;
    }
    #orders .wrapper {
      padding: 0 10px 100px 10px!important;
    }
    #orders div.orderList div.orderId strong + strong {
      font-size:12px;
    }
    #orders div.orderList div.orderContents ul {
      padding:8px 7px 8px;
    }
    #orders a.orderLinkCopy {
      max-width: 100px;
      width: auto;
      display: initial;
      color: #608AFF;
      text-decoration: underline;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 12px;
    }
  
    .barBack.on {
      right:60px;
    }
    main section.section2 .contents .snsWrap .snsBox ul li .borderRadius{
      top: -8px;
      left: -7px;
    }
  
    #signup div.formWrapper p.signup {
      font-size: 16px;
    }
    #signup div.formWrapper p.title {
      font-size: 20px;
    }
    #signup div.formWrapper p.signup {
      padding-bottom: 8px;
    }
    #signup div.formWrapper p.title::after {
      width:100%;
    }
    main section.section3 div.contents div.counterBox p.description {
      font-size:14px;
    }
    main section.section3 div.contents div.counterBox span.counter {
      font-size:21px;
    }
  }
  @media (max-width: 390px){
    main section.section4 .description {
      padding: 10px 12px;
      font-size: 13px;
      line-height: 1.4;
    }
    main section.section2 .contents .snsTextBox h2 {
      font-size: 13px;
    }
  
  
  }
  @media (max-width: 375px) {
    main section.section2 .contents .snsWrap .snsBox ul li span {
      padding-top: 34px;
    }
    main section.section2 .contents .snsWrap .snsBox ul li .snsTextBox h2 {
      font-size: 16px;
      padding-bottom: 6px;
    }
    main section.section2 .contents .snsWrap .snsBox ul li span img {
      padding-bottom:0;
    }
    main section.section5 div.contents div.stepBox p.description {
      font-size: 11px;
    }
  
  }
  
  
  @media (max-width: 360px){
    main section.section1 div.inputWrapper input {
      width: 100%!important;
    }
    main section.section1 div.inputWrapper #username {
      margin-bottom:10px;
    }
    main section.section1 .left p.subTitle.aos-init.aos-animate {
      padding-right: 100px;
    }
    main section.section1 div.loginBottomWrapper div.checkBoxWrapper label.checkBoxText {
      font-weight:500;
    }
    main section.section1 .signUp {
      font-weight:500;
      padding-right: 12px;
    }
    main section.section1 div.loginBottomWrapper a.findPasswordLink {
      font-weight:500;
    }
    main section.section1 .signUp::after {
      left: 94%;
    }
    main section.section2 .contents .snsWrap .snsBox ul li .borderRadius {
      top: -6px;
      left: -5px;
    }
    main section.section2 .contents .snsWrap .snsBox ul li .snsTextBox h2 {
      font-size: 10px;
      padding-bottom: 3px;
    }
    main section.section2 .contents .snsWrap .snsBox ul li .snsTextBox strong {
      font-size: 10px;
    }
    main section.section2 .contents .snsWrap .snsBox ul li span {
      padding-top: 35px;
    }
    main section.section3 {
      margin-top: -200px;
    }
    main section.section3 {
      max-width: 100%;
      background: #008BFF;
      padding: 272px 0 60px;
    }
    header div.contents div.menuWrapper ul li button.preview {
      font-size: 10px;
      width: auto;
    }
    header div.contents div.menuWrapper ul li a {
      font-size:10px;
      width: auto;
    }
    main section p.sectionDescription {
      padding: 0 20px 33px 20px;
    }
    main section.section4 div.contents div.iconWrapper .title {
      font-size:15px;
    }
    main section.section4 .description {
      padding: 16px 9px;
      font-size: 12px;
      line-height: 1.4;
    }
    main section p.sectionTitle {
      font-size: 20px;
      padding-bottom: 62px;
    }
    main section.section7 .topBox h2 {
      font-size: 20px;
      padding: 0;
    }
    main section.section7 .menu-1 ul > li > p {
      padding-left: 20px;
      font-size: 14px;
    }
    main section.section7 .menu-1 ul > li.active > p:not(:only-child) {
      font-size: 14px;
    }
    main section.section7 .menu-1 ul > li.active .menu-1-body__content {
      font-size: 11px;
    }
    /*-------------------------------------------- A?: 360px ---------------------------------*/
  }
  @media (max-width:768px){
    #subscriptions div.filterWrapper {
      padding: 10px 11px 12px 11px;
      margin-bottom:18px;
    }
  }
  @media (max-width: 400px) {
    .barBack.on {
      right:50px;
    }
    #subscriptions div.filterWrapper div.statusButtonWrapper {
      width:100%;
    }
    #subscriptions .filterWrapper button{
      width:100%;
    } 
    #subscriptions .filterWrapper select {
      width:100%;
    }
    #subscriptions div.filterWrapper {
      height:auto;
      padding-top:10px;
      padding-bottom:12px;
      border-radius: 14px;
    }
    #subscriptions .input-group-btn {
      width:33px;
    }
  }
  @media (max-width: 343px) {
    main section.section4 .description {
      padding: 16px 9px;
      font-size: 11px;
      line-height: 1.4;
    }
    main section.section7 .menu-1 ul > li.active .menu-1-body__content {
      font-size: 11px;
    }
    #hot-hashtag div.contents div.tableWrapper {
      font-size:12px;
    }
  
  }
  
  @media (max-width: 350px) {
    section.section4 .description {
      padding: 10px 12px;
      font-size: 11px;
      line-height: 1.4;
    }
    main section.section5 div.contents div.stepBox p.title {
      font-size:13px;
    }
    section.section5 div.contents div.stepBox p.description {
      font-size: 11px;
    }
    main section.section5 div.contents div.stepBox {
      padding: 13px 14px 3px
    }
    main section.section5 div.contents div.stepBox p.title {
      font-size: 13px;
    }
    section.section5 div.contents div.stepBox p.description {
      font-size: 11px;
    }
    main section.section7 {
      padding: 10px 0 0 0;
    }
  
    #neworder .noticeWrapper .noticeTabWrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      /* padding-bottom: 1.2px; */
    }
    #neworder .noticeTab:first-of-type {
      width: auto;
      /* margin-bottom: 10px; */
      text-align: center;
    }
    #neworder .noticeTab:last-of-type {
      width: auto;
      text-align: center;
    }
  }   
  @media (max-width: 327px) {
    #top-account div.tabWrapper div.tab {
      margin-left:10px;
      font-size: 13px;
    }
    #top-account div.tabWrapper div.tab:last-of-type {
      margin-left:10px!important;
    }
    #top-account div.tabWrapper {
      padding-left:4px;
    }
    #top-account .updateDate {
      font-size:13px;
    }
    #top-account div.contents p.title {
      font-size:19px;
    }
    #top-account div.tabWrapper div.tab + div.tab {
      margin-left:10px;
    }
  
  }
  @media (max-width: 320px) {
    main section.section4 .description {
      padding: 10px 12px;
      font-size: 11px;
      line-height: 1.23;
    }
    main section.section7 .menu-1 ul > li.active > p:not(:only-child) {
      font-size: 11px;
    }
    main section.section7 .menu-1 ul > li.active > p:not(:only-child) {
      font-size: 20px;
      padding-bottom: 12px;
    }
    main section.section7 .menu-1 ul > li > p {
      padding-left: 20px;
      font-size: 11px;
    }
    main section.section2 .contents .snsWrap .snsBox ul li span {
      padding-top: 15px;
    }
    main section.section7 .menu-1 ul > li > p {
      padding-left: 20px;
      font-size: 12px;
    }
    #signup div.formWrapper p.title {
      font-size: 18px;
    }
  }
  @media (max-width: 300px) {
    .barBack.on {
      right:40px;
    }
    #orders div.orderList div.orderContents strong.order_Service {
      width: 170px;
    }
  }
  @media (max-width:320px){
    .nowrap {
      white-space: inherit!important;
      font-size:12px;
    }
    #addfunds section.bottomSection div.contentsBox:nth-child(2) .table > tbody > tr > td {
      font-size:12px;
    }
  }
  
  /* ----------------------------------360px  ---------------------------------*/
  @media (max-width: 280px) {
    main section.section4 .description {
      line-height: 1.3;
      padding: 10px 12px;
      font-size: 10px;
    }
    main section.section7 .menu-1 ul > li > p {
      padding-left: 20px;
      font-size: 10px;
    }
    main section.section7 .menu-1 ul > li.active .menu-1-body__content {
      font-size: 11px;
    }
    main section.section7 .menu-1 ul > li.active > p:not(:only-child) {
      font-size: 11px;
    }
    #signup div.formWrapper p.title {
      font-size: 16px;
    }
  
    #signup div.formWrapper form {
      padding-top: 0px;
    }
    #signup div.formWrapper form {
      width: 95%;
    }
    #signup button.signupButton {
      height: 50px;
    }
    #hot-hashtag div.tabWrapper div.tab {
      padding:9px 3px;
    }
    #hot-hashtag .updateDate {
      font-size:12px;
    }
    #hot-hashtag div.contents div.tableWrapper div.tableHeaderWrapper {
      font-size:12px;
    }
    #hot-hashtag div.contents div.tableWrapper div.increaseRate {
      font-size:12px;}
    #hot-hashtag div.contents div.tableWrapper div.hashtag{
      font-size:12px;
    }
    #faq div.wrapper div.faqFilterWrapper div.faqFilterBox {
      padding: 9px 16px;
      font-size: 14px;
    }
    #faq div.wrapper div.faqFilterWrapper div.faqFilterBox+div.faqFilterBox {
      margin-left:0;
    }
    #faq div.wrapper div.faqFilterWrapper {
      padding-left:0;
      margin-bottom:16px;
    }
    #faq .even figure strong {
      font-size:10px;
    }
    #faq .even figure strong::after, #faq .odd figure strong::after {
      font-size:12px;
    }
    #faq figure.active strong {
      font-size:11px!important;
    }
    #faq figure.active div {
      font-size:10px;
    }
    #orders div.totalWrapper div.totalBox p.count {
      font-size:16px;
    }
    #orders div.totalWrapper div.totalBox p.name {
      font-size:14px;
    }
    #addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
      font-size:16px;
      font-weight:500;
    }
    .bar {
      width: 23px;
      height: 22px;
    }
    .bar span:first-child {
      width: 14px;
      right: 12px;
    }
    .bar span:nth-child(2) {
      top: 8px;
    }
    .bar span:nth-child(3) {
      top: 8px;
    }
    .bar span:last-child {
      top:14px;
      width:14px;
      right:12px;
    }
    .barBack.on {
      /* top: 0; */
      /* right: 9px; */
      /* cursor: pointer; */
      /* display: block; */
      /* width: 21px; */
      /* height: 21px; */
      /* border: 2px solid #fff; */
    }
  
  
    header div.contents div.menuWrapper div.userPoint {
      padding:5px 13px;
    }
    .bar span {
      width:12px;
    }
    .menuIconMo img {
      width:22px;
    }
    .menuNameMo {
      font-size:12px;
    }
    #neworder figure {
      padding:12px 7px;
    }
    #neworder strong {
      font-size:10px;
    }
    #neworder figure strong::after {
      font-size:8px;
    }    
    #hot-hashtag div.contents div.tableWrapper {
      font-size:12px;
    }
    #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper p.link {
      padding-left: 12px;
      margin-right:0;
    }
    #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
      font-size: 13px;
      padding: 5px 8px;
    }
    main section.section3 div.contents div.counterBox p.description {
      font-size:12px;
    }
    #neworder .itemDescriptionWrapper {
      padding: 24px 18px 24px 14px;
    }
    #neworder section.orderWrapper div.tabWrapper div.tab{
      margin-right:0;
    }
    /**/
    #payment div.priceButtonWrapper div.priceButton {
      font-size: 11px;
    }
  }
  
  
  
  .paymentDescription {
    position:relative;
  }
  #payment p.title {
    text-align: left;
    margin-bottom: 12px;
    margin-left: 0;
    color: #1C3B55;
    font-size: 18px;
    font-weight: 600;
  }
  @media (max-width:1540px){
    #affiliates {
      flex-direction:column;
      gap:0;
      padding-bottom: 100px;
    }
    #affiliates div.wrapper {
    }
    #affiliates div.affiliates_order_wrapper {
      margin-left:40px;
      max-width:100%;
      height:auto;
    }
    #affiliates .well {
      width:100%;
      max-width:100%;
      margin-left:0;
      height:auto;
      margin-top: 16px;
    }
  }
  @media (max-width: 1000px) {
    #affiliates div.wrapper section.middleSection {
      flex-direction:column;
    }
  }
  @media (max-width:768px) {
    #affiliates div.affiliates_order_wrapper {
      margin-left:0;
    }
    #affiliates {
    }
  }
  @media (max-width:600px) {
    #affiliates .well {
      margin-left:0;
    }
    #payment div.paymentChargeWrapper {
      flex-wrap:wrap;
      flex-direction:column;
    }
    #payment div.cardNoneFlexWrapper {
      flex-direction:column;
      display:flex;
    }
    #payment div.paymentDescription {
      flex-direction:column;
    }
    #addfunds .autoDescriptionWrapper {
      width:100%;
      max-width:100%;
    }
    #payment div.paymentDescription div.paymentFlexWrapper {
      width:100%;
      max-width:100%;
    }
    #addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
      height:64px;
    }
    #addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
      font-size:14px;
    }
    #addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox.active p.methodName {
      font-size:14px;
    }
    #affiliates {
    }
  }
  @media (max-width:360px) {
    #affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper p.link {
      cursor: pointer;
      margin-top: 0;
      width: auto;
      padding-right: 10px;
      min-width: initial;
      color: #5D5D5D;
      font-weight: 600;
      position: relative;
      color: #608AFF;
      text-decoration: underline;
      font-weight: 600;
      max-width: 120px;
      width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-align: left;
      font-size: 12px;
    }
  }
  
  
  
  
  .totop {position:fixed;bottom: 194px;right: 95px;cursor:pointer;}
  .totop i {
    background: #5C6B96;
    border: 2px solid #ccc;
    font-size:24px;
    font-weight:600;
    color:#fff;
    padding:20px;
    border-radius: 37%;
  }
  @media (max-width:600px) {
    .totop {
      position: fixed;
      bottom: 128px;
      right: 22px;
      cursor: pointer;
    }
    .totop i {
      font-size: 13px;
      font-weight: 600;
      color: #fff;
      padding: 10px;
      border-radius: 50%;
    }
  }
  
  @media (max-width:1200px) {
    /* header */
    header.header {
      position:fixed;
    }
    header div.contents div.menuWrapper ul li {
    }
    header div.contents div.menuWrapper ul li button.preview {
      color: #5C6B96;
    }
    header div.contents div.menuWrapper ul li a {
      /* color: #5C6B96; */
    }
    .main_snsWrapper i {
      color: #E1E6F5!important;
    }
    #main section.sec01.section div.scrollWrapper {
      z-index:999;
      right:0;
    }
    #main section.sec01.section div.scrollWrapper span {
      color:#E1E6F5!important;
    }
    /*video*/
    #main div.Wrap section.sec01 .videoWrap video#spotVideo {
      padding:0;
    }
    .videoWrap::after {
      width:100%;
      margin:0;
    }
    #main div.Wrap section.sec01 {
      height:100vh;
    }
    #main div.Wrap section.sec01 div.textWrap {
      left:0;
    }
  }
  @media (max-width:768px){
    #main div.Wrap section.sec01 div.loginWrapper form {
      max-width: 100%;
    }
    #main div.Wrap section.sec01 div.loginWrapper {
    }
    #main div.Wrap section.sec01 div.loginWrapper div.loginWrapper {
      margin-top:8px;
    }
    #main div.Wrap section.sec01 div.loginWrapper div.loginFormWrapper {
      padding-bottom:20px;
      max-width: 524px;
    }
    #main div.Wrap section.sec01 div.loginWrapper button.signupButton {
      background-color:#C14F7C;
      border: 2px solid #F2F3F2;
      width: 100%;
    }
    #main div.Wrap section.sec01 div.loginWrapper button.loginButton {
      background-color:#00C3B3;
      width: 100%;
      height: 40px;
      font-size: 16px;
    }
    #main div.Wrap section.sec01 div.loginWrapper button.signupButton a {
      color:#fff;
    }
    #main div.Wrap section.sec01 div.loginLeftWrapper {
      max-width: 100%;
    }
    #main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper {
      max-width: 100%;
      gap: 20px;
      gap: 4px;
    }
    #main div.Wrap section.sec01 .mainWrap {
      height:100%;
      padding-top: 100px;
    }
    #main div.Wrap section.sec01 .videoWrap {
      max-width:100%;
      /* height: 100%; */
    }
    #main div.Wrap section.sec01 div.textWrap {
      text-align: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 93%;
      margin: 0 auto 40%;
    }
    #main div.Wrap section.sec01 div.loginWrapper button {
      width:170px;
    }
    #main div.Wrap section.sec01 div.textWrap h2 {
      font-size:30px;
      color: #fff;
      text-align: left;
    }
    #main div.Wrap section.sec01 div.textWrap p {
      color:#fff;
      text-align:left;
      font-size:18px;
      padding-bottom: 30px;
    }
    #main div.Wrap section.sec01 div.textWrap p br {
      display:none;
    }
    #main div.Wrap section.sec01 div.textWrap h3 {
      font-size:25px;
      text-align:center;
      justify-content:center;
    }
    #main div.Wrap section.sec01 div.textWrap span {
      font-size:25px;
      text-align: center;
      justify-content: center;
      -webkit-text-stroke: 1px #fff;
    }
    header.header {
      height: 70px;
    }
    header div.contents {
      max-width: 93%;
      width: 100%;
    }
    header div.contents a.logo img {
      width: 130px;
      height:auto;
    }
    header div.contents div.menuWrapper ul {
      gap:10px;
    }
  
    header div.contents div.menuWrapper ul li a {
      font-size:14px;
      /* color: #5C6B96; */
    }
    header div.contents div.menuWrapper ul li.none.active a {
      font-size:14px;
      width:60px;
      height:60px;
      background-color: transparent;
      color: #8A98C0;
    }
  
  
    header div.contents div.menuWrapper ul li.active a {
      width: auto;
      height: auto;
      transition: all 0.5s;
    }
    header div.contents div.menuWrapper ul li.active .preview {
      width:60px;
      height:60px;
    }
    header div.contents div.menuWrapper ul li a:hover {
      width: auto;
      height: auto;
    }
  
  }
  @media (max-width:600px) {
    #main div.Wrap section.sec01 div.loginWrapper {
      flex-direction:column;
      gap: 10px;
    }
  
    header div.contents div.menuWrapper ul li a:hover {
      width: auto;
      height: auto;
    }
    header div.contents div.menuWrapper ul li.active a {
      width: auto;
      height: auto;
    }
  
  
    header div.contents div.menuWrapper ul li.active a:hover {
  
    }
  }
  @media (max-width:500px){
    header div.contents div.menuWrapper ul li a:visited,
    header div.contents div.menuWrapper ul li a:focus,
    header div.contents div.menuWrapper ul li a:hover {
      background: transparent;
      color:#fff;
      text-decoration:none;
      width: 100px;
    }
    header div.contents div.menuWrapper ul li.active a {
      width: auto;
      height: auto;
    }
    header div.contents div.menuWrapper ul li.active a:hover {
    }
    header div.contents div.menuWrapper ul li a:hover {
      color:#8A98C0;
      background: transparent;
  
    }
    header div.contents div.menuWrapper ul li button.preview:hover  {
      background: transparent;
      color:#8A98C0;
  
    }
    header div.contents div.menuWrapper ul li.none.active a {
      width: 60px;
      height: 60px;
    }
    header div.contents div.menuWrapper ul li.none.active a:hover {
      background:transparent;
      color:#8A98C0;
      width:60px;
      height:60px;
  
    }
    header div.contents div.menuWrapper ul li.active a {
  
      background: transparent;
  
      color: #fff;
  
    }
    header div.contents div.menuWrapper ul li.active a::after hover 
  }
  header div.contents div.menuWrapper ul {
    position:relative;
  }
  header div.contents div.menuWrapper ul::after {
    content: '';
    position: absolute;
    bottom: -26px;
    left: -11px;
    background-color: #fff;
    width: 114%;
    height: 1px;
  }
  header div.contents div.menuWrapper ul li.active a:hover {
  
  }
  header div.contents div.menuWrapper ul li a {
    position:relative;
  }
  header div.contents div.menuWrapper ul li.active a::after {
    display:block;
  
    position: absolute;
    width:5px;
    height:5px;
    background: #253858;
    top: 5px;
    right:9px;
    border-radius:50%;
    transition: 0.5s;
  }
  header div.contents div.menuWrapper ul {
    gap: 49px;
  }
  }
  @media (max-width:400px) {
    header div.contents {
      max-width:98%;
    }
    header div.contents div.menuWrapper ul li button.preview {
      width:50px;
      font-size: 12px;
      line-height: initial;
    }
    header div.contents div.menuWrapper ul li a {
      width: 55px;
      font-size: 12px;
      line-height: initial;
    }
    header div.contents div.menuWrapper ul li.active a {
      width:50px;
    }
    header div.contents div.menuWrapper ul li.active {
      width:50px!important;
    }
    header div.contents div.menuWrapper ul li.active a {
      font-size:12px!important;
    }
  
  
    header div.contents a.logo img{
      width:100px;
    }
  }
  @media (max-width:340px) {
    header div.contents a.logo img {
      width:100%;
    }
    header div.contents a.logo img.pc {
      display:none;
    }
    header div.contents a.logo img.mobile {
      display: block;
      width: 30px;
      height: auto;
    }
    header div.contents .logo {
      margin-right: 0;
    }
  
  }
  @media (max-width: 500px) {
    #main div.Wrap section.sec01 div.textWrap h2 {
      font-size: 16px;
    }
    #main div.Wrap section.sec01 div.textWrap h3 {
      font-size:20px;
    }
    #main div.Wrap section.sec01 div.textWrap span {
      font-size:20px;
    }
    #main div.Wrap section.sec01 div.textWrap p {
      font-size:12px;
    }
    #main div.Wrap section.sec01 div.loginBottomWrapper div.checkBoxWrapper label {
      /* color:#fff; */
    }
    #main div.Wrap section.sec01 div.loginBottomWrapper a.findPasswordLink {
      /* color:#fff; */
    }
  }
  @media (max-width:290px) {
    #main div.Wrap section.sec01 div.textWrap h2 {
      font-size:17px;
    }
    #main div.Wrap section.sec01 div.textWrap h3 {
      font-size:17px;
    }
    #main div.Wrap section.sec01 div.textWrap span {
      font-size:17px;
    }
  }
  #neworder div.favoritesWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: url('https://storage.hotpartners.co.kr/snsmeme/favorite.png');
    border-radius: 5px;
    padding: 24px 0;
    margin-bottom: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display:none;
  }
  
  #neworder div.favoritesWrapper > * {
    width: 100%;
    max-width: 386px;
  }
  
  #neworder div.favoritesWrapper p {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
  }
  
  #neworder div.favoritesWrapper div.favoritesSettingButton {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E6EFFC;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    width: 150px;
  }
  div.favoritesWrapper span.Mo_br {
    display:none;
  }
  @media (max-width:500px) {
    div.favoritesWrapper span.Mo_br {
      display:block;
    }
    #neworder div.favoritesWrapper {
      padding:83px 10px;
    }
    #neworder div.favoritesWrapper p {
      font-size:16px;
    }
    #neworder div.favoritesWrapper div.favoritesSettingButton {
      width: 140px;
    }
  }
  #neworder #favorites-setting-modal {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,0.6);
    transform: translate(-50%, -50%);
    z-index: 1000;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalContentsWrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 880px;
    height: 784px;
    background: #3b3b3b;
    border: 1px solid #8a98c0;
    border-radius: 10px;
    overflow: hidden;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalHeader {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    border-bottom: 1px solid #8a98c0;
    padding: 20px 32px;
  }
  
  #neworder #favorites-setting-modal p.favoritesSettingModalHeaderTitle {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-right: 24px;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalResetButton {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #5d5d5d;
    padding: 4px 8px;
    cursor: pointer;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalResetButton img {
    width: 24px;
    height: 24px;
    margin-left: 8px;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCloseButton {
    width: 32px;
    height: 32px;
    margin-left: auto;
    cursor: pointer;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalContents {
    flex: 1;
    padding: 24px 32px;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategoryWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 26px; 
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    background: #D8D8D8;
    border-radius: 26px;
    font-size: 11px;
    font-weight: 700;
    color: #9f9f9f;
    overflow: hidden;
    cursor: pointer;
    margin-left:-9px;
    position:relative;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active {
    color: #fff;
    border:3px solid #608AFF;
    z-index: 9;
    width: 70px;
    height: 74px;
    border-radius: 27px;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory::after {
    display:block;
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    border: 3px solid #fff;
    border-radius: 25px;
  }
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active.instagram {
    background: url('https://storage.perfectcdn.com/7mcojg/ggnbutzqns3xgb4a.png') no-repeat center center fixed;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active.instaedit {
    background: #C75CFF;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active.facebook {
    background: #608AFF;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active.youtube {
    background: #E60000;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active.ticktalk {
    background: #000;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active.etc {
    background: #B5BFDB;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCategory img {
    width: 20px;
    height: 20px;
    margin-bottom: 6px;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalServiceWrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    height: 100%;
    max-height: 500px;
    background: #fff;
    padding: 24px 16px;
    overflow-y: auto;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalServiceBox {
  
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCheckBox {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    color: #5D5D5D;
    padding-left: 28px;
    cursor: pointer;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCheckBox img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCheckBox.active {
    font-weight: 700;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalCheckBox.all {
    font-size: 14px;
    font-weight: 700;
    color: #3b3b3b;
    padding: 4px 0;
    margin-bottom: 4px;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-bottom: 32px;
  }
  @media (max-width:1000px) {
    #neworder #favorites-setting-modal div.favoritesSettingModalContentsWrapper {
      max-width:90%;
    }
  }
  @media (max-width:900px) {
    #neworder #favorites-setting-modal div.favoritesSettingModalServiceWrapper {
      display: grid;
      grid-template-columns: 1fr;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalContentsWrapper {
      overflow: initial;
    }
  }
  @media (max-width:500px) {
    #neworder #favorites-setting-modal div.favoritesSettingModalCategoryWrapper {
      flex-wrap:wrap;
    }
  }
  @media (max-width:450px) {
    #hot-hashtag {
      padding-right:0;
    }
    #hot-hashtag div.tabWrapper_hot {
      padding-right:16px;
    }
    #hot-hashtag div.contents_hotWrapper {
      width:100%;
      max-width:500px;
      overflow-y:scroll;
    }
    #hot-hashtag div.contents {
      max-width:100%;
      width:100%;
      overflow-y:scroll;
      padding-right:16px;
    }
    #hot-hashtag div.contents div.tableWrapper {
      width:100%;
      overflow-y:scroll;
      min-width:600px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalContents {
      padding:24px 12px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalCheckBox {
      padding-left:10px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalCategoryWrapper{
      margin-left:10px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalCheckBox {
      font-size:11px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalCheckBox.all{
      font-size:13px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalServiceWrapper {
      padding:12px 5px;
    }
    #neworder #favorites-setting-modal {
      height:100%;
      overflow:hidden;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalContentsWrapper {
      overflow:auto;
      margin-top:0;
      height:600px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalHeader {
      padding:13px 12px;
    }
    #neworder #favorites-setting-modal p.favoritesSettingModalHeaderTitle {
      font-size:15px;
      margin-right:12px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalCloseButton {
      width: 14px;
      height: 14px;
      margin-left: auto;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalContents {
      height: auto;
      overflow: auto;
      max-height: 514px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalFooter {
      margin: 10px 10px 20px;
    }
  }
  @media (max-width:360px) {
    #neworder #favorites-setting-modal div.favoritesSettingModalCategory::after {
      border: 3px solid #fff;
      border-radius: 24px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalCategory.active {
      width: 65px;
      height: 66px;
      border-radius: 26px;
    }
    #neworder #favorites-setting-modal div.favoritesSettingModalCategory {
      width: 61px;
      height: 61px;
    }
  }
  #neworder #favorites-setting-modal div.favoritesSettingModalCancelButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 182px;
    height: 38px;
    background: #9f9f9f;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-right: 12px;
    cursor: pointer;
  }
  
  #neworder #favorites-setting-modal div.favoritesSettingModalActiveButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 182px;
    height: 38px;
    background: #8A98C0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
  }
  
  /*-------------------------------------------------------------------------------*/
  #addfunds .tel_description {
    border: 1px solid #E6EFFC;
    margin-top: 50px;
    padding: 20px;
    background-color: #E6EFFC;
    border-radius: 5px;
    display: flex;
    gap: 15px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  #addfunds div.tel_title {
  
  }
  #addfunds div.tel_title strong {}
  
  
  #addfunds .tel_contents {}
  #addfunds p.tel_contents1 {
    font-size: 14px;
    font-weight: 500;
    color: #333;
  }
  
  #addfunds b.tel_contents2 {
    font-weight: 500;
    color: #999999;
    text-decoration: underline;
  }
  .tel_footer {
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative;
    margin-left: 21px;
    justify-content: space-between;
  }
  .tel_footer:before {
    display:block;
    content:"";
    width:1px;
    height: 85%;
    position:absolute;
    top: 2px;
    left: -10px;
    background-color:#fff;
  }
  .tel_footer strong {
    color: #fff;
    font-weight: 500;
    text-align: left;
    font-size: 13px;
  }
  .tel_footer strong.strong {
    font-weight:700;
  }
  
  @media (max-width:520px) {
    #addfunds .tel_description {
      flex-direction:column;
      text-align:center;
      gap:5px;
    }
  }
  @media (max-width:430px){
    #addfunds b.tel_contents1 {
      font-size:13px;
    }
    #addfunds b.tel_contents2 {
      font-size:13px;
    }
  }
  
  @media (max-width:500px) {
    #neworder div.comment_modalBox {
      width:90%;
      height:auto;
    }
    .comment_modalBox .comment_modalFilterWrapper {
      padding:20px 16px 24px;
    }
    .comment_modalBox .comment_modalFilterWrapper .comment_Title ul li {
      width:100%;
    }
    #neworder div.comment_modalBox div.comment_modalTitleContentsWrapper {
      padding:27px 16px;
    }
  }
  @media (max-width:360px){ 
    .comment_modalBox .comment_modalFilterWrapper .comment_Title img {
      width:auto;
      height:18px;
    }
    .comment_modalBox .comment_modalFilterWrapper .comment_Title ul {
      gap:3px;
    }
    .comment_modalBox .comment_modalFilterWrapper .comment_Title ul li p {
      font-size:12px;
    }
    .comment_modalBox .comment_Category {
      margin-top:22px;
      padding:14px 8px;
    }
    .comment_modalBox .comment_Category .comment_CategoryEdit ul li {
      font-size:12px;
    }
  }
  
  @media (max-width:300px) {
    #neworder #fields div.orderCommentWrapper div.commentBox  {
      width:auto;
    }
    #neworder #fields div.orderCommentWrapper {
      display:grid;
      grid-template-columns:1fr 1fr;
      width: 100%;
    }
    .comment_modalBox .comment_modalFilterWrapper .comment_Title ul li p br {
      display:block;
    }
    .comment_modalBox .comment_Category .comment_CategoryTitle h3 {
      font-size:13px;
    }
    .comment_modalBox .comment_Category .comment_CategoryEdit ul li {
      flex-direction:column;
    }
  }
  #neworder section.orderWrapper img.postImg {
    position:absolute;
    top:-4px;
    right:0;
    z-index:999;
    width: 18px;
  }
  img.postImg.posiImg1 {
    top: -8px!important;
    right: -6px!important;
  }
  
  #neworder section.orderWrapper div.tabWrapper div.tab.active.popular {
    position: relative;
    background: #fff;
    border: 2px solid #608AFF;
    z-index: 1;
    background: #4FA1B6;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.popular:hover {
    position: relative;
    background: #fff;
    border: 2px solid #608AFF;
    background: #4FA1B6;
    opacity:0.5;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active.instagram {
    position: relative;
    background: #fff;
    border: 2px solid #608AFF;
    z-index: 1;
    background: #fff url(https://storage.perfectcdn.com/7mcojg/ggnbutzqns3xgb4a.png) 0% 0% no-repeat padding-box;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.instagram:hover {
    position: relative;
    background: #fff;
    border: 2px solid #608AFF;
    background: #fff url(https://storage.perfectcdn.com/7mcojg/ggnbutzqns3xgb4a.png) 0% 0% no-repeat padding-box;
    opacity:0.5;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab:hover p.tabName {
    color:#fff;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active.instaedit {
    position:relative;
    background: #C75CFF;
    font-weight: 600;
    border: 2px solid #608AFF;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.instaedit:hover {
    position:relative;
    background: #C75CFF;
    font-weight: 600;
    border: 2px solid #608AFF;
    opacity:0.5;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active.facebook{
    position:relative;
    border: 2px solid #608AFF;
    background-color: #608AFF;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.facebook:hover {
    position:relative;
    border: 2px solid #608AFF;
    background-color: #608AFF;
    opacity:0.5;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active.youtube{
    position:relative;
    border: 2px solid #608AFF;
    background-color: #E60000;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.youtube:hover {
    position:relative;
    border: 2px solid #608AFF;
    background-color: #E60000;
    opacity:0.5;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active.ticktalk{
    position:relative;
    border: 2px solid #608AFF;
    background-color: #000;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.ticktalk:hover {
    position:relative;
    border: 2px solid #608AFF;
    background-color: #000;
    opacity:0.5;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.active.etc{
    position:relative;
    border: 2px solid #608AFF;
    background-color: #B5BFDB;
  }
  #neworder section.orderWrapper div.tabWrapper div.tab.etc:hover {
    position:relative;
    border: 2px solid #608AFF;
    background-color: #B5BFDB;
    opacity:0.5;
  }
  
  
  
  #signup {
    height: 100vh;
    max-height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }
  @media (max-width:600px){
    #signup {
      height: 100%;
      min-height: 100vh;
      overflow: visible;
    }
  }
  #signup div.sigupContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  #signup div.videoWrap {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 100%;
    max-width: 1600px;
  }
  #signup div.videoWrap video#spotVideo_signup.pc {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
    width: 100%;
    padding: 0;
    display:block;
  }
  #signup div.videoWrap video#spotVideo_signup.mobile {
    display:none;
  }
  #signup div.videoWrap video#spotVideo_signup.mobile_360{
    display:none;
  }
  @media (max-width:1000px){
    #signup div.videoWrap video#spotVideo_signup.pc {
      display:none;
    }
    #signup div.videoWrap video#spotVideo_signup.mobile {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      height: 100%;
      overflow: hidden;
      width: 100%;
      padding: 0;
      display:block;
    }
  }
  @media (max-width:600px){
    #signup div.videoWrap video#spotVideo_signup.pc {
      display:none;
    }
    #signup div.videoWrap video#spotVideo_signup.mobile {
      display:none;
    }
    #signup div.videoWrap video#spotVideo_signup.mobile_360{
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      height: 100%;
      overflow: hidden;
      width: 100%;
      padding: 0;
      display:block;
    }
  }
  #signup div.loginRightWrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 111;
    width: 100%;
    max-width: 1600px;
    left: 0;
    top: 0;
  }
  @media (max-width:1650px) {
    #signup div.loginRightWrapper {
      max-width:93%;
      /* align-items: center; */
    }
  }
  @media (max-width:1000px){
    #signup div.loginRightWrapper {
      align-items: center;
    }
  }
  
  #signup div.loginRightWrapper div.formBox {
    width: 328px;
    height: auto;
    background-color: #fff;
    padding: 21px 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px #0000000D;
  }
  @media (max-width:600px){
    #signup div.loginRightWrapper div.formBox{
      bottom: 0;
      position: fixed;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      z-index: 99999;
      height: 580px;
    }
  }
  #signup input#username {
    background-image: url(https://storage.perfectcdn.com/7mcojg/gp48hgmi0yr6cuxc.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px center;
  }
  #signup input#email {
    background-image: url(https://storage.perfectcdn.com/7mcojg/knopxmhd5k1kkuy1.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px center;
  }
  #signup input#password {
    background-image: url('https://storage.perfectcdn.com/7mcojg/wruaxduywafr764m.png')!important;
    background-repeat:no-repeat;
    background-size:19px;
    background-position:left 10px center;
  }
  #signup input#confirm {
    background-image: url('https://storage.perfectcdn.com/7mcojg/wruaxduywafr764m.png')!important;
    background-repeat:no-repeat;
    background-size:19px;
    background-position:left 10px center;
  }
  #signup div.inputWrapper input {
    height: 38px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    padding-left:40px;
  }
  #signup div.inputWrapper input:focus {
    border:1px solid #13988E;
  }
  #signup div.inputWrapper input::placeholder {
    color:#B7B7B7;
  }
  #signup div.inputWrapper {
    padding-bottom: 8px;
  }
  #signup div.inputWrapper + div.inputWrapper + div.inputWrapper + div.inputWrapper {
    padding-bottom:16px;
  }
  #signup label.checkBoxText {
    display:flex;
    gap: 4px;
    justify-content: center;
  }
  #signup div.checkBoxWrapper {
    padding-bottom:20px;
  }
  #signup label.checkBoxText p {
    color: #1A1A1A;
    font-weight: 400;
    font-size:12px;
  }
  #signup div.checkBoxWrapper a {
    display:flex;
    justify-content:center;
    color:#1A1A1A;
    font-weight:600;
  }
  #signup div.formBox div.signupTitle {}
  #signup  div.formBox  div.signupTitle strong{
    color: #414141;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    justify-content: center;
    display: flex;
    padding-bottom: 12px;
  }
  #signup  div.formBox  div.signupTitle p{
    font-size: 12px;
    color: #B4B4B4;
    display: flex;
    justify-content: center;
    text-align: center;
    padding-bottom: 18px;
  }
  #signup button.signupButton {
    border:2px solid #C14F7C;
    border-radius:54px;
    background-color:#F6F6F6;
    color:#C14F7C;
    font-weight:600;
    font-size:20px;
      margin-bottom: 10px;
  }
  @media (max-width:768px){
    #signup button.signupButton {
      height:40px;
      font-size: 17px;
    }
  }
  #signup p.form_last_title {
    font-size: 12px;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #B4B4B4;
    font-weight: 500;
  }
  @media (max-width:370px){
    #signup div.loginRightWrapper div.formBox {
      max-width:100%;
      width: 93%;
    }
    #signup div.formBox div.signupTitle p br {
      display:none;
    }
  }
  .btn-primary::after {
    background: none;
  }
  
  /* ticket */
  #tickets {width: 100%;}
  #tickets div.wrapper {
    margin-top: 50px;
    margin-left: 40px;
    /* display: flex; */
    margin-right: 56px;
    padding-bottom: 100px;
  }
  @media (max-width:1250px){
    #tickets div.wrapper {
      margin-left:0;
      margin-right:0;
      max-width: 95%;
      margin:auto;
      margin-top: 50px;
      padding-bottom: 100px;
    }
  }
  @media (max-width:768px){
    #tickets div.wrapper {
      margin-top:20px;
    }
  }
  #tickets div.wrapper div.ticket_all_wrapper {
    display: flex;
    gap:30px;
    height: 100%;
    position: relative;
  }
  @media (max-width:1250px){
    #tickets div.wrapper div.ticket_all_wrapper {
      flex-direction:column;
    }
  }
  /*ticket left*/
  #tickets div.wrapper div.ticket_all_wrapper div.ticketWrapper_left {
    width: 50%;
    box-shadow: 0px 5px 10px #00000029;
    height: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
  }
  @media (max-width:1250px){
    #tickets div.wrapper div.ticket_all_wrapper div.ticketWrapper_left {
      width:100%;
    }
  }
  #tickets div.wrapper div.ticket_all_wrapper div.ticketWrapper_left div.ticket_left_top_wrapper {
    display: flex;
    width: 100%;
    background-color: #04BCB1;
    padding: 23px 32px;
    justify-content: space-between;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  @media (max-width:1250px){
    #tickets div.wrapper div.ticket_all_wrapper div.ticketWrapper_left div.ticket_left_top_wrapper {
      padding:12px 8px;
      gap: 8px;
    }
  }
  #tickets div.wrapper div.ticket_all_wrapper div.ticketWrapper_left div.open_new_ticket_wrapper {
    width:160px;
  }
  /* new ticket _ button*/
  #tickets div.wrapper div.ticket_all_wrapper div.ticketWrapper_left div.open_new_ticket_wrapper button {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    font-size: 14px;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 30px;
    height: 40px;
  }
  /* ticket _ search */
  #tickets div.wrapper  div.ticket_list_search_Wrapper {
    width: 246px;
  }
  #tickets div.wrapper div.ticket_list_search_Wrapper input {
    border: none;
    height: 40px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    display: flex;
    align-items: center;
  }
  #tickets div.wrapper div.ticket_list_search_Wrapper input:focus {
    box-shadow:none;
  }
  #tickets div.wrapper span.input-group-btn {
  
  }
  #tickets div.wrapper span.input-group-btn button.btn-default {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 40.03px;
    background-color: #fff;
    border: none;
    box-shadow: none;
  }
  /*ticket list wrapper */
  #tickets div.ticket_list_wrapper {
    padding: 18px 0 150px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
  }
  @media (max-width:1250px){
    #tickets div.ticket_list_wrapper {
      padding-left:8px;
      padding-right:8px;
      padding-bottom: 40px;
    }
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper  {
    display: flex;
    flex-direction: column;
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_list {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 12px 0;
    padding-left: 32px;
    padding-right: 32px;
  }
  @media (max-width:1250px){
    #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_list {
      padding-left:0;
      padding-right:0;
    }
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_list.Closed {
  
  }
  
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_list ul.tickt_id_img {
    flex: 0;
    display: flex;
    align-items: center;
    margin-right: 6px;
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_list ul.tickt_id_img li {}
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_list ul.tickt_id_img img {
    height: 32px;
    width: auto;
  }
  /* id / subject */
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper ul.tickt_id_subject {
    display: flex;
    flex-direction: column;
    flex: 64%;
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper ul.tickt_id_subject div.ticket_id {
    display:flex;
    gap: 7px;
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper ul.tickt_id_subject div.ticket_id li {
    color:#AEAFAF;
    font-size:14px;
    font-weight:400;
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper ul.tickt_id_subject div.ticket_id li + div.ticket_id  li {
    font-weight:600;
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_order_subject {
  
  }
  #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_order_subject li{
    font-size:14px;
    color:#585858;
    font-weight:700;
  } 
  @media (max-width:400px){
    #tickets div.ticket_list_wrapper div.ticket_list_new_wrapper div.ticket_order_subject li {
      font-size:11px;
    }
  }
  /* ticket status */
  #tickets div.ticket_list_wrapper ul.ticket_status {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: auto;
  }
  @media (max-width:1250px){
    #tickets div.ticket_list_wrapper ul.ticket_status {
      justify-content:right;
    }
  }
  #tickets div.ticket_list_wrapper div.ticket_status_time {
    display:flex;
    flex-direction:row;
  }
  @media(max-width:1250px) {
    #tickets div.ticket_list_wrapper div.ticket_status_time {
      flex-direction:column;
    }
  }
  #tickets div.ticket_list_wrapper ul.ticket_status li {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3dbab0;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 18px;
    color: #fff;
    line-height: 1.2;
  }
  #tickets div.ticket_list_wrapper ul.ticket_status li.Pending-class {
    background-color:#883de9;
  }
  #tickets div.ticket_list_wrapper ul.ticket_status li.Closed-class {
    background-color:#969696;
    color: #6a6a6a;
    font-weight: 600;
  }
  /* time */
  #tickets div.ticket_list_wrapper ul.ticket_time {
    flex: 10%;
    display: flex;
    align-items: center;
  }
  @media (max-width:1700px){
    #tickets div.ticket_list_wrapper ul.ticket_time {
      flex:auto;
    }
  }
  #tickets div.ticket_list_wrapper ul.ticket_time span.wrap {
    display: flex;
    flex-wrap: nowrap;
    font-size: 13px;
    line-height: 1.2;
    color: #585858;
    font-weight: 600;
    text-align: right;
  }
  @media (max-width:400px){
    #tickets div.ticket_list_wrapper ul.ticket_time span.wrap {
      font-size:11px;
    }
  }
  /* ticket right*/
  #tickets div.ticket_all_wrapper div.ticketWrapper_right {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 5px 10px #00000029;
    background-color: #fff;
    border-radius: 5px;
    height: auto;
    min-height: 75vh;
  }
  @media (max-width:1250px){
    #tickets div.ticket_all_wrapper div.ticketWrapper_right {
      width:100%;
      min-height: auto;
      padding: 30px 0;
      text-align: center;
    }
  }
  @media (max-width:1250px){
    #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right {
      width:100%;
      padding: 8px 0 0;
    }
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right {
    justify-content:flex-start;
    align-items:self-start;
    /* padding: 14px 32px 0; */
    flex-direction: column;
    height: 100%;
  }
  #tickets div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right {
    color: #AEAFAF;
    font-size: 20px;
    font-weight: 600;
    flex: auto;
    height: 100%;
    padding: 14px 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width:1250px){
    #tickets div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right {
      padding:8px;
    }
  }
  /*ticket*/
  #tickets div.ticket_all_wrapper div.ticket_list_none {
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height:100%;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: initial;
    height: 100%;
    background-image: url(https://storage.perfectcdn.com/5xv0fj/h9872h3kc3ijfm2z.png);
    background-repeat: no-repeat;
    background-size: 268px;
    background-position: bottom right;
    height: 100%;
  }
  
  #tickets div.ticket_all_wrapper div.ticket_list_none div.ticket_none {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 66vh;
  }
  #tickets div.ticket_all_wrapper div.ticket_list_none div.ticket_none img {
    height:52px;
    width:auto;
  }
  #tickets div.ticket_all_wrapper div.ticket_list_none div.ticket_none strong {
    color:#AEAFAF;
    font-weight: 600;
    font-size:20px;
  }
  
  /* ticket _ modal */
  #main div.new_ticket_modal {
    display: flex;
    display:none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;	
  }
  #main div.new_ticket_modal div.new_ticket {
    width: 600px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
  }
  @media (max-width:700px) {
    #main div.new_ticket_modal div.new_ticket  {
      width:90%;
      margin:auto;
    }
  }
  #main div.new_ticket_modal div.new_ticket div.new_ticket_title {}
  #main div.new_ticket_modal div.new_ticket div.new_ticket_title div.new_ticket_tilte_box {
    padding: 30px 32px;
    background-color: #04BCB1;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
  }
  @media (max-width:700px){
    #main div.new_ticket_modal div.new_ticket div.new_ticket_title div.new_ticket_tilte_box {
      padding:18px 12px;
    }
  }
  @media (max-width:400px){
    #main div.new_ticket_modal div.new_ticket div.new_ticket_title div.new_ticket_tilte_box {
      padding:10px;
    }
  }
  #main div.new_ticket_modal div.new_ticket div.new_ticket_title div.new_ticket_tilte_box strong {
    color: #FFFFFF;
    font-size: 20px;
  }
  @media (max-width:400px){
    #main div.new_ticket_modal div.new_ticket div.new_ticket_title div.new_ticket_tilte_box strong {
      font-size:15px;
    }
  }
  #main div.new_ticket_modal div.new_ticket div.new_ticket_title div.new_ticket_tilte_box i.xi-close-min {
    color: #fff;
    font-size: 34px;
  }
  
  #main div.new_ticket_modal div.ticket_order_wrapper {
    padding:30px 32px;
  }
  /*ticket icon _ title */
  #main div.new_ticket_modal div.ticket_icon {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  #main div.new_ticket_modal .ticket_icon ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  #main div.new_ticket_modal .ticket_icon ul li {
    height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 128px;
    justify-content: center;
    background-color: #E9F1F0;
    border-radius: 5px;
    cursor: pointer;
  }
  #main div.new_ticket_modal .ticket_icon ul li.active {
    background-color:#04BCB1;
  }
  #main div.new_ticket_modal .ticket_icon ul li.active strong {
    color:#fff;
  }
  #main div.new_ticket_modal .ticket_icon img {
    width: 24px;
  }
  #main div.new_ticket_modal .ticket_icon ul li img.none_active_img {
    display:flex;
  }
  #main div.new_ticket_modal .ticket_icon ul li img.active_img {
    display: none;
  }
  #main div.new_ticket_modal .ticket_icon ul li.active img.none_active_img {
    display:none;
  }
  #main div.new_ticket_modal .ticket_icon ul li.active img.active_img {
    display:flex;
  }
  #main div.new_ticket_modal .ticket_icon strong {
    color: #585858;
    font-size: 14px;
    font-weight:500;
  }
  /* ticket _ request */
  #main div.new_ticket_modal div.ticket_request_wrapper {
  
  }
  #main div.new_ticket_modal div.ticket_request_wrapper strong.ticket_reques_title {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
  }
  /* ticket _ request _ order */
  #main div.new_ticket_modal div.ticket_request_wrapper div.ticket_request_order {width: 100%;position: relative;}
  #main div.new_ticket_modal div.ticket_request_wrapper div.ticket_request_order ul {
    display: flex;
    justify-content: center;
    gap: 8px;
  }
  #main div.new_ticket_modal div.ticket_request_wrapper div.ticket_request_order ul li {
    width: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E9F1F0;
    padding: 14px 0;
    border-radius: 30px;
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }
  /* ticket _ request _ payment */
  #main div.new_ticket_modal div.ticket_request_wrapper div.ticket_request_payment {
    width: 100%;
    position: relative;
    display: none;
  }
  #main div.new_ticket_modal div.ticket_request_wrapper div.ticket_request_payment ul {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
  }
  #main div.new_ticket_modal div.ticket_request_wrapper div.ticket_request_payment ul li {
    width: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E9F1F0;
    padding: 14px 0;
    border-radius: 30px;
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }
  #main div.new_ticket_modal div.ticket_request_wrapper ul li.active {
    background-color:#04BCB1!important;
    color: #fff!important;
  }
  /* ticket _ request _ none */
  #main div.new_ticket_modal div.ticket_request_wrapper div.ticket_none {
    display: none;
  }
  
  /*ticket - order - id */
  #main div.new_ticket_modal div.ticket_order_id {padding-bottom: 20px;}
  #main div.new_ticket_modal div.ticket_order_id label.control-label {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 8px;
  }
  #main div.new_ticket_modal div.ticket_order_id input#subject {
    background-color: #E9F1F0;
    border: none;
    box-shadow: 0px 3px 0px gray;
    box-shadow: 0px 3px 0px #D2DEDD;
  }
  
  /*ticket - message */
  #main div.new_ticket_modal div.ticket_message {
  
    /* background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box; */
  }
  #main div.new_ticket_modal div.ticket_message label.control-label {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 8px;
  }
  #main div.new_ticket_modal div.ticket_message textarea#message {
    background-color: #E9F1F0;
    border: none;
    box-shadow: 0px 3px 0px #D2DEDD;
    margin-bottom: 23px;
  }
  
  #main button.ticket_message_submit {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border-radius:30px;
    color:#fff;
  }
  #main button.ticket_message_submit.disabled {
    background:#C1C1C1;
    color:#E6E6E6;
  }
  /*view_ticket _ right */
  #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right div.ticket_message_title {
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right div.ticket_message_title img {
    width: 34px;
  }
  @media (max-width:700px){
    #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right div.ticket_message_title img {
      width:24px;
      height:auto;
    }
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right div.ticket_message_title strong {
    font-size: 20px;
    color: #585858;
    font-weight: 600;
  }
  @media (max-width:700px){
    #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right div.ticket_message_title strong {
      font-size:14px;
    }
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right div.ticket_message_list {
    margin-top: 25px;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticketWrapper_right div.ticket_list_right div.ticket_message_list div.titcket-title {}
  
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper {}
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper div.ticket_user {
    text-align: right;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper div.ticket_user div.ticket-message {
    display: flex;
    justify-content: flex-end;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper div.ticket_user div.message {
    background-color: #C14F7C;
    padding: 14px 27px;
    width: auto;
    color: #fff;
    border-radius: 5px 5px 0px 5px;
    font-size: 16px;
    font-weight: 500;
  }
  @media(max-width:700px){
    #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper div.ticket_user div.message {
      font-size:12px;
    }
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper  {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-bottom: 26px;
    align-items: end;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper strong {}
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_user_wrapper  small {
    color: #AEAFAF;
    font-size: 11px;
  }
  
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_admin_wrapper {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 8px;
    margin-bottom: 26px;
  }
  #tickets img.user_ticket_comment {
    width: 60px;
    height: 60px;
    bottom: 25px;
    position: relative;
  }
  @media (max-width:700px){
    #tickets img.user_ticket_comment {
      width:32px;
      height:32px;
    }
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_admin_wrapper div.ticket_admin {
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_admin_wrapper div.ticket_admin div.ticket-message {}
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_admin_wrapper div.ticket_admin div.ticket-message div.message {
    background-color: #04BCB1;
    border-radius: 5px 5px 0px 5px;
    width: 300px;
    padding: 14px 27px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_admin_wrapper div.ticket_admin div.info {}
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_admin_wrapper div.ticket_admin strong {}
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_admin_wrapper div.ticket_admin small {
    color: #AEAFAF;
    font-size: 11px;
    font-weight: 500;
    text-align: right;
    display: block;
    padding-top: 7px;
  }
  
  
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper {
    width: 100%;
    height: 100%;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit {
    background: #E9F1F0;
    width: 100%;
    display: flex;
    gap: 12px;
    padding: 30px;
    height: 100%;
  }
  @media (max-width:700px){
    #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit {
      padding:8px;
    }
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit form {
    display: flex;
    padding: 28px 32px 28px;
    width: 100%;
    align-items: center;
    gap: 12px;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit form  label {}
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit form textarea {
    width: 100%;
    border-radius: 5px;
    box-shadow: rgb(210, 222, 221) 0px 3px 0px !important;
    border: none !important;
    height: 60px;
  }
  
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit form div.form-group {
    width: 100%;
    margin-bottom: 0;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit div.form-group {
    width: 100%;
    margin-bottom: 0;
  }
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit form input {}
  #tickets.viewticket div.ticket_all_wrapper div.ticket_message_send_wrapper div.ticket_message_send_submit form input button.ticket_message_send_button {}
  
  
  p.ticket_userName {
    display:none;
  }
  
  #top-wrapper #main {
    background-color:#fff;
    height:100%;
    width:100%;
  }
  #top-wrapper #main.auth {
    display:flex;
    background-color: #F4F3F4;
  }
  #top-wrapper #contents-wrapper {
    background-color:#fff;
  }
  
  .modal {
    position: fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 320px;
    height: 72px;
    display: none;
    background-color: #3B3B3B;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    box-shadow: 6px 9px 1px #00000060;
    gap:12px;
  }
  .modal:before {
    display:block;
    content:'';
    position:absolute;
    width:8px;
    height:93%;
    background-color:#C2D90E;
    left:4px;
    border-radius:20px;
  }
  .modal p {
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  /* service */
  #main div.services {
    height: 100%;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 70px;
  }
  #main div.services i.xi-star, 
  #main div.services i.xi-star-o   {
    color: #C14F7C;
  }
  
  #main div.services div.servicesWrapper {
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 32px;
    box-shadow: 0px 5px 10px #00000029;
  }
  @media(max-width:768px){
    #main div.services div.servicesWrapper {
      min-width: 1300px;
    }
  }
  #main div.services div.servicesWrapper td.hidden-xs.hidden-sm.service-description {
    display: flex;
    justify-content: center;
  }
  #main div.services div.servicesWrapper table.tableWrapper {
    width:100%;
  }
  @media (max-width:768px){
    #main div.services div.servicesWrapper table.tableWrapper {
      min-width:1300px;
      overflow-x:auto;
      width:100%;
    }
  }
  #main div.services div.servicesWrapper thead {
    background-color: #3dbab0;
  }
  
  #main div.services div.servicesWrapper table.tableWrapper thead tr {}
  #main div.services div.servicesWrapper table.tableWrapper thead th {
    padding: 15px 12px 12px;
    color: #fff;
  }
  
  #main div.services div.servicesWrapper table.tableWrapper tbody tr {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  #main div.services div.servicesWrapper table.tableWrapper tbody td {
    padding: 10px 12px;
  }
  
  #main div.services div.wrapper {
    padding-left: 40px;
    padding-top: 50px;
    width: 100%;
    height: 100%;
    padding-right: 56px;
  }
  @media(max-width:1100px){
    #main div.services div.wrapper {
      padding-left:0;
      padding-right:0;
      margin:auto;
      max-width:95%;
      padding-top:20px;
      overflow-x: auto;
      max-width: 95%;
    }
  }
  #main div.services div.wrapper div.col-lg-12{
    padding: 0;
  }
  #main div.services div.wrapper ul.nav.nav-pills {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #fff;
    height: 64px;
    padding: 0 4px;
    padding-left: 14px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border-radius: 44px;
  }
  @media (max-width: 400px){
    #main div.services div.wrapper ul.nav.nav-pills {flex-wrap: wrap;height: auto;padding-top: 10px;padding-bottom: 12px;padding-right: 14px;}
  }
  #main div.services div.wrapper li {
    width: 28%;
  }
  #main div.services li.dropdown_currency {
    width: auto!important;
  }
  #main div.services li.dropdown_currency span{
    color:#fff;
  }
  #main div.services div.wrapper li div.dropdown {
  }
  
  #main div.services div.wrapper li button.dropdown-toggle {
  
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 156px;
    max-width: 100%;
    border: none;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    background-image: url(https://storage.perfectcdn.com/5xv0fj/ss2cnj562emqqu90.png)!important;
    background-repeat: no-repeat;
    background-position: 93%;
    background-size: 15px;
    background-color: #04BCB1!important;
    border-radius: 20px!important;
    color: #fff!important;
    padding: 0 12px!important;
    height: 40px!important;
    text-align:left;
  }
  @media (max-width:600px){
    #main div.services div.wrapper li.dropdown_title {
      width: 100%!important;
      max-width: 140px;
    }
    #main div.services div.wrapper li button.dropdown-toggle {
      max-width:100%;
      width:100%;
      width: 140px;
    }
  }
  @media (max-width:400px){
    #main div.services div.wrapper ul.nav.nav-pills {
      border-radius:14px;
    }
    #main div.services div.wrapper li button.dropdown-toggle {
      width:100%;
      max-width:100%;
    }
    #main div.services div.wrapper li.dropdown_title {
      width:100%;
      max-width:100%;
    }
  }
  #main div.services div.wrapper li button.dropdown-toggle:hover {
  
  }
  #main div.services div.wrapper li button.dropdown-toggle span.filter_drop_down_title {
    color:#fff;
  }
  #main div.services div.wrapper li button.dropdown-toggle  span.caret {
    color:#fff;
    display: none;
  }
  #main div.services div.wrapper li.pull-right.search {
    width:auto;
    margin-left: 11px;
  }
  #main div.services li.pull-right search div.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    max-width: 100%;
  }
  #main div.services li.pull-right span.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 100%;
    max-width: 49px;
    background-image: url('https://storage.perfectcdn.com/7mcojg/wg1gqtjxsupdhwht.png');
    background-repeat: no-repeat;
    background-position: center center;
  }
  #main div.services li.pull-right button.btn.btn-default {
    border-radius: 0;
    border: none!important;
    padding: 0px 18px;
    background-image: none;
    height: 34px!important;
    display: flex;
    align-items: center;
    box-shadow: none!important;
    background: transparent;
  }
  #main div.services li.pull-right input {
    width: 350px;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 34px;
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #9F9F9F;
  }
  
  #main div.services div.wrapper li.pull-right.search  button.btn.btn-default {
    height: 42px;
  }
  #main div.services div.wrapper li.pull-right.search input.form-control {
    height:42px;
    width: auto;
  }
  
  #main div.services .open > .dropdown-menu {
    width: auto;
    height: 300px;
    overflow-y: auto;
  }
  #main div.services .service-description__th {
    width:10%!important;
    text-align:center;
  }
  #main div.services .table > tbody > tr > td {
    vertical-align: middle;
  }
  #main div.services  td.service_title_name {
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    height: 48px!important;
  }
  #main div.services button.services_more {
    background-color: #C14F7C;
    color: #fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    text-align: center;
  }
  #main div.services .service_description_modal_wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  
  #main div.services .service_modal_content {
    background-color: #fff;
    border-radius: 5px;
    max-width: 100%;
    width: 900px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  @media (max-width:1000px){
    #main div.services .service_modal_content {
      width:90%;
      margin:auto;
    }
  }
  #main div.services .service_modal_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #3dbab0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  #main div.services .service_modal_title p {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    display: flex;
  }
  @media (max-width:768px){
    #main div.services .service_modal_title p {
      font-size:13px;
    }
  }
  #main div.services .service_modal_title i.xi-close-min {
    font-size: 36px;
    color: #fff;
    cursor: pointer;
  }
  #main div.services .service_modal_description {
    padding:20px;
    max-height: 500px;
    height: 500px;
    overflow-y: auto;
  }
  @media (max-width:768px) {
    #main div.services .service_modal_description {
      height:auto;
      min-height:200px;
    }
  }
  
  .service_modal_description::-webkit-scrollbar {
    width: 6px; 
  }
  
  .service_modal_description::-webkit-scrollbar-thumb {
    height: 20%; 
    background: #aeb1b1c9;
  
    border-radius: 10px;
  }
  
  .service_modal_description::-webkit-scrollbar-track {
    background: rgb(138 138 138 / 31%); 
  }
  
  #main div.services .service_modal_id {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap:wrap;
  }
  #main div.services .service_modal_id strong {
    font-size: 15px;
    color: #fff;
    background: #464545;
    padding: 0 10px;
    border-radius: 10px;
  }
  @media (max-width:768px){
    #main div.services .service_modal_id strong {
      font-size:13px;
    }
  }
  #main div.services div.wrapper li.dropdown_title {
    width: 156px;
  }
  #main div.services div.wrapper li.dropdown_menu_item {
    width:100%;
  }
  
  /* --------------------updates -------------------------------*/
  #updates {
    height: 100%;
    width: 100%;
  }
  #updates div.wrapper {
    margin-left: 40px;
    margin-top: 50px;
    padding-right: 56px;
    margin-bottom: 100px;
  }
  @media (max-width:1100px){
    #updates div.wrapper {
      margin-left:0;
      padding-right:0;
      max-width:95%;
      margin:20px auto 100px;
    }
  }
  
  #updates div.updates_contents_wrapper{
    width: 100%;
    height: 100%;
  }
  #updates div.updates_search_wrapper {
    width: 100%;
    display: flex;
    margin: 0;
  }
  #updates div.updatesTableWrapper {
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 32px;
    box-shadow: 0px 5px 10px #00000029;
  }
  @media (max-width:768px){
    #updates div.updatesTableWrapper {
      overflow-x:auto;
    }
  }
  #updates div.updates_search_contents {
    width: 100%;
    display: flex;
  }
  #updates table.tableBox {
    margin-bottom: 0;
    width: 100%;
  }
  @media (max-width:768px){
    #updates table.tableBox {
      min-width:1300px;
      overflow-x:auto;
      width:100%;
    }
  }
  #updates thead {
    border-bottom: 1px solid #ddd;
  }
  #updates tbody td {
    padding: 10px 12px;
  }
  #updates thead th {
    padding: 15px 12px 12px
  }
  #updates table tbody tr:nth-child(even) {
    background-color: #E9F1F0;
  } 
  #updates div.updates_search_contents ul.nav {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #fff;
    height: 64px;
    padding: 0 4px;
    padding-left: 14px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border-radius: 44px;
  }
  @media(max-width:768px){
    #updates div.updates_search_contents ul.nav {
      margin-bottom: 18px;
      flex-wrap: wrap;
      padding-top: 10px;
      padding-bottom: 12px;
      height: auto;
      padding: 10px 11px 12px 11px;
    }
  }
  #updates li.dropdown_menu_title {
    width: 156px;
  }
  @media(max-width:450px){
    #updates li.dropdown_menu_title {
      width: 100%;
      max-width: 100%;
    }
    #updates div.updates_search_contents button.btn.btn-primary.dropdown-toggle {
      width:100%!important;
      max-width:100%;
    }
  }
  #updates li.search {
    width:100%;
    margin-left: 10px;
  }
  #updates span.input-group-btn {
    background-image: url(https://storage.perfectcdn.com/7mcojg/wg1gqtjxsupdhwht.png);
    background-repeat: no-repeat;
    padding: 0;
    background-position: center;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: auto;
    max-width: 49px;
  }
  #updates button.btn.btn-default {
    border-radius: 0;
    border: none!important;
    background-color: #fff;
    padding: 0px 18px;
    background-image: none;
    height: 34px!important;
    display: flex;
    align-items: center;
    box-shadow: none!important;
    background: transparent;
  }
  #updates input.form-control {
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 34px;
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #9F9F9F;
    width: 100%!important;
    float: none!important;
  }
  #updates div.wrapper div.well {
    width: 100%;
  }
  #updates div.updates_search_contents button.btn.btn-primary.dropdown-toggle {
    appearance: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 156px;
    max-width: 100%;
    border: none;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    background-image: url(https://storage.perfectcdn.com/5xv0fj/ss2cnj562emqqu90.png)!important;
    background-repeat: no-repeat!important;
    background-position: 93%;
    background-size: 15px;
    background-color: #04BCB1!important;
    border-radius: 20px!important;
    color: #fff!important;
    padding: 0 12px!important;
    height: 40px!important;
    text-align: left;
  }
  
  #updates form#history-search {
    margin-left:11px;
  }
  #updates div.updates_search_contents button.btn.btn-primary.dropdown-toggle span {
    color:#fff;
  }
  #updates div.updates_search_contents button.btn.btn-primary.dropdown-toggle span.caret { 
    display:none;
  }
  #updates div.updates_search_contents button.btn.btn-primary.dropdown-toggle:hover {
  
  }
  #updates li.search input.form-control {
    height:42px;
  }
  #updated li.search button.btn.btn-default {
    height:42px;
  }
  .drop-down-width {
    width:100%!important;
    min-width: 100%!important;
  }
  
  /* mass order */
  #massorder {
    /* padding-left: 232px; */
    height: 100%;
    width: 100%;
    /* margin-top: 56px; */
  }
  #massorder div.wrapper {
    padding-left: 40px;
    padding-top: 50px;
    width: 100%;
    height: 100%;
    padding-right: 56px;
  }
  @media (max-width:768px){
    #massorder div.wrapper {
      padding-left:0;
      padding-right:0;
      max-width:90%;
      margin:auto;
      padding-top:20px;
      padding-bottom:100px;
    }
  }
  #massorder div.massorder_contents_wrapper {
    width:100%;
    height:100%;
  }
  #massorder div.massorder_contents_wrapper div.well {
    width: 100%;
    margin-top: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 19px 19px 25px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0px 5px 10px #00000029;
  }
  @media (max-width:400px){
    #massorder div.wrapper {
      max-width: 95%;
    }
    #massorder div.massorder_contents_wrapper div.well  {
      box-shadow: 1px 1px 1px 0px #dbdbdb;
    }
  }
  #massorder label.control-label {
    margin-bottom:10px;
  }
  #massorder textarea.form-control {
    background-color: #E9F1F0;
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 0px #acc9!important;
    border: none!important;
    border-radius: 5px;
    height:auto;
    min-height:600px;
  }
  @media (max-width:768px){
    #massorder textarea.form-control {
      min-height: 300px;
    }
  }
  #massorder textarea.form-control:focus {
    border: 1px solid #ccc;
    box-shadow:none;
  }
  #massorder .btn-primary {
    background: #3dbab0;
  }
  
  #massorder .btn-primary:hover {
    background: #3dbab0;
  }
  
  a.signup_go {
    border-radius: 54px;
    height: 48px;
    border: 2px solid #C14F7C;
    background-color: #F6F6F6;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #C14F7C;
    font-weight: 600;
  }
  @media (max-width:768px){
    a.signup_go {
      width:100%;
      height: 40px;
      font-size: 16px;
    }
  }
  @media (max-width:500px){
    a.signup_go {
      max-height: 100%;
    }
  }
  
  
  
  /* neworder */
  #neworder {}
  #neworder div.newOrder_wrapper {
    margin-left: 40px;
    margin-top: 50px;
    width: 100%;
    max-width: 100%;
    margin-right: 56px;
  }
  @media (max-width:1250px){
    #neworder div.newOrder_wrapper {
      margin-left:0;
      margin-right:0;
      max-width: 95%;
      margin:50px auto 100px;
    }
  }
  @media (max-width:768px){
    #neworder div.newOrder_wrapper {
      margin:20px auto 50px;
    }
  }
  #neworder div.newOrder_contentsWrapper {
    display:flex;
    margin-top: 30px;
    gap: 30px;
  }
  @media (max-width:1250px){
    #neworder div.newOrder_contentsWrapper {
      flex-direction:column;
    }
  }
  @media (max-width:400px){
    #neworder div.newOrder_contentsWrapper {
      margin-top:20px;
      gap: 20px;
    }
    #neworder div.newOrder_wrapper {
      margin: 20px auto 50px;
    }
  }
  #neworder div.newOrder_wrapper div.newOrder_orderWrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    gap: 30px;
  }
  @media (max-width:1250px){
    #neworder div.newOrder_wrapper div.newOrder_orderWrapper {
      width:100%;
      flex-direction: column;
    }
  }
  #neworder div.newOrder_rightWrapper {
    width: 40%;
    max-width:100%;
    background-color: #fff;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 5px;
    padding: 20px 39px;
  }
  @media (max-width:1250px){
    #neworder div.newOrder_rightWrapper {
      width:100%;
    }
  }
  @media (max-width:510px){
    #neworder div.newOrder_rightWrapper {
      padding:20px;
    }
  }
  #neworder div.newOrder_rightWrapper #newOrder_description {}
  #neworder div.newOrder_rightWrapper #newOrder_description h3 {
    color: #585858;
    font-size: 20px;
    font-weight: 600;
    /* border-bottom: 1px solid; */
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionContents {}
  #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabelWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 20px 0;
    align-items: center;
  }
  @media (max-width:570px){
    #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabelWrapper {
      display:flex;
      flex-wrap:wrap;
    }
  }
  #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabel {
    display: flex;
    gap: 5px;
  }
  #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabel img {
    width: auto;
    height: 20px;
  }
  #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabel p {
    color: #585858;
    font-weight: 600;
    font-size: 14px;
  }
  @media (max-width:510px){
    #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabel p {
      font-size:12px;
    }
  }
  #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabel span {
    color: #C14F7C;
    font-size: 14px;
    font-weight: 600;
  }
  @media (max-width:510px){
    #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionLabel span {
      font-size:12px;
    }
  }
  #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionText {
    padding-top: 20px;
    color: #585858;
    font-size: 14px;
    font-weight: 500;
  }
  @media (max-width:510px){
    #neworder div.newOrder_rightWrapper #newOrder_description div.newOrder_descriptionText {
      font-size:12px;
      padding-top:15px;
    }
  }
  #neworder div.newOrder_wrapper div.newOrder_orderWrapper div.newOrder_orderContents {
    width: 60%;
    max-width: 100%;
  }
  @media (max-width:1250px){
    #neworder div.newOrder_wrapper div.newOrder_orderWrapper div.newOrder_orderContents {
      width:100%;
    }
  }
  #neworder div.newOrder_snsTabWrapper {
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 24px 24px;
    width: 100%;
    max-width: 100%;
    border-radius: 44px;
    flex-wrap: wrap;
    box-shadow: 0px 5px 10px #00000029;
  }
  @media (max-width: 510px){
    #neworder div.newOrder_snsTabWrapper {
      gap: 10px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      border-radius: 5px;
      padding: 15px;
    }
  }
  @media (max-width:400px){
    #neworder div.newOrder_snsTabWrapper {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  /* neworder sns */
  #neworder div.newOrder_snsTabWrapper div.newOrder_snsTab  {}
  #neworder div.newOrder_snsTabWrapper div.newOrder_snsTab.active {}
  #neworder div.newOrder_snsTabWrapper div.newOrder_snsTab p.newOrder_snsTabName {}
  #neworder form#order-form div.newOrder_inputWrapper.services span.select2 {
    display: none;
  }
  /* img active show hide */
  #neworder .newOrder_snsTab img {
    width:24px;
  }
  @media (max-width:400px){
    #neworder .newOrder_snsTab img {
      width:18px;
    }
  }
  #neworder div.newOrder_snsTab_box img.noneActive {
    display: flex;
  }
  #neworder div.newOrder_snsTab_box img.active {
    display:none;
  }
  #neworder div.newOrder_snsTab_box.active img.noneActive {
    display:none;
  }
  #neworder div.newOrder_snsTab_box.active img.active {
    display:flex;
  }
  
  /* neworder - sectionTab */
  #neworder div.sectionTabWrapper {background-color: #04BCB1;display: flex;padding: 23px 10px 17px 32px;gap: 8px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
  #neworder div.sectionTabWrapper div.sectionTab {
    border: 1px solid #fff;
    border-radius: 30px;
    width: 160px;
    height: 40px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }
  
  @media (max-width:1250px){
    #neworder div.sectionTabWrapper div.sectionTab {
      max-width:100%;
      width: auto;
      padding: 0 20px;
      flex-wrap:wrap;
      height: 40px;
    }
    #neworder div.sectionTabWrapper {
      padding:20px;
      flex-wrap: wrap;
    }
  }
  @media (max-width:500px){
    #neworder div.sectionTabWrapper {
      display:grid;
      grid-template-columns:1fr 1fr;
      padding: 15px;
    }
    #neworder div.sectionTabWrapper div.sectionTab {
      font-size:12px;
      text-align:center;
    }
  }
  /* neworder - category */
  #neworder form#order-form div.newOrder_inputWrapper.services {}
  #neworder form#order-form div.newOrder_inputWrapper_titleImage {}
  #neworder form#order-form  label.newOrder_inputWrapper_title {}
  
  #neworder textarea#field-orderform-fields-comment {
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9!important;
    border: none!important;
    height: auto;
    border-radius: 4px;
  }
  #neworder form#order-form div#newOrder-services {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
  @media (max-width:510px){
    #neworder form#order-form div#newOrder-services  {
      display:grid;
      grid-template-columns:1fr 1fr;
      text-align:center;
      gap: 10px;
    }
  }
  #neworder form#order-form div.newOrder_serviceTab {
    width: auto;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:12px;
    background-color:#E9F1F0;
    border-radius:30px;
    color: #AFAFAF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }
  @media (max-width:510px){
    #neworder form#order-form div.newOrder_serviceTab {
      font-size:12px;
      height: auto;
      padding: 13px 9px;
      max-height: 100%;
      height: auto;
    }
  }
  #neworder form#order-form div.newOrder_serviceTab.active {
    box-shadow: 0px 3px 10px #00000029;
    background-color: #04BCB1;
    color: #fff;
  }
  
  #neworder form#order-form  div.newOrder_inputWrapper{
    padding-bottom: 0;
  }
  #neworder form#order-form  div.newOrder_inputWrapper_titleImage{
    /* margin-bottom: 8px; */
  }
  #neworder input#field-orderform-fields-runs,
  #neworder input#field-orderform-fields-interval,
  #neworder input#field-orderform-fields-total-quantity{
    max-width: 100%;
    color: #555;
    font-weight: 500;
    padding-left: 15px;
    cursor: auto;
    font-size: 13px;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height: 40px;
  }
  #neworder #orderform-service {
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height:40px;
    color: #222;
    padding-left: 10px;
    outline:0;
    cursor:pointer;
    font-weight: 500;
  }
  
  
  #neworder #orderform-service option {
    background-color:#fff;
    cursor:pointer;
  }
  #neworder form#order-form label.newOrder_inputWrapper_title {
    margin-bottom: 8px;
  }
  #neworder div.sectionTabWrapper div.sectionTab.active {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border: none;
  }
  
  /* neworder - form */
  #neworder form#order-form {
    background-color: #fff;
    padding: 19px 32px 33px 32px;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 5px;
  }
  @media (max-width:510px){
    #neworder form#order-form {
      padding:15px;
    }
  }
  #neworder div.newOrder_snsTab_box {
    display:flex;
    background-color: #E9F1F0;
    padding: 12px 22px;
    border-radius: 20px;
    height: 40px;
    align-items: center;
    width: 129px;
    gap: 4px;
    justify-content: center;
    cursor: pointer;
  }
  @media (max-width:510px){
    #neworder div.newOrder_snsTab_box {
      width:100%;
    }
  }
  @media (max-width:400px){
    #neworder div.newOrder_snsTab_box {
      flex-direction:column;
      height: auto;
      padding: 3px 0px;
      gap: 0;
      border-radius: 30px;
    }
  }
  #neworder div.newOrder_snsTab_box.active {
    background-color:#04BCB1;
  }
  #neworder div.newOrder_snsTab_box.disabled {
    background-color: #E9F1F0;
  }
  #neworder div.newOrder_snsTab_box p.newOrder_snsTabName {
    color:#AFAFAF;
    font-size:14px;
    font-weight:500;
  }
  #neworder div.newOrder_snsTab_box.active p.newOrder_snsTabName {
    color:#fff;
    font-size: 14px;
    font-weight: 500;
  }
  
  #neworder div.newOrder_snsTab_box.disabled p.newOrder_snsTabName {
    color:#AFAFAF;
  }
  @media (max-width:400px){
    #neworder div.newOrder_snsTab_box p.newOrder_snsTabName {
      font-size:12px!important;
    }
  }
  #neworder div.newOrder_inputWrapper span.select2-selection {
    background-color: #E9F1F0;
    height: 40px;
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    border-radius: 5px;
  }
  #neworder input#field-orderform-fields-username {
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height: 40px;
  }
  
  #neworder input#field-orderform-fields-posts {
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height: 40px;
  }
  
  #neworder input#order_count {
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9;
    border: none;
    height: 40px;
  }
  
  #neworder select#field-orderform-fields-delay {
    max-width: 100%;
    background-color: #E9F1F0!important;
    box-shadow: 0px 3px 0px #acc9;
    border: none!important;
    height: 40px;
  }
  
  
  #neworder  .select2-container--open .select2-selection {
    box-shadow: 0px 3px 0px #04BCB1!important;
  }
  #neworder  .select2-container--open .select2-selection span {
    color:#585858;
  }
  
  #neworder  button.newOrder_orderButton {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    border-radius: 30px;
    margin-top: 24px;
  }
  .select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #E9F1F0!important;
  }
  .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #E9F1F0!important;
  }
  #neworder label.form-group__checkbox-label {
    display: flex;
    transform: scale(1.14);
    box-shadow: none;
  }
  #neworder label.form-group__label-title.common_toggle_text {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
  }
  .form-control:focus {
    border:none!important;
  }
  #neworder div.favorte_servie_wrapper {
    display: block;
    height: auto;
    background-color: rgb(255, 255, 255);
    padding-bottom: 80px;
    padding-top: 50px;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
  }
  #neworder div.favorte_servie_wrapper p {
    text-align:center;
    font-size:14px;
    font-weight:500;
  }
  #neworder div.favorte_servie_wrapper a.service_a_href {
    text-decoration:underline;
  }
  #neworder div.favorte_servie_wrapper button.go_favorte_services {
  
    border: none;
  
    box-shadow: none;
  }
  #neworder div.favorte_servie_wrapper button.go_favorte_services > a {
    width: 100%;
    max-width: 93%;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    color:#fff;
    height: 44px;
    font-size: 14px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
  }
  
  
  #neworder div.newOrder_snsTab_box.disabled img.noneActive {
    display: flex!important;
  }
  
  #neworder div.newOrder_snsTab_box.disabled img.active {
    display: none!important;
  }
  
  /*  */
  #tickets input[type="radio"] {
    height: 100%;
    width: 100%;
  }
  #tickets div.ticketIconFlexWrapper {
    display:flex;
  }
  #tickets div.ticketIconFlexWrapper div.ticket_icon {}
  
  #tickets div.form-group.payment {
    display:none;
  }
  
  #tickets .new_ticket_tilte_box {
    padding: 30px 32px;
    background-color: #04BCB1;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
  }  
  #tickets .new_ticket_tilte_box i {
    color: #fff;
    font-size: 34px;
  }
  #tickets div.new_ticket_title strong {
    color: #FFFFFF;
    font-size: 20px;
  }
  
  #tickets .new_ticket {
    width: 600px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
  }
  
  #tickets form#ticketsend {
    padding: 30px 32px;
  }
  @media (max-width:700px){
    #tickets form#ticketsend {
      padding:20px 14px;
    }
  }
  @media (max-width:400px){
    #tickets form#ticketsend  {
      padding:10px 10px 20px;
    }
    #tickets .form-group {
      margin-bottom:5px;
    }
  }
  
  #tickets .row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* gap: 8px; */
    cursor: pointer;
  }
  
  @media (max-width:700px){
  
    #tickets .ticket_request_wrapper .row {
      display:grid;
      grid-template-columns: 2fr 2fr;
      align-items: center;
      justify-content: right;
      gap: 8px;
    }
    #tickets .ticket_request_wrapper .row::before {
      display:none;
    }
  }
  @media (max-width:350px){
    #tickets .subject-panel .row {
      display:grid;
      grid-template-columns: 2fr 2fr;
      gap:8px;
    }
    #tickets .subject-panel .row::before {
      display:none;
    } 
  }
  
  #tickets .col {
    /* padding-right: 5px; */
    /* padding-left: 5px; */
    position: relative;
    width: 100%;
    /* min-height: 1px; */
    -ms-flex-preferred-size: 0;
    /* flex-basis: 0; */
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    margin-right: 8px;
    border-radius: 5px;
    background-color: #E9F1F0;
  }
  #tickets .ticket_request_wrapper .col {
    width: 100%;
    border-radius: 30px;
    max-width: 128px;
  }
  @media (max-width:700px){
    #tickets .ticket_request_wrapper .col {
      max-width:100%;
      height: auto;
    }
  }
  #tickets .new_ticket_modal label {
    margin-bottom:5px;
  }
  #tickets .col:last-child{
    margin-right:0;
  }
  #tickets .col.active {
    background-color: #04BCB1;
  }
  #tickets .col.active label {
    color:#fff;
  }
  #tickets .custom-control {
    position: relative;
    display: block;
    padding: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 72px;
  }
  @media (max-width:400px){
    #tickets .custom-control {
      height:auto;
      padding:10px 0;
    }
  }
  #tickets .ticket_request_wrapper .custom-control {
    height: 48px;
  }
  @media (max-width:400px){
    #tickets .ticket_request_wrapper .custom-control {
      height: auto;
      padding: 0;
    }
  }
  body.auth select, body.auth input:not([type="checkbox"]), .form-group .panel-body, textarea.form-control {
    height: 47px;
    border: 1px solid #b4c2c8 !important;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 14px;
  }
  #tickets .custom-control-input {
    position: absolute;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
  }
  #tickets .custom-control .custom-control-label {
    width: 100%;
    text-align: center;
    border-radius: 4px;
    color: #1f2324;
    font-size: 14px;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: center;
    cursor: pointer;
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
  }
  @media (max-width:400px){
    #tickets .custom-control .custom-control-label {
      font-size:12px;
    }
  }
  #tickets .ticket_request_wrapper .custom-control .custom-control-label {
    height: 100%;
    min-height: 48px!important;
  }
  
  #tickets input#ordernumbers {
    background-color: #E9F1F0;
    border: none;
    box-shadow: 0px 3px 0px gray;
    box-shadow: 0px 3px 0px #D2DEDD;
  }
  #tickets input#transactionid {
    background-color: #E9F1F0;
    border: none;
    box-shadow: 0px 3px 0px #D2DEDD;
  }
  #tickets .form-group.ordernumbers {
    margin-bottom:25px;
  }
  @media(max-width:400px){
    #tickets .form-group.ordernumbers {
      margin-bottom:15px;
    }
  }
  #tickets .form-group.transactionid {
    display:none;
    margin-bottom:25px;
  }
  #tickets .btn-primary {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    color: #fff;
  }
  #tickets .custom-control img {
    width:24px;
    height:auto;
  }
  #tickets .col img.active_img {
    display:flex;
  }
  #tickets .col img.active_img {
    display:none;
  }
  #tickets .col.active img.none_active {
    display:none;
  }
  #tickets .col.active img.active_img {
    display:flex;
  }
  #tickets textarea#message_submit {
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #D2DEDD!important;
    margin-bottom: 23px;
    border: none!important;
    height: auto;
  }
  #tickets textarea#message {
    background-color: #fff;
    box-shadow: 0px 3px 0px #D2DEDD!important;
    margin-bottom: 23px;
    border: none!important;
    height: 60px;
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px;
  }
  @media(max-width:700px){
    #tickets textarea#message {
      height:36px;
    }
  }
  #tickets button#submit {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    color: #fff;
  }
  #tickets  button#submit[disabled] {
    background: #C1C1C1;
    color: #E6E6E6;
    opacity: 1;
  }
  #tickets button.ticket_message_send_button {
    max-width: 140px;
    background: transparent linear-gradient(104deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  @media (max-width:700px){
    #tickets button.ticket_message_send_button {
      height:36px;
      font-size:12px;
      max-width:75px;
    }
  }
  #tickets button.ticket_message_send_button>img {
    width: 30px;
    height: 30px;
  }
  @media (max-width:700px){
    #tickets button.ticket_message_send_button>img {
      width:20px;
      height:20px;
    }
  }
  /*  */
  #tickets .mobile_ticket_list {
    position: relative;
    width: 100%;
    padding: 10px;
    border-radius: 30px;
    border: 2px solid #04BCB1;
    text-align: center;
    color: #04BCB1;
    font-weight: 800;
    font-size: 14px;
    cursor:pointer;
    display: none;
  }
  @media (max-width:1250px){
    #tickets .mobile_ticket_list {
      display:flex;
      justify-content:center;
    }
  }
  #tickets .mobile_ticket_list_img {
    position: absolute;
    right: 25px;
    width: 16px;
    height: 16px;
    transition: 0.2s;
  }
  #tickets  .mobile_ticket_list.active img.mobile_ticket_list_img {
    transform: rotate(-180deg);
  }
  .VIpgJd-ZVi9od-xl07Ob-OEVmcd {
    overflow: auto;
    width: 100%;
  }
  .VIpgJd-ZVi9od-xl07Ob-OEVmcd html {
    width: 100%;
    overflow-x:auto!important;
  }
  .VIpgJd-ZVi9od-xl07Ob-OEVmcd body {
    overflow-x:auto!important;
  }
  
  #refill {
    width: 100%;
  }
  #refill div.wrapper {
    margin-left: 40px;
    margin-top: 50px;
    margin-right: 56px;
  }
  @media (max-width:1100px){
    #refill div.wrapper{
      padding: 0 16px 100px 16px;
      margin: 20px 0 0;
    }
  }
  @media (max-width:400px){
    #refill div.wrapper,
    #drip-feed div.wrapper,
    #subscriptions .wrapper{
      padding: 0 10px 50px!important;
    }
  }
  #refill div.wrapper div.orderHistoryWrapper {}
  #refill div.wrapper div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #fff;
    height: 64px;
    padding: 0 4px;
    padding-left: 14px;
    gap: 11px;
    box-shadow: 1px 1px 1px 0px #dbdbdb;
    border-radius: 44px;
  }
  @media (max-width:1100px){
    #refill div.wrapper div.orderHistoryWrapper div.filterWrapper  {
      display: flex;
      align-items: center;
      margin-bottom: 18px;
      padding: 0 11px;
      width: 100%;
      flex-wrap: wrap;
      height: auto;
      padding-top: 10px;
      padding-bottom: 12px;
    }
  }
  @media (max-width: 400px){
    #refill div.wrapper div.orderHistoryWrapper div.filterWrapper {
      border-radius:14px;
    }
  }
  
  #refill div.wrapper div.orderHistoryWrapper div.filterWrapper select {
  
  }
  @media (max-width:768px){
    #refill div.wrapper div.orderHistoryWrapper div.filterWrapper select {
      width:120px;
    }
  }
  @media (max-width:400px){
    #refill div.wrapper div.orderHistoryWrapper div.filterWrapper select {
      width:100%;
      max-width:100%;
    }
  }
  #refill span.input-group-btn {
    background-image: url(https://storage.perfectcdn.com/7mcojg/wg1gqtjxsupdhwht.png);
    background-repeat: no-repeat;
    padding: 0;
    background-position: center;
  }
  #refill button.btn.btn-default {
    border-radius: 0;
    border: none!important;
    background-color: #fff;
    padding: 0px 18px;
    background-image: none;
    height: 34px!important;
    display: flex;
    align-items: center;
    box-shadow: none!important;
    background: transparent;
  }
  #refill #history-search input.form-control {
    width: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 34px;
    padding: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #9F9F9F;
  }
  #refill div.wrapper div.orderHistoryWrapper div.filterWrapper option {
    color: #222;
    background-color: #fff;
  }
  #refill div.refillListWrapper {
    display: flex;
    flex-direction: column;
  }
  #refill div.refillListWrapper div.refillList {
    width: 100%;
    max-width: 100%;
    margin: 0;
    width: 100%;
    display: table;
    border-collapse: collapse;
    border: none;
    table-layout: fixed;
  }
  #refill div.refillListWrapper div.refill_Title {
    display: flex;
    border: none;
    background-color: #fff;
    padding: 13px 25px;
    height: 70px;
    cursor: pointer;
    position: relative;
    width: 100%;
    align-items: center;
    margin: auto;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 14px;
  }
  @media (max-width:1300px){
    #refill div.refillListWrapper div.refill_Title {
      display: flex;
      flex-direction: column;
      height: auto;
      padding: 13px 50px 13px 20px;
      gap: 6px;
    }
  }
  @media (min-width:400px){
    #refill div.refillListWrapper div.refill_Title:hover {
      background-color: #04BCB1;
    }
    #refill div.refillListWrapper div.refill_Title:hover strong,
    #refill div.refillListWrapper div.refill_Title:hover span,
    #refill div.refillListWrapper div.refill_Title:hover::after
    {
      color:#fff;
    }
    #refill div.refillListWrapper div.refill_Title:hover span#copyLink {
      color:#fff!important;
    }
  }
  #refill div.refillListWrapper div.refill_Title.active strong,
  #refill div.refillListWrapper div.refill_Title.active::after, 
  #refill div.refillListWrapper div.refill_Title.active span
  {
    color: #fff;
  }
  #refill div.refillListWrapper div.refill_Title.active span#copyLink {
    color:#fff!important;
  }
  #refill div.refillListWrapper div.refill_Title.active {
    background: transparent linear-gradient(90deg, #25717C 0%, #C14F7C 100%) 0% 0% no-repeat padding-box;
  }
  
  #refill div.refillListWrapper div.refill_Title::after {
    font-size: 20px;
    font-family: xeicon!important;
    content: "\e942";
    right: 15px;
    bottom: auto;
    transition: all 0.2s ease-in-out;
    transform: rotate(0deg);
    color: #222;
    display: table-cell!important;
    vertical-align: middle!important;
    width: auto;
  }
  @media (max-width:1750px){
    #refill div.refillListWrapper div.refill_Title::after {
      width: auto;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
    }
  }
  
  #refill div.refillListWrapper div.refill_Title strong {}
  #refill div.refillListWrapper div.refill_Title div.refill_Id {
    display: table-cell!important;
    vertical-align: middle;
    text-align: left;
    width: 15%;
  }
  @media (max-width:400px){
    #refill div.refillListWrapper div.refill_Title strong,
    #refill div.refillListWrapper div.refill_Title span
    {
      font-size: 12px!important;
    }
  }
  @media (max-width:1300px){
    #refill div.refillListWrapper div.refill_Title div.refill_Id {
      width: 100%;
      padding-left: 0;
      flex: initial;
      width: 100%;
      text-align: left;
    }
  }
  #refill div.refillListWrapper div.refill_Title div.refill_Id strong + strong {
    color: #9F9F9F;
    margin-left: 8px;
    font-size: 14px;
    padding-left: 0;
  }#refill div.refillListWrapper div.refill_Title.active strong + strong {
    color:#fff!important;
  }
  #refill div.refillListWrapper div.refill_Title div.refill_Id img {}
  #refill div.refillListWrapper div.refill_Title div.refill_Date {
    flex: 1 1 500px;
    align-items: center;
    display: table-cell;
    vertical-align: middle;
    width: 35%;
  }
  @media (max-width:1300px){
    #refill div.refillListWrapper div.refill_Title div.refill_Date {
      width: 100%;
      flex: initial;
    }
  }
  #refill div.refillListWrapper div.refill_Title div.refill_Date div.refill_DateBox {
    display: flex;
    align-items: center;
    flex: 1 1 22%;
    justify-content: flex-start;
  }
  #refill div.refillListWrapper div.refill_Title div.refill_Date div.refill_DateBox span#copyLink {
    position: relative;
    color: #608AFF;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    max-width: 400px;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  
  }
  @media (max-width:400px){
    #refill div.refillListWrapper div.refill_Title div.refill_Date div.refill_DateBox span#copyLink {
      font-size:12px;
    }
  }
  #refill div.refillListWrapper div.refill_Title  #orderCopy {
    position: relative;
    border: 1px solid #608AFF;
    background-color: #fff;
    padding: 6px 5px;
    margin-left: 10px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
  
  }
  #refill div.refillListWrapper div.refill_Title div.refill_Service {
    flex: 1 1 353px;
    text-align: right;
    display: flex;
    justify-content: flex-end!important;
    justify-content: normal;
    display: table-cell;
    /* display: table-row; */
    vertical-align: middle;
    width: 26%;
  }
  @media (max-width:1300px){
    #refill div.refillListWrapper div.refill_Title div.refill_Service {
      width: 100%;
      flex: initial;
    }
  }
  #refill div.refillListWrapper div.refill_Title div.refill_ServiceBox {text-align: left;}
  #refill div.refillListWrapper div.refill_Title div.refill_Status_JJin {
    flex: 1 1 156px;
    justify-content: flex-end;
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: left;
  }
  @media (max-width:1300px){
    #refill div.refillListWrapper div.refill_Title div.refill_Status_JJin {
      width: 100%;
      flex: initial;
      text-align: left;
    }
  }
  #refill div.refillListWrapper div.refill_Title div.refill_Status_JJin strong {
    color: #fff;
    font-size: 12px;
    padding: 0 5px 0px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    display: inline-flex;
    height: 22px;
    line-height: 1.2;
    background-color: #253858;
  }
  #refill div.refillListWrapper div.refill_Title div.refill_Status {
    flex: 1 1 auto;
    /* text-align: right; */
    /* margin-right: 17px; */
    display: table-cell;
    /* display: table-row; */
    vertical-align: middle;
    text-align: right;
    margin-right: 36px;
    width: 10%;
  }
  @media (max-width:1300px){
    #refill div.refillListWrapper div.refill_Title div.refill_Status {
      width: 100%;
      flex: initial;
      text-align: left;
      margin-right: 0;
    }
  }
  #refill div.refillListWrapper div.refill_Contents {
    background: #fff;
    line-height: 24px;
    color: #222;
    border-top: 0;
    margin-top: 4px;
    overflow: hidden;
    border-radius: 14px;
    opacity: 0;
    height: 0;
    transition: linear .3s;
    border: 1px solid #ddd;
  }
  #refill div.refillListWrapper div.refill_Contents.active {
    overflow: visible;
    opacity: 1;
    height: auto;
    max-height: 100%;
    margin-bottom: 10px;
  }
  #refill div.refillListWrapper div.refill_Contents ul {
    background: #04bcb100;
    padding: 8px 16px 8px;
  }
  #refill div.refillListWrapper div.refill_Contents ul li {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }
  #refill div.refillListWrapper div.refill_Contents ul li strong {
    color: #5D5D5D;
    font-size: 12px;
    font-weight: 600;
  }
  #refill div.refillListWrapper div.refill_Contents ul li strong.copyIdIndex {}
  #refill div.refillListWrapper div.refill_Contents img.copyIdImg {}
  #refill div.refillListWrapper div.refill_Contents li.orderLinkCopyWrapper {}
  #refill div.refillListWrapper div.refill_Contents li.orderLinkCopyWrapper strong {}
  #refill div.refillListWrapper div.refill_Contents li.orderLinkCopyWrapper a.orderLinkCopy {
    position: relative;
    color: #608AFF;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    max-width: 600px;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width:400px){
    #refill div.refillListWrapper div.refill_Contents li.orderLinkCopyWrapper a.orderLinkCopy {
      font-size:12px;
    }
  }
  #refill div.refillListWrapper div.refill_Contents li.orderLinkCopyWrapper span#orderCopy2 {
    position: relative;
    border: 1px solid #608AFF;
    background-color: #fff;
    padding: 6px 5px;
    margin-left: 10px;
    z-index: 0;
    border-radius: 3px;
    color: #608AFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #refill div.refillListWrapper div.refill_Contents strong.orderList {}
  .goog-te-gadget .goog-te-combo {
    width:auto!important;
    height: 35px;
  }
  /* service font awesome */
  .fal, .far {
    font-family: "Font Awesome 5 Pro"!important;
  }
  .fa,.fas {
    font-family: "Font Awesome 5 Pro"!important;
    font-weight: 900
  }
  .fa-star:before {
    color: #C14F7C;
  }
  
  
  select#orderform-category {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 100%!important;
    height: 40px!important;
    overflow: visible!important;
    position: relative!important;
    max-width: 100%;
    background-color: #E9F1F0;
    box-shadow: 0px 3px 0px #acc9!important;
    font-size:14px;
    padding-left:10px!important;
    cursor: pointer;
    color: #222;
    font-weight: 500;
  }
  select#orderform-category option {
    background-color:#fff;
  
  }
  label.newOrder_inputWrapper_title.service {
    margin-top: 16px;
  }
  #main div.services .open > .dropdown-menu li {
    width: 100%;
  }
  .googleSigninWrapper {
    width: auto;
    max-width: f;
    min-width: auto;
    display:flex;
    justify-content: right;
    align-items:center;
    flex: 1;
  }
  @media (max-width:600px){
      .googleSigninWrapper {
      width:100%;
      justify-content:center;
      max-width: 100%;
      min-width: 100%;
      align-items:center;
    } 
  }
  .googleSignupWrapper {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      display: flex;
      justify-content: center;
      padding-top: 10px;
        border-top: 1px solid #E6E6E6;
  }


div#confirm_signup .well {
    width: 100%;
}

div#confirm_signup .container {
    margin-top: 250px;
}
@media (max-width:500px){
    div#confirm_signup .container{
        margin-top:150px;
    }
}
div#confirm_signup .row {
    align-items: center;
    justify-content: center;
}
#main .newOrder_orderContents div.services {
    padding-top: 0;
}