@charset "utf-8";

:root {
    --gray: #858587;
    --light-gray: #C4C4C4;
    --back-ground-color: rgba(255, 255, 255, 0.8);
}

@font-face {
    font-family: 'NanumBarunGothic';
    src: url("/font/NanumBarunGothic.woff2") format("woff2"),
    url("/font/NanumBarunGothic.woff") format("woff"),
    url("/font/NanumBarunGothic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'NanumBarunGothic';
    src: url("/font/NanumBarunGothicBold.woff2") format("woff2"),
    url("/font/NanumBarunGothicBold.woff") format("woff"),
    url("/font/NanumBarunGothicBold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'NanumGothic';
    src: url("/font/NanumGothic.woff2") format("woff2"),
    url("/font/NanumGothic.woff") format("woff"),
    url("/font/NanumGothic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'NanumGothic';
    src: url("/font/NanumGothicBold.woff2") format("woff2"),
    url("/font/NanumGothicBold.woff") format("woff"),
    url("/font/NanumGothicBold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'NanumSquare';
    src: url("/font/NanumSquareR.woff2") format("woff2"),
    url("/font/NanumSquareR.woff") format("woff"),
    url("/font/NanumSquareR.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'NanumSquare';
    src: url("/font/NanumSquareB.woff2") format("woff2"),
    url("/font/NanumSquareB.woff") format("woff"),
    url("/font/NanumSquareB.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'SF Pro';
    src: url("/font/SF-Pro-Display-Regular.woff") format("woff"),
    url("/font/SF-Pro-Display-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SF Pro';
    src: url("/font/SF-Pro-Display-Medium.woff") format("woff"),
    url("/font/SF-Pro-Display-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'SF Pro';
    src: url("/font/SF-Pro-Display-Bold.woff") format("woff"),
    url("/font/SF-Pro-Display-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'SF Pro';
    src: url("/font/SF-Pro-Display-ReqularItalic.woff") format("woff"),
    url("/font/SF-Pro-Display-ReqularItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
  }

  @font-face {
    font-family: 'SF Pro';
    src: url("/font/SF-Pro-Display-MediumItalic.woff") format("woff"),
    url("/font/SF-Pro-Display-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: 'SF Pro';
    src: url("/font/SF-Pro-Display-BoldItalic.woff") format("woff"),
    url("/font/SF-Pro-Display-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
  }
.bg.black{
    background-color: #000;
}
.bg.white{
    background-color: #fff;
}

@media all and (max-width: 600px) {
    .mt0 {
        margin-top: 0 !important;
    }
    
    .mt3 {
        margin-top: 0.697vw;
    }
    
    .mt2 {
        margin-top: 0.465vw;
    }
    
    .mt4 {
        margin-top: 0.93vw;
    }
    
    .mt8 {
        margin-top: 1.86vw;
    }
    
    
    .mt14 {
        margin-top: 3.256vw;
    }
    
    .mt72 {
        margin-top: 16.744vw;
    }
    
    .pt72 {
        padding-top: 16.744vw;
    }
    .pb5{
        padding-bottom: 1.163vw;
    }
    
    .mh100 {
        min-height: -webkit-fill-available;
        min-height: 100vh;
    }
    
    .flex {
        display: flex !important;
    }
    .relative {
        position: relative;
    }
    
    .wrap {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .mWrap {
        display: block;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    
    .mWrap .headCopy {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        height: auto;
        overflow: hidden;
        padding: 9.302vw 0 18.604vw 0;
        z-index: 100;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    }
    
    .mWrap .headCopy .subDesc {
        color: #bfbfbf;
        font-size: 4.651vw;
        margin-bottom: 1.162vw;
        font-family: 'Adabi';
    }
    
    .mWrap .headCopy .headTitle {
        color: #bfbfbf;
        font-size: 4.651vw;
        font-family: 'Adabi';
    }
    
    .mWrap .bubbleSec {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
        width: 130%;
        height: 81.396vw;
        padding: 0;
        box-sizing: border-box;
    }
    
    .mWrap .sellTyBtn {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 2.326vw;
        width: 14.884vw;
        height: 33.023vw;
        background: url(/img2/logo_gate.png) no-repeat 50% 50%;
        background-size: 100%;
        cursor: pointer;
    }
    
    #chartdiv {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .tempCon {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .tempCon img {
        width: 100%;
    }
    
    /* hide hidden*/
    .hide,
    .hidden {
        position: absolute;
        visibility: hidden;
        overflow: hidden;
        width: 0.233vw;
        height: 0.233vw;
        font-size: 0;
        line-height: 0;
        text-indent: -9999em;
    }
    
    /* highChart */
    .highcharts-credits {
        display: none;
    }
    
    .highcharts-exporting-group {
        display: none !important;
    }
    
    
    a.txtBtn {
        display: block;
        font-size: 4.186vw;
        color: var(--light-gray);
        padding: 4.651vw 0;
    }
    
    h2 {
        border-bottom: 0.233vw solid #5a5a5a;
        margin-bottom: 10.465vw;
        padding: 6.047vw 0;
        font-weight: 400;
        font-size: 3.72vw;
        color: #fff;
        text-align: center;
    }
    
    /* sub : header */
    .subHeader {
        position: fixed;
        width: 100%;
        height: 16.774vw;
        clear: both;
        z-index: 200;
        background-color: var(--back-ground-color);
        display: flex;
        backdrop-filter: blur(2.326vw);
        -webkit-backdrop-filter: blur(2.326vw);
    }
    .subHeader.none{
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: none;
        
    }
    .subHeader .backBtnArea{
        display: flex;
        width: 15%;
        height: 100%;
    }
    .subHeader .logoArea{
        display: flex;
        width: 70%;
        height: 100%;
    }
    .subHeader .logoArea span{
        margin: auto;
        font-size: 3.721vw;
        font-weight: 500;
    }
    
    
    
    .subHeader .cartBtnArea{
        display: flex;
        width: 15%;
        height: 100%;
    }
    /* sub : header */
    .subHeader.unset {
        position:unset;
    }
    
    .subHeader.z9999 {
        z-index: 9999;
    }
    
    .subHeader.under {
        border-bottom: 0.233vw solid #2a2a2a;
    }
    
    .subHeader+.container {
        padding: 16.744vw 0 15.116vw 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .subHeader .title {
        color: black;
        font-weight: 500;
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 3.721vw;
    }
    .subHeader .title div{
        margin: auto;
    }
    
    .subHeader .logo {
        margin: auto;
        min-width: 30vw;
        height: 100%;
    }
    .subHeader .logo img {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30.233vw;
    }
    .subHeader a {
        width: 3.953vw;
        height: 3.953vw;
        line-height: 3.953vw;
        float: left;
        z-index: 50;
    }
    .subHeader .btn {
        width: 7.441vw;
        height: 7.441vw;
        display: flex;
        margin: auto;
        position: relative;
    }
    .subHeader .btn .fas {
        color: #fff;
        font-size: 5.814vw;
        margin: auto auto 0 auto;
    }
    .subHeader .btn .circle {
        background-color: black;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
        display: flex;
        border-radius: 50%;
        width: 1.507vw;
        height: 1.507vw;
    }
    
    .subHeader .btn .circle span {
        color: white;
        font-family: 'SF Pro';
        font-weight: 400;
        font-size: 2.326vw;
        line-height: 0;
        margin: auto;
    }
    
    .subHeader .btn .back {
        width: 7.441vw;
        height: 7.441vw;
        background: url('/img2/back.svg') no-repeat center center;
        background-size: 2.009vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
      
    }
    .subHeader .btn .close {
        width: 7.441vw;
        height: 7.441vw;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 2.326vw 2.326vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    .subHeader .btn .bag {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/bag.svg");
        background-size: 3.256vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader .btn .my {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/menu.svg");
        background-size: 3.488vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    .subHeader .btn .setting {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/setting.svg");
        background-size: 3.953vw 2.326vw;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    
    .subHeader .btn .inquiry {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/inquiry.svg");
        background-size: 4.811vw 4.811vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader .x {
        width: 7.441vw;
        height: 7.441vw;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 3.488vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
     
    }
    
    
    
    /* sub : header */
    .subHeader2 {
        position: fixed;
        width: 100%;
        height: 16.774vw;
        clear: both;
        z-index: 50;
        display: flex;
    }
    
    .subHeader2 .backBtnArea{
        display: flex;
        width: 15%;
        height: 100%;
    }
    .subHeader2 .logoArea{
        display: flex;
        width: 70%;
        height: 100%;
    }
    .subHeader2 .logoArea span{
        margin: auto;
        font-size: 3.721vw;
        font-weight: 500;
    }
    
    
    
    .subHeader2 .cartBtnArea{
        display: flex;
        width: 15%;
        height: 100%;
    }
    /* sub : header */
    .subHeader2.unset {
        position:unset;
    }
    
    .subHeader2.z9999 {
        z-index: 9999;
    }
    
    .subHeader2.under {
        border-bottom: 0.233vw solid #2a2a2a;
    }
    
    .subHeader2+.container {
        padding: 16.744vw 0 15.116vw 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .subHeader2 .title {
        color: black;
        font-weight: 500;
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 3.721vw;
    }
    .subHeader2 .title div{
        margin: auto;
    }
    
    .subHeader2 .logo {
        margin: auto;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30.233vw;
    }
    
    .subHeader2 a {
        width: 3.953vw;
        height: 3.953vw;
        line-height: 3.953vw;
        float: left;
        z-index: 50;
    }
    .subHeader2 .btn {
        width: 7.441vw;
        height: 7.441vw;
        display: flex;
        margin: auto;
        position: relative;
    }
    .subHeader2 .btn .fas {
        color: #fff;
        font-size: 5.814vw;
        margin: auto auto 0 auto;
    }
    .subHeader2 .btn .circle {
        background-color: black;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
        display: flex;
        border-radius: 50%;
        width: 1.507vw;
        height: 1.507vw;
    }
    
    .subHeader2 .btn .circle span {
        color: white;
        font-family: 'SF Pro';
        font-weight: 400;
        font-size: 2.326vw;
        line-height: 0;
        margin: auto;
    }
    
    .subHeader2 .btn .back {
        width: 7.441vw;
        height: 7.441vw;
        background: url('/img2/back.svg') no-repeat center center;
        background-size: 2.009vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
      
    }
    .subHeader2 .btn .close {
        width: 7.441vw;
        height: 7.441vw;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 3.488vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    .subHeader2 .btn .bag {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/bag.svg");
        background-size: 3.256vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader2 .btn .my {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/menu.svg");
        background-size: 4.811vw 4.811vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    .subHeader2 .btn .setting {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/setting.svg");
        background-size: 3.953vw 2.326vw;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    
    .subHeader2 .btn .inquiry {
        width: 7.441vw;
        height: 7.441vw;
        background-image: url("/img2/inquiry.svg");
        background-size: 4.811vw 4.811vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader2 .x {
        width: 7.441vw;
        height: 7.441vw;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 3.488vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
     
    }
    
    
    
    
    /* sub : common */
    .wrapper {
        position: relative;
        padding: 0 3.488vw;
        width: 100%;
        clear: both;
    }
    
    .container {
        position: relative;
        width: 100%;
        clear: both;
        padding: 16.744vw 0 15.116vw 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .container.h100 {
        height: calc(100% - 16.744vw);
    }
    
    .container.zero {
        padding: 0 0 0 0;
        
    }
    .container.top {
        padding: 16.744vw 0 0 0;
    }
    
    .container.sale {
        padding: 16.744vw 0 15.627vw 0;
    }
    
    .contents {
        padding: 0 0 0 0;
        clear: both;
        font-weight: 300;
        letter-spacing: -0.116vw;
    }
    
    .contents2 {
        padding: 0 0 11.628vw 0;
        clear: both;
        color: #000;
        font-weight: 300;
        letter-spacing: -0.116vw;
        background-color: #fff;
    }
    .contents .brandName {
        height: 14.419vw;
        display: flex;
        font-family: "SF Pro";
    }
    .contents .brandName img {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contents .brandName span{
        margin: auto;
        font-size: 3.72vw;
        font-style: normal;
        font-weight: 600;
        line-height: 2.932vw;
    }
    
    .contents2.zero {
        padding: 0;
    }
    
    .contents2.h100 {
        min-height: -webkit-fill-available;
        min-height: 100vh;
    }
    
    .contents2 h2.title {
        background-size: 3.72vw 2.791vw;
        border-top: 0.233vw solid #cacaca;
        border-bottom: 0.233vw solid #cacaca;
        margin: 0 0 5.813vw 0;
        padding: 0;
        height: 11.627vw;
        line-height: 11.627vw;
        text-indent: 3.488vw;
        font-size: 3.488vw;
        color: #000;
        text-align: left;
    }
    
    .contents2 h2.title.noAr {
        background: none;
        border-bottom: 0;
        margin-bottom: 0;
        font-size: 3.488vw;
        color: #000;
        position: relative;
    }
    
    .contents2 h2.title.noArLine {
        background: none;
        font-size: 3.488vw;
        color: #000;
        margin-bottom: 2.325vw;
    }
    
    .contents2 h2.title.noAr .allGds a {
        position: absolute;
        right: 3.488vw;
        top: 0;
        font-size: 3.256vw;
        color: #666;
    }
    
    .inner {
        padding: 0 8.139vw;
        margin: 0 auto;
    }
    
    .contents .pageGuideTxt {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw;
        color: var(--light-gray);
        font-size: 3.256vw;
        line-height: 4.651vw;
        margin-bottom: 2.325vw;
    }
    
    
    /* sub : login */
    .contents .login {
        padding-top: 13.023vw;
    }
    
    .contents .login .info {
        margin-top: 2.558vw;
        text-align: center;
        font-family: "NanumBarunGothic";
        color: var(--gray);
        font-size: 2.452vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .contents .login .logoArea {
        width: 100%;
        margin-bottom: 3vw;
    }
    
    .contents .login .logo {
        width: 46.512vw;
    }
    
    .contents .login .tit {
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: "NanumGothic";
        font-size: 3.721vw;
        font-style: normal;
        font-weight: 700;
        line-height: 5.814vw;
    }
    .contents .login .loginForm li {
        padding-top: 4.651vw;
    }
    
    .contents .login .loginForm li:first-child {
        padding-top: 9.302vw;
    }
    
    .contents .login .loginForm li:last-child {
        padding-top: 1vw;
    }
    
    .contents .login .btnArea {
        padding: 8.139vw 0 4.651vw 0;
    }
    
    .contents .login .find {
        margin-bottom: 19.302vw;
        width: 100%;
        clear: both;
    }
    
    .contents .login .find li {
        float: left;
    }
    
    .contents .login .find li a {
        color: var(--gray);
        font-size: 3.023vw;
        font-weight: 200;
    }
    
    .contents .login .find li:last-child {
        float: right;
        text-align: right;
    }
    
    .contents .login .start {
        height: 6.512vw;
    }
    
    .contents .login .start dt {
        width: 50%;
        height: 6.512vw;
        line-height: 6.512vw;
        font-weight: 200;
        font-size: 3.023vw;
        float: left;
    }
    
    .contents .login .start dd {
        margin-right: 2.326vw;
        width: 10%;
        text-align: center;
        float: left;
    }
    
    .contents .login .start dd:last-child {
        margin-right: 0;
    }
    
    .contents .login .start dd img {
        width: 6.512vw;
        height: 6.512vw;
    }
    
    .contents .login input.join[type="text"],
    .contents .login input.join[type="password"] {
        background: none;
        border: 0;
        border-bottom: 0.233vw solid #5a5a5a;
      
        letter-spacing: -0.116vw;
    }
    
    .contents .login input.join[type="text"]::placeholder,
    .contents .login input.join[type="password"]::placeholder {
    
        letter-spacing: -0.116vw;
    }
    
    .contents .login input.join[type="text"]::-ms-input-placeholder,
    .contents .login input.join[type="password"]::-ms-input-placeholder {
    
        letter-spacing: -0.116vw;
    }
    
    /* sub : Influencer */
    .container .Influencer {
        display: block;
        height: auto;
        overflow: hidden;
        border-bottom: 0.233vw solid #2a2a2a;
        padding: 1.163vw 0 4.651vw 3.488vw;
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        clear: both;
    }
    
    .container .Influencer ul {
        width: max-content;
    }
    
    .container .Influencer li {
        display: inline-block;
        margin-right: 3.720vw;
        height: auto;
        float: left;
    }
    
    .container .Influencer li:last-child {
        margin-right: 0;
    }
    
    .container .Influencer .thumb {
        display: block;
        border: 0.233vw solid #000000;
        border-radius: 5.814vw;
        padding: 0.233vw 0.697vw 0.697vw 0.233vw;
        box-sizing: border-box;
        width: 14.884vw;
        height: 14.884vw;
        text-align: center;
        opacity: 1.0;
        overflow: hidden;
    }
    
    .container .Influencer .thumb.on {
        display: block;
        border: 0.465vw solid black;
        border-radius: 50%;
        padding: 0.465vw 0.93vw 0.93vw 0.465vw;
        box-sizing: border-box;
        width: 17.209vw;
        height: 17.209vw;
        text-align: center;
        opacity: 1;
    }
    
    .container .Influencer .thumb img {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 0.233vw solid var(--light-gray);
    }
    
    .container .Influencer .nick {
        display: block;
        padding-top: 1.163vw;
        width: 100%;
        text-align: center;
        font-weight: 100;
        font-size: 2.326vw;
        color: #fff;
    }
    
    .container .Influencer .thumb+.nick {
        opacity: 1;
    }
    
    .container .Influencer .thumb.on+.nick {
        opacity: 1;
        font-size: 2.791vw;
    }
    
    /* sub : profile */
    .container .category {
        position: relative;
        height: 20.465vw;
        width: 100%;
        clear: both;
    }
    
    .container .category .name {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 5vw;
        color: #000;
    }
    
    .container .category .usrFunc .btn {
        position: absolute;
        width: 7.441vw;
        height: 7.441vw;
        top: 50%;
        transform: translate(0, -50%);
    }
    
    .container .category a.btn:nth-last-child(1) {
        right: 4.883vw;
    }
    
    .container .category a.btn:nth-last-child(2) {
        right: 14.651vw;
    }
    
    .container .category a.btn:nth-last-child(3) {
        right: 24.418vw;
    }
    
    .container .category .usrFunc .share {
        background-image: url("/img2/share.svg");
        background-size: 5.918vw 4.811vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .container .category .usrFunc .grid {
        background-image: url("/img2/grid.svg");
        background-size: 3.488vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .container .category .usrFunc .list {
        background-image: url("/img2/list.svg");
        background-size: 3.488vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .container .category .usrFunc .star {
        background-image: url("/img2/star_off.svg");
        background-size: 5.116vw 5.116vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .container .category .usrFunc .star.on {
        background-image: url("/img2/star_on.svg");
    }
    
    .container .category .usrFunc .star.black {
        filter: invert(1);
    }
    
    /* sub : sale feed */
    .container .feed {
        position: relative;
        padding: 5.814vw 9.302vw 0 9.302vw;
        width: 100%;
        clear: both;
        padding-top: 0;
    
    }
    
    .container .feed .feedList:last-child {
        padding-bottom: 29.07vw;
    }
    
    
    .container .feed ul {
        padding-bottom: 11vw;
        padding-top: 4vw;
        display: block;
    }
    .container .feed li {
        display: block;
        font-size: 3.721vw;
    }
    
    .container .feed .thum {
        display: block;
        position: relative;
    }
    .container .feed .thum .brand {
        margin-top: 4.651vw;
        font-size: 3.256vw;
        height: 5vw;
        color: var(--gray)
    }
    .container .feed .thum .name {
        height: 5.326vw;
        margin-bottom: 2.163vw;
        line-height: 5.581vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .container .feed .thum .price s{
        color: var(--gray)
    }
    .container .feed .thum .price span{
        color: #f00;
    }
    .container .thum img {
        width: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .container .feedLeft li.tit,
    .container .feedLeft li.txt,
    .container .feedLeft li.ordStats,
    .container .feedLeft li.sale {
        padding-right: 6.976vw;
    }
    
    .container .feedRight li.tit,
    .container .feedRight li.txt,
    .container .feedRight li.ordStats,
    .container .feedRight li.sale {
        padding-left: 6.976vw;
    }
    
    .container .feedLeft li.summary,
    .container .feedRight li.summary {
        word-break: break-all;
    }
    
    .container .tit {
        padding-top: 6vw;
        line-height: 6vw;
        font-weight: 600;
        font-size: 6.047vw;
        color: #000;
    }
    
    
    
    .container .txt {
        padding-top: 1.505vw;
        line-height: 4.811vw;
        font-weight: 600;
        font-size: 3.256vw;
        color: #000;
    }
    
    
    .container .sale.cnt {
        padding-top: 4.186vw;
        height: 8.139vw;
        line-height: 8.139vw;
        color: #a28059;
    }
    
    .ordStats {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .ordStats .prdBar {
        display: block;
        padding-bottom: 5.814vw;
        position: relative;
        margin-top: 3.488vw;
    }
    
    .ordStats .prdBar:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0.697vw;
        background: #666;
        border-radius: 0.697vw;
        z-index: 0;
    }
    
    .ordStats .prdBar .start {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 2.326vw;
        color: #FFF;
        text-align: left;
    }
    
    .ordStats .prdBar .end {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 2.326vw;
        color: #FFF;
        text-align: right;
        padding-right: 0.233vw;
    }
    
    .ordStats .prdBar .minQty {
        position: absolute;
        top: 0;
        padding-top: 2.326vw;
        width: auto;
        font-size: 2.326vw;
        color: #FFF;
        text-align: center;
    }
    
    .ordStats .prdBar .minQty:after {
        content: '';
        position: absolute;
        right: -1.395vw;
        top: -0.697vw;
        transform: translate(-50%, 0);
        width: 1.395vw;
        height: 1.395vw;
        border: 0.465vw solid #000000;
        border-radius: 50%;
        background: #a28059;
        z-index: 100;
    }
    
    .ordStats .prdBar .current {
        position: absolute;
        top: 0;
        padding-top: 1.163vw;
        font-size: 2.326vw;
        color: #FFF;
        text-align: right;
        text-indent: -23255.581vw;
    }
    
    .ordStats .prdBar .current:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0.697vw;
        border-radius: 0.697vw;
        background: #a28059;
        z-index: 10;
    }
    
    .ordStats .prdBar .zero {
        position: absolute;
        left: 0;
        top: 3.488vw;
        color: #FFF;
        font-size: 2.326vw;
    }
    
    /* sub : order */
    .container .order {
        position: absolute;
        bottom: 3.488vw;
        background: #a28059;
        border-radius: 50%;
        width: 13.953vw;
        height: 13.953vw;
        line-height: 13.953vw;
        font-weight: 300;
        text-align: center;
        color: #fff;
        font-size: 3.023vw;
    }
    
    .container .feedLeft .order {
        right: 3.488vw;
    }
    
    .container .feedRight .order {
        left: 3.488vw;
    }
    
    
    /* sub : sale Detail */
    .container .saleDetail {
        padding-bottom: 0;
    }
    
    .container .saleDetail .SO {
        color: var(--light-gray);
        text-decoration: line-through;
    }
    
    .container .saleDetail .thum {
        width: 100%;
    }
    
    .container .saleDetail .brand {
        padding: 5.348vw 0 0 0;
        color: var(--gray);
        font-family: NanumBarunGothic;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 400;
    }
    
    .container .saleDetail .tit {
        padding: 2.791vw 0 2.325vw 0;
        font-size: 3.953vw;
        color: #000;
        font-family: NanumBarunGothic;
        font-style: normal;
        font-weight: 600;
    }
    
    .container .saleDetail .shortTit {
        padding: 0 0 3.488vw 0;
        color: rgb(146, 139, 139);
        font-size: 3.256vw;
        line-height: 1.4;
        word-break: break-all;
    }
    
    .container .saleDetail .price {
        padding: 0 0 3.488vw 0;
        font-size: 3.72vw;
    }
    
    .container .saleDetail .price span {
        font-weight: 400;
        font-size: 3.72vw;
        display: inline-block;
        margin-right: 1.163vw;
    }
    
    .container .saleDetail .price span.retail {
        font-size: 3.256vw;
        text-decoration: line-through;
        font-weight: 100;
    }
    
    .container .saleDetail .price .dcP {
        font-family: 'SF Pro';
        display: inline-block;
        margin-left: 2.325vw;
        font-size: 3.953vw;
        color: #777;
        text-decoration: line-through;
    }
    
    .container .saleDetail .price .dPrice {
        font-family: 'SF Pro';
        font-size: 3.953vw;
        color: black;
        margin-top: 2.326vw;
    }
    
    .container .saleDetail .option {
        padding: 2.791vw 0 0 0;
        font-size: 2.791vw;
        color: var(--gray);
        font-family: NanumBarunGothic;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .container .detailView {
        height: 93.023vw;
        min-height: 93.023vw;
        overflow: hidden;
        position: relative;
    }
    
    .container .saleDetail .detailView {
        padding: 5.814vw 3.488vw;
        text-align: center;
    }
    
    .container .saleDetail .detailView.short {
        padding-top: 0;
    }
    
    .container .saleDetail .detailView.bdrBtm {
        border-bottom: 2.326vw solid #202020;
    }
    
    .container .saleDetail .detailView img {
        width: 100%;
        max-width: 74.651vw;
    }
    
    /* sub : sale Detail : orderAdate */
    .container .orderAdate {
        padding-top: 8.139vw;
        letter-spacing: -0.116vw;
    }
    
    .container .orderAdate li.nowOrd {
        margin-bottom: 2.791vw;
        width: 100%;
        font-weight: 300;
        font-size: 3.023vw;
        color: #a28059;
        text-align: left;
        position: relative;
    }
    
    .container .orderAdate li.nowOrd .btnToggle {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }
    
    .container .orderAdate li.nowOrd .box {
        height: auto;
        color: var(--gray);
        font-size: 3.023vw;
        text-align: right;
    }
    
    .container .orderAdate li.nowOrd .icon {
        display: inline-block;
        margin-right: 0.93vw;
        background: url('../img2/contents/bg_heart_off.png') no-repeat left 0;
        background-size: 3.256vw 3.023vw;
        width: 3.256vw;
        height: 3.023vw;
        z-index: -9999em;
        vertical-align: top;
    }
    
    .container .orderAdate li.nowOrd .btnToggle.on .icon {
        display: inline-block;
        background: url('../img2/contents/bg_heart_on.png') no-repeat left 0;
        background-size: 3.256vw 3.023vw;
        width: 3.256vw;
        height: 3.023vw;
        z-index: -9999em;
        vertical-align: top;
    }
    
    .container .orderAdate li.nowOrd .btnToggle.on .box {
        border: 0 solid #a28059;
        color: #a28059;
    }
    
    .container .orderAdate li.dDay {
        margin-bottom: 2.325vw;
        width: 100%;
        font-weight: 300;
        font-size: 4.651vw;
        float: inherit;
        clear: both;
    }
    
    /* sub : sale Detail : orderBar */
    .container .orderBar {
        position: relative;
        margin-bottom: 3.488vw;
        height: 8.837vw;
    }
    
    .container .orderBar .flag {
        position: absolute;
        top: 0;
        left: 4.651vw;
        background: url('../img2/contents/bg_flag.png') no-repeat center center;
        background-size: 5.581vw 6.976vw;
        width: 5.581vw;
        height: 6.976vw;
        line-height: 3.488vw;
        text-align: center;
        font-size: 2.326vw;
        z-index: 20;
    }
    
    .container .orderBar .bar {
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(to right, #ff0203, #ff2a5c);
        border-radius: 3.488vw;
        width: 60%;
        height: 3.488vw;
        z-index: 10;
    }
    
    .container .orderBar .bg {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #232323;
        border-radius: 3.488vw;
        width: 94%;
        height: 3.488vw;
        z-index: 0;
    }
    
    .container .orderBar .goal {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url('../img2/contents/bg_goal.png') no-repeat center bottom;
        background-size: 2.791vw 3.023vw;
        height: 8.837vw;
        line-height: 6.976vw;
        font-size: 2.326vw;
        font-weight: 200;
        float: right;
    }
    
    /* sub : sale Detail : orderInfo */
    .container .orderInfo {
        border-bottom: 0.233vw solid #353535;
        padding-bottom: 3.488vw;
        width: 100%;
        height: 6.976vw;
        clear: both;
    }
    
    .container .orderInfo dt {
        margin-bottom: 2.325vw;
        width: 10%;
        height: 3.488vw;
        float: left;
    }
    
    .container .orderInfo .icoFlag {
        width: 2.558vw;
        height: 2.558vw;
        position: relative;
        margin-right: 2.326vw;
    }
    
    .container .orderInfo .icoFlag:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
        height: 0.697vw;
        background: #a28059;
    }
    
    .container .orderInfo .icoGoal {
        background: url('../img2/contents/bg_goal.png') no-repeat center center;
        background-size: 2.093vw 2.558vw;
    }
    
    .container .orderInfo dd {
        margin-bottom: 2.325vw;
        width: 90%;
        height: 3.488vw;
        font-weight: 100;
        font-size: 3.023vw;
        color: var(--gray);
        float: left;
    }
    
    /* sub : sale Detail : delivery */
    .container .delivery {
        padding: 8.139vw 0 8.139vw 0;
    }
    
    .container .delivery dt {
        background: url('../img2/contents/ico_delivery.png') no-repeat left center;
        background-size: 4.419vw 3.023vw;
        padding-left: 6.279vw;
        margin-bottom: 3.488vw;
    }
    
    .container .delivery dd {
        color: var(--gray);
        font-weight: 100;
    }
    
    .container .delivery dd.now {
        margin-bottom: 1.162vw;
        font-weight: 300;
        color: #bbb;
    }
    
    .container .delivery dd.now span {
        color: #bbb;
    }
    
    /* sub : sale Detail : delInfo */
    .container .delInfo {
        padding-bottom: 5.814vw;
        line-height: 4.651vw;
    }
    
    .container .delInfo .gdsBaseInfo {
        padding: 0 3.488vw;
    }
    
    .container .delInfo .depth1 dt {
        margin-bottom: 1.628vw;
        font-weight: 400;
        color: #a28059;
    }
    
    .container .delInfo .depth1 dd {
        font-weight: 100;
        color: #fff;
    }
    
    .container .delInfo .depth2 dt {
        padding-top: 6.744vw;
        font-weight: 100;
        color: #fff;
    }
    
    .container .delInfo .depth2 dd {
        background: url('../img2/contents/bu_sqare.png') no-repeat left 2.093vw;
        background-size: 0.697vw 0.697vw;
        padding-left: 2.326vw;
        margin-bottom: 2.325vw;
        font-weight: 100;
        color: #fff;
    }
    
    
    /* sub : sale Detail : saleList */
    .container .saleList {
        margin-bottom: 0;
        clear: both;
        font-size: 3.721vw;
    }
    .container .saleList .brand {
        margin-top: 4.651vw;
        font-size: 3.256vw;
        height: 5vw;
        color: var(--gray)
    }
    .container .saleList .name{
        height: 10.628vw;
        margin-bottom: 2.163vw;
        line-height: 5.581vw;
        overflow: hidden;
        /* text-overflow: ellipsis;
        white-space: nowrap; */
    }
    .container .saleList .name.three{
        height: 8.302vw;
        line-height: 4vw;
        overflow: hidden;
    }
    .container .saleList .price{
        margin-top: 1.163vw;
    }
    .container .saleList .price s{
        color: var(--gray)
    }
    .container .saleList .price span{
        color: #f00;
    }
    
    .container .saleList .noProduct {
        font-weight: 600;
        font-size: 6.511vw;
        line-height: 9.022vw;
        color: #fff;
        display: flex;
    }
    .container .saleList .noProduct.center {
        margin: auto;
    }
    .container .saleList .noProduct span {
        text-align: center;
        width: 100%;
    }
    
    
    .container .saleList::after {
        content: '';
        display: table;
        clear: both;
    }
    .container .saleList dl.three {
        width: 33.3%;
        font-size: 2.7vw;
        float: left;
        padding: 0 1%;
    }
    .container .saleList dl.two {
        width: 50%;
        float: left;
        padding: 0 1%;
    }
    .container .saleList dl {
        margin-bottom: 4.651vw;
    }
    .container .saleList dt {
        margin-bottom: 3.256vw;
        width: 100%;
    }
    .container .saleList dt img.three {
        width: 100%;
        height: 37.5vw;
    }
    .container .saleList dt img.two {
        width: 100%;
        height: 62.5vw;
    }
    .container .saleList dt img{
        width: 100%;
    }
    
    
    .container .saleList dd {
        font-weight: 400;
        font-size: 2.791vw;
    }
    
    .container .saleList dd.saleTit {
        padding-left: 3.488vw;
        margin-bottom: 2.325vw;
        color: var(--gray);
    }
    
    .container .saleList dd.salePrice {
        padding-left: 3.488vw;
        width: 40%;
        color: #fff;
        float: left;
    }
    
    .container .saleList dd.wish {
        width: 40%;
        padding: 0 3.488vw 5.814vw 0;
        text-align: right;
        float: right;
    }
    
    .container .saleList dd.wish a {
        display: block;
        background: url('../img2/contents/ico_heart_off.png') no-repeat right center;
        background-size: 3.023vw 2.791vw;
        width: 3.023vw;
        height: 2.791vw;
        text-indent: -9999em;
        float: right;
    }
    
    .container .saleList dd.wish a.on {
        background: url('../img2/contents/bg_heart_on.png') no-repeat right center;
        background-size: 3.023vw 2.791vw;
        width: 3.023vw;
        height: 2.791vw;
    }
    
    .container .saleList dl.no-recommend {
        line-height: 140%;
        width: 100%;
        float: inherit;
        text-align: center;
    }
    
    .container .saleList.shortCut{
        padding: 1vw;
    }
    
    .container .saleList.shortCut dl {
        overflow: hidden;
        box-sizing: border-box;
        margin-bottom: 11.628vw;
    }
    
    .container .saleList.shortCut dt {
        display: flex;
    }
    
    .container .saleList.shortCut dt a {
        width: 100%;
    }
    
    .container .saleList.shortCut dt .del a {
        position: absolute;
        right: 1.163vw;
        bottom: 1.163vw;
        width: 5.814vw;
        height: 5.814vw;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 50%;
        z-index: 10;
    }
    
    .container .saleList.shortCut dt .del .likeDel {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../img2/common/ico_close_pop.png) no-repeat 50% 50%;
        background-size: 1.86vw 1.86vw;
    }
    
    /**/
    .invoiceArea {
        height: 7.906vw;
        width: 25.581vw;
    }
    
    .invoiceArea .invoiceSelect {
        display: block;
        height: 7.906vw;
        padding: 0 8.139vw 0 3.488vw;
        border: 0.233vw solid #5a5a5a;
        color: #fff;
        line-height: 7.441vw;
    }
    
    .invoiceArea .invoiceList {
        margin-top: 0;
        background-color: #ffffff;
        border-style: solid;
        border-color: #5a5a5a;
        border-width: 0 0.233vw 0.233vw 0.233vw;
    }
    
    .invoiceArea .invoiceList .invoice {
        display: block;
        min-height: 8.327vw;
        padding: 1.627vw 3.488vw;
        color: #fff;
        line-height: 5.116vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: black;
    }
    
    .invoiceArea .invoiceSelect .ar {
        position: absolute;
        right: 0;
        width: 7.906vw;
        height: 7.906vw;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 3.72vw 2.791vw;
        transition: .4s all;
    }
    
    .invoiceArea .invoiceSelect .ar.on {
        transform: rotate(-180deg);
    }
    
    
    
    
    
    
    
    
    
    
    
    /* sub : order */
    .contents .orderTit {
        background: url('../img2/form/bg_arrow_up.png') no-repeat right center;
        background-size: 3.256vw 1.86vw;
        border-bottom: 0.233vw solid #353535;
        margin: 0;
        padding: 0;
        height: 11.627vw;
        line-height: 11.627vw;
        font-weight: 500;
        font-size: 3.488vw;
        color: #fff;
        text-align: left;
        letter-spacing: -0.116vw;
        clear: both;
    }
    
    .contents .orderTit:first-child {
        margin-top: 8.327vw
    }
    
    .contents .orderTit.noIco {
        background: none;
    }
    
    .contents .orderTit span {
        margin-right: 6.976vw;
        font-size: 3.023vw;
        float: right;
    }
    
    .contents .orderTit .red {
        color: #a28059;
        font-size: 4.651vw;
        font-weight: 500;
    }
    
    .contents .orderTit .gray {
        font-weight: 400;
        font-size: 3.023vw;
        color: var(--gray);
    }
    
    .contents .orderArea {}
    
    .contents .orderArea .gridList {
        padding: 3.256vw 0;
    }
    
    .contents .orderArea .btnBox {
        padding: 4.651vw 0 6.976vw 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .contents .orderArea .btnBox li {
        float: left;
        box-sizing: border-box;
        width: 30%;
        height: 8.139vw;
        line-height: 8.139vw;
        margin-right: 5%;
    }
    
    .contents .orderArea .btnBox li a {
        display: block;
        border: 0.233vw solid #464646;
        border-radius: 4.186vw;
        width: 100%;
        height: 8.139vw;
        line-height: 8.139vw;
        text-align: center;
        color: #fff;
        font-size: 2.791vw;
        box-sizing: border-box;
    }
    
    .contents .orderArea .btnBox li a.on {
        border: 0.233vw solid #a28059;
        color: #a28059;
    }
    
    .contents .orderArea .btnBox li:last-child {
        margin-right: 0;
    }
    
    .contents .orderArea .sale {
        display: block;
        padding: 5.814vw 0;
        height: auto;
        overflow: hidden;
    }
    
    .contents .orderArea .thumb {
        margin-right: 5.349vw;
        width: 15.581vw;
        height: auto;
        float: left;
        margin-bottom: 2.325vw;
        position: relative;
    }
    
    .contents .orderArea .thumb:after {
        content: '';
        display: block;
        padding-bottom: 132%;
    }
    
    .contents .orderArea .thumb span {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .contents .orderArea .thumb span img {
        width: 100%;
    }
    
    .contents .orderArea .sale li:nth-child(2) {
        color: #fff;
    }
    
    .contents .orderArea .sale li:nth-child(3) {
        padding-top: 2.326vw;
        margin-bottom: 2.325vw;
        font-weight: 100;
        color: var(--gray);
        font-size: 3.023vw
    }
    
    .contents .orderArea .sale li:nth-child(4) {
        color: var(--gray);
    }
    
    .contents .orderArea .sale li .price {
        font-weight: 500;
        font-size: 4.651vw;
        color: #FFF;
    }
    
    .contents .orderArea .total {
        padding: 4.651vw 0;
    }
    
    .contents .orderArea .total li {
        font-weight: 100;
        color: var(--gray);
    }
    
    .contents .orderArea .total li:nth-child(1) {
        margin-bottom: 2.093vw;
    }
    
    .contents .orderArea .total li span {
        font-weight: 100;
        color: #fff;
        float: right;
    }
    
    .contents .orderArea .delList {
        margin-bottom: 8.139vw;
    }
    
    .contents .orderArea .delList dt {
        padding-top: 7.906vw;
    }
    
    .contents .orderArea .delList .imp {
        color: #a28059;
    }
    
    .contents .orderArea .delList select {
        background: url('../img2/form/bg_select.png') no-repeat right center;
        background-size: 3.72vw 2.791vw;
        border-bottom: 0.233vw solid #5a5a5a;
    }
    
    .contents .orderArea .addPlace {
        padding-top: 3.488vw;
        height: 3.953vw;
        clear: both;
    }
    
    .contents .orderArea .zipLine .join {
        width: 75%;
        float: left;
    }
    
    .contents .orderArea .zipLine .zipCode {
        display: inline-block;
        border: 0.233vw solid #464646;
        border-radius: 4.186vw;
        width: 23%;
        height: 8.139vw;
        line-height: 8.139vw;
        text-align: center;
        color: var(--gray);
        font-size: 2.791vw;
    }
    
    .contents .orderArea+.btnArea {
        padding: 13.953vw 0 15.116vw 0;
    }
    
    .container .tabArea.active {
        position: fixed;
        width: 100%;
        top: 15.581vw;
        z-index: 100;
    }
    
    .container .tabArea .tab {
        width: 100%;
        height: 11.627vw;
        clear: both;
        background-color: white;
    }
    
    .container .tabArea .tab.black {
        background-color: black;
    }
    
    .container .tabArea .tab li {
        display: inline;
        box-sizing: border-box;
        width: 33.33%;
        height: 11.627vw;
        line-height: 11.627vw;
        text-align: center;
        float: left;
    
    }
    
    
    .container .tabArea .tab li a {
        display: block;
        color: #666;
        font-weight: 400;
    }
    
    .container .tabArea .tab li.on {
        border-bottom: 0.697vw solid black;
    }
    
    .container .tabArea .tab.black li.on {
        border-bottom: 0.697vw solid white;
    }
    
    .container .tabArea .tab li.on a {
        font-weight: 500;
        color: black;
    }
    
    .container .tabArea .tab.black li.on a {
        font-weight: 500;
        color: white;
    }
    
    .container .tabArea .tab.full li {
        width: 100%;
    }
    
    .container .tabArea .tab.two li {
        width: 50%;
    }
    
    .modal .tabArea {
        width: 100%;
        background-color: #000;
        height: 16.744vw;
        display: flex;
        position: relative;
    }
    
    .modal .tabArea img {
        width: 25%;
        height: 16.744vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .modal .tabArea img.box {
        background-image: url("/img2/box.svg");
        background-size: 4.658vw 4.811vw;
    }
    
    .modal .tabArea img.star {
        background-image: url("/img2/star_off.svg");
        background-size: 5.116vw 5.116vw;
    }
    
    .modal .tabArea img.heart {
        background-image: url("/img2/heart_off.svg");
        background-size: 5.59vw 4.811vw;
    }
    
    .modal .tabArea img.massage {
        background-image: url("/img2/message.svg");
        background-size: 4.883vw 4.811vw;
    }
    
    .modal .tabArea .line {
        width: 20%;
        height: 0.93vw;
        background-color: #fff;
        bottom: 1.163vw;
        position: absolute;
        left: 2.5%;
    }
    
    .tabArea2{
        height: 23.256vw;
    }
    .tabArea2.half{
        height: 11.628vw;
    }
    .tabArea2 .tab li {
        display: inline;
        box-sizing: border-box;
        width: 33.33%;
        height: 11.627vw;
        line-height: 11.627vw;
        text-align: center;
        float: left;
        
    }
    
    .tabArea2 .tab li a {
        display: block;
        color: #666;
        font-weight: 400;
    }
    
    .tabArea2 .tab li.on {
        border-bottom: 0.697vw solid black;
    }
    
    .tabArea2 .tab.black li.on {
        border-bottom: 0.697vw solid white;
    }
    
    .tabArea2 .tab li.on a {
        font-weight: 500;
        color: black;
    
    }
    
    .tabArea2 .tab.black li.on a {
        font-weight: 500;
        color: white;
    }
    
    .tabArea2 .tab.full li {
        width: 100%;
    }
    
    .tabArea2 .tab.two li {
        width: 50%;
    }
    
    .container .inline {
        width: 100%;
        clear: both;
    }
    
    .container .inline li {
        display: inline;
        float: left;
    }
    
    .container .inline.two li {
        width: 50%;
    }
    
    .saleArea {
        position: fixed;
        bottom: 0;
        background: var(--back-ground-color);
        backdrop-filter: blur(2.326vw);
        -webkit-backdrop-filter: blur(2.326vw);
        width: 100%;
        height: 23.759vw;
        text-align: center;
        z-index: 100;
    }
    
    .saleArea .addCart {
        display: block;
        float: right;
        padding-right: 6.976vw;
        padding-top: 4.651vw;
    }
    
    .saleArea a.addCart {
        color: black;
        font-family: "NanumBarunGothic";
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 800;
        line-height: 7.162vw;
    }
    
    .saleArea a.btn:nth-child(1) {
        left: 4.651vw;
    }
    
    .saleArea a.btn:nth-child(2) {
        left: 15.116vw;
    }
    
    .saleArea a.btn:nth-child(3) {
        left: 25.581vw;
    }
    
    .saleArea .btn {
        position: absolute;
        width: 7.441vw;
        height: 7.441vw;
        top: 4.651vw;
    }
    
    .saleArea .heart {
        background-image: url("/img2/heart_off.svg");
        background-size: 4.070vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .saleArea .heart.on {
        background-image: url("/img2/heart_on.svg");
    }
    
    .saleArea .share {
        background-image: url("/img2/share.svg");
        background-size: 4.291vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .saleArea .message {
        background-image: url("/img2/message.svg");
        background-size: 3.888vw 3.488vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .cartArea {
        position: fixed;
        bottom: 0;
        background-color: var(--back-ground-color);
        backdrop-filter: blur(2.326vw);
        -webkit-backdrop-filter: blur(2.326vw);
        width: 100%;
        height: 23.759vw;
        text-align: center;
        z-index: 100;
    
    }
    
    .cartArea .checkOut {
        display: block;
        padding-top: 4.651vw;
    }
    
    .cartArea a.checkOut {
        color: black;
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 800;
        line-height: 7.162vw;
    }
    
    /* sub : btn_cart */
    .bringArea {
        position: fixed;
        bottom: 0;
        background: black;
        width: 100%;
        height: 11.627vw;
        line-height: 11.627vw;
        text-align: center;
        z-index: 100;
    }
    
    .bringArea li {
        position: relative;
        display: inline-block;
        float: left;
    }
    
    .bringArea li.half {
        float: left;
        width: 50% !important;
    }
    
    .bringArea li.half:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 0.233vw;
        height: 30%;
        background: rgba(255, 255, 255, 0.4);
    }
    
    .bringArea li.half:last-child:after {
        background: none;
    }
    
    .bringArea .sampleReq {
        display: block;
        width: 35%;
        color: #FFF;
    }
    
    .bringArea .sampleReq a {
        color: #FFF;
    }
    
    .bringArea .sampleReq a:after {
        content: '';
        position: absolute;
        top: 3.953vw;
        right: 0;
        border-right: 0.233vw solid #FFF;
        width: 0.233vw;
        height: 4.419vw;
        opacity: 0.3;
    }
    
    .bringArea .btnOrder {
        width: 65%;
        font-size: 3.256vw;
        text-align: center;
    }
    
    .bringArea .btnOrder.full {
        width: 100%;
    }
    
    .bringArea .btnOrder a {
        color: #fff;
        display: block;
    }
    
    .bringArea .btnDone {
        width: 100%;
        background-color: rgba(160, 160, 160, 0.8);
        color: #fff;
        text-align: center;
    }
    
    
    .bringArea .btnDelete {
        width: 15%
    }
    
    .bringArea .btnDelete a {
        color: #efdb4e;
    }
    
    .bringArea .btnDelete a:after {
        content: '';
        position: absolute;
        top: 3.953vw;
        right: 0;
        border-right: 0.233vw solid #FFF;
        width: 0.233vw;
        height: 4.419vw;
        opacity: 0.3;
    }
    
    /* sub : btn-top-more */
    .more-area {
        position: fixed;
        bottom: 15.116vw;
        background: #a28059;
        width: 100%;
        height: 11.627vw;
        line-height: 11.627vw;
        text-align: center;
        z-index: 100;
        display: table;
        opacity: 0;
        transition: opacity 1s;
    }
    
    .more-area ul {
        display: table-row;
    }
    
    .more-area ul li {
        position: relative;
        display: table-cell;
    }
    
    .more-area .btn-top {
        width: 30%;
        color: #fff;
    }
    
    .more-area .btn-top::after {
        content: '';
        position: absolute;
        top: 3.953vw;
        right: 0;
        width: 0.233vw;
        height: 4.419vw;
        background: rgba(255, 255, 255, 0.3);
    }
    
    .more-area .btn-more {
        width: 70%;
        font-size: 3.256vw;
        text-align: center;
        color: #fff;
    }
    
    /* sub : join */
    .join {}
    
    .join ul {
        padding-top: 180.233vw;
    }
    
    .join li {
        float: left;
    }
    
    .join li a {
        display: inline-block;
        border: 0.465vw solid #a28059;
        border-radius: 20.698vw;
        width: 20.698vw;
        height: 20.698vw;
        line-height: 20.698vw;
        color: #a28059;
        text-align: center;
    }
    
    .join li a:first-child {
        margin-right: 2.558vw;
    }
    
    .join li a.on {
        background: #a28059;
        color: #fff;
    }
    
    .container h2 .logo img {
        margin-right: 2.326vw;
        width: 11.628vw;
        height: 4.186vw;
    }
    
    .container .contArea {
        padding-top: 0;
        margin-bottom: 9.767vw;
    }
    
    .container .contents {
        height: auto;
        overflow: hidden;
        display: block;
    }
    
    /* sub : contArea */
    .contArea {
        padding-top: 10.465vw;
        width: 100%;
        letter-spacing: -0.116vw;
        clear: both;
    }
    
    .contArea .tit {
        margin-bottom: 4.186vw;
        font-size: 5.814vw;
        color: #a28059;
        word-break: break-all;
        line-height: 1.3;
    }
    
    .contArea .txt {
        font-weight: 200;
        font-size: 4.651vw;
        color: #fff;
        line-height: 6.512vw;
        word-break: break-all;
    }
    
    .btnArea {
        padding: 7.906vw 0 13.255vw 0;
        clear: both;
    }
    
    .btnArea a {
        display: block;
        background: black;
        height: 11.395vw;
        line-height: 11.395vw;
        text-align: center;
        color: white;
        font-weight: 500;
        font-size: 3.256vw;
    }
    
    .btnArea a.submit {
        width: 100%;
    }
    
    .btnFixed.ord a {
        display: block;
        background: #a28059;
        height: 11.395vw;
        line-height: 11.395vw;
        text-align: center;
        color: #fff;
        font-weight: 500;
        font-size: 3.256vw;
    }
    
    .btnFixed.ord a.surbmit {
        width: 100%;
    }
    
    .footer {
        position: fixed;
        bottom: 0;
        background: #000;
        width: 100%;
        height: 15.116vw;
        z-index: 101;
    }
    
    .footer .footerInner {
        display: table;
        width: 100%;
        height: 15.116vw;
        overflow: hidden;
        table-layout: fixed;
        padding: 0 4.651vw;
        box-sizing: border-box;
    }
    
    .footer .footerInner .bicoMenu {
        display: table-cell;
        vertical-align: middle;
        height: 15.116vw;
        overflow: hidden;
    }
    
    
    .footer .footerInner .bicoMenu a {
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background-size: 4.811vw 4.811vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .footer .footerInner .bicoMenu a.on {
        opacity: 1;
    }
    
    .footer .footerInner .bicoMenu a.home {
        background-image: url("/img2/home.svg");
    }
    
    .footer .footerInner .bicoMenu a.sale {
        background-image: url("/img2/collection.svg");
    }
    
    .footer .footerInner .bicoMenu a.star {
        background-image: url("/img2/star_off.svg");
    }
    
    .footer .footerInner .bicoMenu a.mypage {
        background-image: url("/img2/my.svg");
    }
    
    input.addSample {
        width: 100%;
        height: 9.302vw;
        line-height: 9.302vw;
    }
    
    input.addSample[type="text"] {
        background: none;
        border: 0;
        border-bottom: 0.233vw solid #5a5a5a;
        color: #fff;
        letter-spacing: -0.116vw;
        font-weight: 100;
    }
    
    input.join[type="text"]::placeholder {
        color: #fff;
        letter-spacing: -0.116vw;
    }
    
    input.join[type="text"]::-ms-input-placeholder {
        color: #fff;
        letter-spacing: -0.116vw;
    }
    
    input.join {
        width: 100%;
        height: 9.302vw;
        line-height: 9.302vw;
    }
    
    input.join[type="text"],
    input.join[type="tel"],
    input.join[type="email"],
    input.join[type="password"] {
        background: none;
        border: 0;
        border-bottom: 0.233vw solid #5a5a5a;
        color: var(--gray);
        letter-spacing: -0.116vw;
    }
    
    input.join[type="text"]::placeholder,
    input.join[type="password"]::placeholder {
        color: var(--gray);
        letter-spacing: -0.116vw;
    }
    
    input.join[type="text"]::-ms-input-placeholder,
    input.join[type="password"]::-ms-input-placeholder {
        color: var(--gray);
        letter-spacing: -0.116vw;
    }
    
    /* form : radio */
    input[type=radio] {
        display: none;
    }
    
    input[type=radio]+label {
        display: inline-block;
        background: url('../img2/form/bg_radio.png') left top no-repeat;
        background-position: left bottom;
        padding-left: 6.047vw;
        margin-right: 2.326vw;
        height: 4.651vw;
        line-height: 4.651vw;
        color: var(--gray);
    }
    
    input[type=radio]:checked+label {
        background-position: left top;
    }
    
    /* form : checkbox */
    input[type=checkbox]+label:before{
        content: "";
        cursor: pointer;
        width: 4.186vw;
        height: 4.186vw;
        text-align: center;
        background: black;
    }
    input[type=checkbox]:checked+label:before{
        background: black;
        background-image: url("/admin/img2/check.svg");
        background-size: 3.023vw;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
    
    .checkbox-wrap {
        width: 100%;
    }
    
    .checkbox-wrap span {
        color: black;
        margin: auto 0 auto 0.5rem;
        cursor: pointer;
    }
    .checkbox-wrap label {
        height: 4.651vw;
        display: flex;
    }
    /* form : checkbox : type2 */
    input.type2[type=checkbox] {
        display: none;
    }
    
    input.type2[type=checkbox]+label {
        display: inline-block;
        margin-bottom: 1.86vw;
        background: url('../img2/form/bg_chk.png') left top no-repeat;
        background-position: left bottom;
        padding-left: 6.047vw;
        margin-right: 2.326vw;
        height: 4.651vw;
        line-height: 4.651vw;
        color: #fff;
    }
    
    input.type2[type=checkbox]:checked+label {
        background-position: left top;
    }
    
    /* form : checkbox : type3 */
    input.type3[type=checkbox] {
        display: none;
    }
    
    input.type3[type=checkbox]+label {
        display: inline-block;
        margin-bottom: 1.86vw;
        background: url('../img2/form/bg_chk2.png') left top no-repeat;
        background-position: left bottom;
        padding-left: 6.047vw;
        margin-right: 2.326vw;
        height: 4.651vw;
        font-weight: 100;
        line-height: 4.651vw;
        color: var(--gray);
    }
    
    .orderTit input.type3[type=checkbox]+label {
        font-weight: 400;
        color: #fff;
    }
    
    input.type3[type=checkbox]:checked+label {
        background-position: left top;
    }
    
    /* form : select */
    select {
        width: 100%;
        height: 9.302vw;
        line-height: 9.302vw;
        background: url('../img2/form/bg_select.png') no-repeat 95% 50%;
        background-size: 3.72vw 2.791vw;
        border: 0;
        border-bottom: 0.233vw solid var(--gray);
        border-radius: 0;
        color: var(--gray);
        letter-spacing: -0.116vw;
        -webkit-appearance: none;
        /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
        filter: invert(100%);
    }
    
    select::selected {
        color: var(--gray);
    }
    
    /* form : err-msg */
    .joinArea dd>div {
        padding-top: 1.86vw;
    }
    
    .err-msg {
        color: #a28059;
        line-height: 3.720vw;
        font-size: 2.791vw;
        font-weight: 200;
    }
    
    /* find addr form */
    .find-addr {
        clear: both;
        display: none;
        border: 0.233vw solid #000000;
        width: 100%;
        height: 93.023vw;
        position: relative;
        overflow: hidden;
        overflow-y: auto;
    }
    
    .find-addr .btn-close {
        cursor: pointer;
        /* position: absolute;
        top: -0.233vw;
        z-index: 1; */
    }
    
    .find-addr.modal-full {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }
    
    
    /* minishop Rolling */
    
    .saleGdsList {
        display: block;
        height: auto;
        padding: 0 3.488vw;
        margin-bottom: 4.651vw;
    }
    
    .saleGdsList.gds {
        margin-bottom: 16.249vw;
    }
    
    .saleGds {
        display: block;
        height: auto;
        overflow: visible !important;
    }
    
    .saleGds .swiper-slide {
        width: auto;
        height: auto;
    }
    
    .saleGds .swiper-slide .gdsSet {
        display: block;
        height: auto;
        overflow: hidden;
        width: 14.651vw;
        height: auto;
        overflow: hidden;
    }
    
    .saleGds .swiper-slide .gdsSet .thumb {
        display: block;
        overflow: hidden;
        position: relative;
    }
    
    .saleGds .swiper-slide .gdsSet .thumb:after {
        content: '';
        display: block;
        padding-bottom: 132%;
    }
    
    .saleGds .swiper-slide .gdsSet .thumb span {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    
    .saleGds .swiper-slide .gdsSet .thumb span img {
        width: 100%;
    }
    
    .saleGds .swiper-slide .gdsSet .thumb span img {
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsTit {
        color: #FFF;
        font-size: 3.256vw;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 1.163vw 0;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsShort {
        color: var(--gray);
        font-size: 2.791vw;
        height: 8.139vw;
        line-height: 3.720vw;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice {
        padding-top: 1.163vw;
        font-size: 3.256vw;
        font-weight: 500;
        color: #FFF;
        margin-bottom: 4.651vw;
        letter-spacing: 0;
        position: relative;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice .dcP {
        position: absolute;
        right: 1.163vw;
        top: 1.395vw;
        text-align: center;
        color: #777;
        font-size: 3.256vw;
        text-decoration: line-through;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice em {
        font-size: 2.791vw;
        color: var(--gray);
        display: inline-block;
        font-weight: normal;
        margin-left: 0.697vw;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice .retail {
        font-size: 2.326vw;
        font-weight: normal;
        text-decoration: line-through;
        margin-left: 2.325vw;
    }
    
    .prdLocation {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 4.651vw 3.488vw;
        border-top: 0.233vw solid #333;
        border-bottom: 0.233vw solid #333;
        color: var(--light-gray);
    }
    
    .prdLocation span {
        display: inline-block;
        font-size: 3.256vw;
        padding-right: 3.488vw;
        margin-right: 1.86vw;
        background: url(../img2/common/ico_ar.png) no-repeat right 0.697vw;
        background-size: 1.163vw 2.326vw;
    }
    
    .prdLocation span:first-child {
        color: #FFF;
    }
    
    .prdLocation span:last-child {
        margin-right: 0;
        padding-right: 0;
        background: none;
    }
    
    .saleLimit {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 4.651vw 0;
        border-bottom: 2.326vw solid #202020;
    }
    
    .saleLimit li {
        float: left;
        width: 50%;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw;
        position: relative;
    }
    
    .saleLimit li:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 0.233vw;
        height: 80%;
        background: #333;
    }
    
    .saleLimit li:last-child:after {
        background: none;
    }
    
    .saleLimit li .title {
        text-align: left;
        padding: 2.326vw 0 2.326vw 2.326vw;
        font-size: 3.023vw;
        color: var(--light-gray);
    }
    
    .saleLimit li .qty {
        text-align: right;
        font-size: 6.976vw;
        font-weight: 200;
        color: #FFF;
        padding-right: 2.326vw;
    }
    
    .saleLimit li .qty em {
        display: inline-block;
        color: var(--light-gray);
        font-size: 2.791vw;
        margin-left: 1.163vw;
    }
    
    .no-sale {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
        text-align: center;
        padding: 23.256vw 0;
        color: #666;
        font-size: 3.256vw;
    }
    .sample {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 3.488vw;
    }
    
    .sample .sampleThumb {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .sample .sampleThumb .thumb {
        float: left;
        width: 20.93vw;
        height: 20.93vw;
        position: relative;
        overflow: hidden;
    }
    
    .sample .sampleThumb .thumb:after {
        content: '';
        display: block;
        padding-bottom: 132%;
    }
    
    .sample .sampleThumb .thumb span {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .sample .sampleThumb .thumb span img {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .sample .sampleThumb .thumb span img.SO {
        width: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        filter: grayscale(100%);
    }
    
    .sample .sampleThumb .gdsDesc {
        float: left;
        width: -webkit-calc(100% - 27.907vw);
        width: -moz-calc(100% - 27.907vw);
        width: calc(100% - 27.907vw);
        height: auto;
        overflow: hidden;
        margin-left: 2.325vw;
    }
    
    .sample .sampleThumb .gdsDesc .title.SO {
        color: var(--light-gray);
        text-decoration: line-through;
    }
    
    .sample .sampleThumb .gdsDesc .title {
        color: #FFF;
        font-size: 3.72vw;
        font-weight: 300;
        line-height: 1.3;
        padding: 0 0 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .sample .sampleThumb .gdsDesc .short {
        color: var(--light-gray);
        font-size: 3.256vw;
        margin-top: 2.326vw;
    }
    
    .sample .sampleThumb .gdsDesc .apDate {
        color: var(--gray);
        font-size: 2.791vw;
        left: 26.977vw;
        bottom: 3.023vw;
        position: absolute;
    
    }
    
    .sampleList .saleNumber {
        color: var(--light-gray);
        font-size: 3.256vw;
        left: 26.977vw;
        bottom: 3.023vw;
        position: absolute;
    }
    
    /**/
    
    /**/
    
    
    
    .popApform .popClose {
        position: absolute;
        right: 3.488vw;
        top: 4.651vw;
        width: 9.302vw;
        height: 9.302vw;
        background: url(../img2/common/ico_close_pop.png) no-repeat 50% 50%;
        background-size: 5.349vw 5.349vw;
        cursor: pointer;
        z-index: 100;
    }
    
    .popApform .apTitle {
        display: block;
        font-size: 4.186vw;
        color: #FFF;
        padding: 6.976vw 3.488vw 4.651vw 3.488vw;
        border-bottom: 0.233vw solid #333;
    }
    
    .popApform .apTitle .appGds {
        color: #a28059;
        font-size: 3.72vw;
    }
    
    .popApform .apTitle .appGds.bigTitle {
        font-size: 4.651vw;
        letter-spacing: -0.465vw !important;
        line-height: 1.3;
        font-weight: 500;
    }
    
    .popApform .apTitle .cauTxt {
        display: block;
        height: auto;
        clear: both;
        margin-top: 2.326vw;
        font-size: 3.023vw;
        color: #555;
    }
    
    .popApform .apTitle .cauTxt em {
        display: inline-block;
        width: 1.395vw;
        height: 1.395vw;
        position: relative;
    }
    
    .popApform .apTitle .cauTxt em:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0.93vw;
        height: 0.93vw;
        border-radius: 50%;
        background: #a28059;
    }
    
    
    .applyForm {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw 4.651vw 3.488vw;
        color: var(--light-gray);
    }
    
    .applyForm .area {
        display: block;
        padding: 3.488vw 0;
        height: auto;
        overflow: hidden;
    }
    
    .applyForm .area a {
        color: black
    }
    
    .applyForm .area .maybeSale {
        display: block;
        height: auto;
        overflow: hidden;
        min-height: 8.327vw;
        position: relative;
        line-height: 7.441vw;
        color: var(--light-gray);
        font-size: 3.72vw;
    }
    
    
    .applyForm .area input[type="text"] {
        display: inline-block;
        width: 100%;
        height: 8.327vw;
        line-height: 7.441vw;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 3.256vw;
        font-weight: 500;
        padding-right: 2.326vw;
        box-sizing: border-box;
    }
    
    .applyForm .area .fileUpload {
        display: block;
        height: auto;
        overflow: hidden;
        min-height: 8.327vw;
        position: relative;
        line-height: 7.441vw;
        color: var(--light-gray);
        font-size: 3.72vw;
        margin-top: 5vw;
    }
    
    .applyForm .area .fileUpload .fileUp {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        height: auto;
        overflow: hidden;
        text-align: right;
    }
    
    .applyForm .area textarea {
        clear: both;
        margin-top: 1.163vw;
        display: block;
        width: 100%;
        height: 16.249vw;
        border: 0;
        background: #333;
        padding: 1.163vw;
        box-sizing: border-box;
        border-radius: 1.163vw;
        color: var(--light-gray);
        font-size: 3.256vw;
    }
    
    .applyForm .area .optInput {
        float: left;
        width: 50%;
        height: auto;
        overflow: hidden;
        position: relative;
        padding-left: 18.604vw;
        box-sizing: border-box;
    }
    
    .applyForm .area .optInput span {
        position: absolute;
        left: 0;
        top: 0;
        width: 22.326vw;
        height: 8.327vw;
        line-height: 7.441vw;
        font-size: 3.72vw;
        color: var(--light-gray);
    }
    
    .applyForm .area .optInput input[type="text"] {
        padding-right: 0;
        text-align: center;
    }
    
    .applyForm .area .cauTxt {
        color: #555;
        font-size: 3.023vw;
        padding: 2.325vw 0;
        line-height: 1.3;
    }
    
    
    
    
    
    
    .sampleForm {
        display: block;
        height: auto;
        color: var(--light-gray);
    }
    
    .sampleForm li {
        display: block;
        padding: 3.488vw 0;
        height: auto;
        overflow: hidden;
        line-height: 1.5;
    }
    
    .sampleForm li .postZip {
        display: block;
        height: auto;
        overflow: hidden;
        position: relative;
        line-height: 7.441vw;
        color: var(--light-gray);
        font-size: 3.72vw;
    }
    
    .sampleForm li .postZip .applyZip {
        display: block;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    
    .sampleForm li .postZip .applyZip.btns {
        padding-right: 25.581vw;
        box-sizing: border-box;
    }
    
    .sampleForm li .postZip .applyZip.btns a.zipCode {
        position: absolute;
        right: 0;
        top: 0;
        width: 23.256vw;
        height: 8.327vw;
        line-height: 7.906vw;
        border-radius: 8.327vw;
        text-align: center;
        border: 0.233vw solid #464646;
        color: var(--light-gray);
        font-size: 3.256vw;
    }
    
    .sampleForm li .postZip .applyZip input[type="text"] {
        text-align: left;
    }
    
    /**/
    .optionArea {
        position: relative;
    }
    
    .optionArea .optionSelect {
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: 7.441vw;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        height: 7.906vw;
        padding: 0 8.139vw 0 3.488vw;
        margin-bottom: 6.976vw;
        border: 0.233vw solid #5a5a5a;
        color: #fff;
    }
    
    .optionArea .optionList {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 100;
        margin-top: 0;
        background-color: #ffffff;
        border-style: solid;
        border-color: #5a5a5a;
        border-width: 0 0.233vw 0.233vw 0.233vw;
    }
    
    .optionArea .optionList .option {
        display: block;
        min-height: 8.327vw;
        padding: 1.627vw 3.488vw;
        color: #fff;
        line-height: 5.116vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: black;
    }
    
    .optionArea .optionSelect .ar {
        position: absolute;
        right: 0;
        width: 7.906vw;
        height: 7.906vw;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 3.72vw 2.791vw;
        transition: .4s all;
    }
    
    .optionArea .optionSelect .ar.on {
        transform: rotate(-180deg);
    }
    
    .optionArea2 {
        position: relative;
    }
    
    .optionArea2 .optionSelect {
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: 8.441vw;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        height: 7.906vw;
        padding: 0 8.139vw 0 3.488vw;
        margin-bottom: 6.976vw;
        font-size: 2.791vw;
        border: 0.233vw solid var(--light-gray);
        color: #000;
    }
    
    .optionArea2 .optionList {
        position: absolute;
        bottom: 100%;
        right: 0;
        left: 0;
        z-index: 100;
        margin-top: 0;
        background-color: #ffffff;
        border-style: solid;
        border-color: var(--light-gray);
        border-width: 0.233vw 0.233vw 0 0.233vw;
    
    }
    
    .optionArea2 .optionList .option {
        display: block;
        min-height: 8.372vw;
        padding: 1.627vw 3.488vw;
        color: black;
        line-height: 5.116vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: white;
    }
    
    
    .optionArea2 .optionSelect .ar {
        position: absolute;
        right: 0;
        width: 7.906vw;
        height: 7.906vw;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 3.72vw 2.791vw;
        transition: .4s all;
        filter: brightness(0);
    }
    
    .optionArea2 .optionSelect .ar.on {
        transform: rotate(-180deg);
    }
    
    
    .optionArea3 {
        /* padding-top: 3.023vw; */
        margin-top: 3.023vw;
        position: relative;
    }
    
    .optionArea3 .optionSelect {
        display: flex;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: 0;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        height: 7.906vw;
        padding: 0 8.139vw 0 3.488vw;
        margin-bottom: 1.162vw;
        border: 0.233vw solid var(--light-gray);
        color: var(--gray);
    }
    .optionArea3 .optionSelect div{
        margin: auto 0;
        padding-top: 0.5vw;
    }
    
    .optionArea3 .optionList {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 100;
        margin-top: -0.233vw;
        background-color: #ffffff;
        border-bottom: 0.233vw solid #9ca3ab;
        border-right: 0.233vw solid #9ca3ab;
        border-left: 0.233vw solid #9ca3ab;
        max-height: 46.512vw;
        overflow: scroll;
    }
    
    .optionArea3 .optionList .option {
        display: block;
        min-height: 8.327vw;
        padding: 1.627vw 3.488vw;
        border-top: 0.233vw solid #aaa;
        color: var(--gray);
        line-height: 5.116vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: white;
    }
    
    .optionArea3 .optionList .option.disable {
        color: var(--light-gray);
    
    }
    
    
    .optionArea3 .optionSelect .ar {
        position: absolute;
        right: 0;
        width: 7.906vw;
        height: 7.906vw;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 3.72vw 2.791vw;
        transition: .4s all;
        filter: brightness(0);
    }
    
    .optionArea3 .optionSelect .ar.on {
        transform: rotate(-180deg);
    }
    
    .option.description {
        margin-left: 1.395vw;
        color: var(--gray);
        font-family: "NanumBarunGothic";
        font-size: 2.791vw;
        font-style: normal;
        font-weight: 700;
        line-height: 4.661vw;
    }
    
    
    
    
    .popBtns {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .popBtns .btnAppGds a {
        width: 100%;
        height: 11.627vw;
        line-height: 11.627vw;
        background: black;
        color: #FFF;
        font-size: 3.256vw;
        font-weight: 400;
        text-align: center;
        bottom: 0;
        position: absolute;
        left: 0;
    }
    
    .sampleList {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .sampleList li {
        display: block;
        height: auto;
        overflow: hidden;
        padding-right: 9.302vw;
        position: relative;
    }
    
    .sampleList li .selectItem {
        position: absolute;
        right: 4.651vw;
        top: 3.488vw;
        width: 13.953vw;
        height: auto;
        overflow: hidden;
        text-align: right;
    }
    
    .sampleList li .selectItem input {
        width: 9.302vw;
        border: 0.233vw solid gray;
        background: black;
        color: white;
        text-align: center;
    }
    
    .sampleList .button input {
        width: 9.767vw;
        height: 5.814vw;
        bottom: 3.023vw;
        color: #fff;
        border: 0;
        background-color: black;
    }
    
    .sampleList .button input:nth-child(1) {
        position: absolute;
        right: 4.651vw;
    }
    
    .sampleList .button input:nth-child(2) {
        position: absolute;
        right: 13.953vw;
    }
    
    
    
    .sampleList .itemApproval a:after {
        content: '';
        position: absolute;
        left: 0.465vw;
        bottom: 0;
        width: 11.628vw;
        height: 0.233vw;
        background: var(--gray);
    }
    
    /**/
    
    .performanceList {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .performanceList li {
        display: block;
        height: 24.884vw;
        overflow: hidden;
        position: relative;
        padding: 3.488vw;
    }
    
    .performanceList li:not(:first-child) {
        border-top: 0.233vw solid #202020;
    }
    
    .performanceList li .price {
        float: right;
        height: 17.907vw;
        font-size: 3.72vw;
        overflow: hidden;
        text-align: right;
        display: flex;
    }
    
    .performanceList li .price span {
        margin: auto;
    }
    
    .performanceList .gdsDesc {
        float: left;
        width: calc(100% - 25.581vw);
        height: 100%;
        overflow: hidden;
        display: flex;
    }
    
    .performanceList .gdsDesc2 {
        width: 100%;
        height: auto;
        margin: auto 0;
    }
    
    .performanceList .gdsDesc .orderId {
        color: #FFF;
        font-size: 3.72vw;
        font-weight: 300;
        line-height: 1.3;
        padding: 0 0 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .performanceList .gdsDesc .title {
        color: var(--light-gray);
        font-size: 3.256vw;
        margin-top: 2.326vw;
    }
    
    .performanceList .gdsDesc .date {
        color: var(--light-gray);
        font-size: 2.791vw;
        margin: 2.326vw 0 0 0;
    }
    
    /**/
    .myGdsListTy02 {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .myGdsListTy02 li {
        display: block;
        height: auto;
        overflow: hidden;
        padding-right: 0;
        position: relative;
    }
    
    .required {
        position: relative;
        padding-right: 2.791vw;
    }
    
    .required:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 0.93vw;
        height: 0.93vw;
        border-radius: 50%;
        background: #a28059;
    }
    
    body.noScroll {
        overflow: hidden;
    }
    
    .btnFixed {
        position: fixed;
        left: 0;
        bottom: 15.116vw;
        z-index: 10;
        width: 100%;
        height: auto;
    }
    
    .btnFixed .btnApply a {
        display: inline-block;
        width: 100%;
        height: 10.697vw;
        line-height: 10.697vw;
        background: #a28059;
        color: #FFF;
        font-weight: 400;
        font-size: 3.256vw;
        text-align: center;
    }
    
    .gdsForm {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw;
    }
    
    .gdsForm.btmBdr {
        padding-bottom: 6.976vw;
        margin-bottom: 0;
        border-bottom: 2.326vw solid #202020;
    }
    
    .gdsForm.padBtm {
        padding-bottom: 6.976vw;
    }
    
    .gdsForm.noPad {
        padding: 0;
        text-align: left;
    }
    
    .gdsForm.padNoBtm {
        padding: 0 0 6.976vw 0;
    }
    
    .gdsForm li {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .gdsForm li.item {
        font-size: 3.488vw;
        color: #FFF;
        font-weight: 400;
        margin-top: 6.976vw;
        text-align: left;
    }
    
    .gdsForm li.item.short {
        margin-top: 0;
    }
    
    .gdsForm li.item .csu {
        display: inline-block;
        color: #666;
        font-size: 3.023vw;
        margin-left: 2.325vw;
    }
    
    .gdsForm li.ipCon {
        height: auto;
        line-height: 9.767vw;
        position: relative;
        box-sizing: border-box;
    }
    
    .gdsForm .ipDesc {
        height: auto;
        padding: 2.325vw 0;
        line-height: 1.3;
        color: #777;
        font-size: 2.791vw;
    }
    
    .gdsForm .ipDesc.short {
        padding-top: 0;
        margin-top: -2.325vw;
    }
    
    .gdsForm li.ipCon.padRight {
        padding-right: 9.302vw;
    }
    
    .gdsForm li.ipCon .won {
        position: absolute;
        right: 0;
        top: 0;
        width: 9.302vw;
        height: 10.232vw;
        line-height: 10.232vw;
        color: var(--light-gray);
        font-size: 3.023vw;
        text-align: center;
    }
    
    .gdsForm li.ipCon dd {
        float: left;
        width: 45%;
        height: auto;
        overflow: hidden;
    }
    
    .gdsForm li.ipCon dd.at {
        width: 10%;
        text-align: center;
        line-height: 9.767vw;
        font-size: 3.72vw;
        color: var(--light-gray);
    }
    
    .gdsForm li input[type="text"],
    .gdsForm li input[type="number"] {
        display: inline-block;
        width: 100%;
        height: 9.767vw;
        border: 0;
        background: transparent;
        box-sizing: border-box;
        border-bottom: 0.233vw solid #5a5a5a;
        color: var(--light-gray);
    }
    
    .gdsForm li input.js-date {
        background: transparent url(../img2/common/ico_cal.png) no-repeat 95% 50%;
        background-size: 5.813vw 5.813vw;
    }
    
    .gdsForm li.ipCon textarea {
        display: block;
        width: 100%;
        height: 18.604vw;
        border-radius: 2.325vw;
        background: #333;
        padding: 2.325vw;
        border: 0;
        box-sizing: border-box;
        margin-top: 4.651vw;
        color: #FFF;
    }
    
    .gdsForm li.ipCon .txt {
        color: #444;
        word-break: break-all;
    }
    
    .gdsForm li.ipCon .txt img {
        width: 100%;
    }
    
    .gdsForm li.ipCon .txt2 img {
        width: 100%;
    }
    
    .gdsForm li.ipCon .txt2 {
        width: 100%;
        font-size: 11pt;
        font-family: 'NanumGothic';
    }
    
    .lineTxt {
        display: inline-block;
        width: 100%;
        height: 9.767vw;
        border: 0;
        background: transparent;
        box-sizing: border-box;
        border-bottom: 0.233vw solid #5a5a5a;
    }
    
    .gdsBaseInfo {
        display: block;
        height: auto;
        overflow: hidden;
        margin-top: 4.651vw;
    }
    
    .gdsBaseInfo table {
        padding: 0;
        margin: 0;
        width: 100%;
        table-layout: fixed;
    }
    
    .gdsBaseInfo th,
    .gdsBaseInfo td {
        padding: 2.325vw;
        font-size: 3.023vw;
        text-align: left;
        color: var(--light-gray);
        border-bottom: 0.233vw solid #333;
        line-height: 1.3;
    }
    
    .gdsBaseInfo th {
        position: relative;
        padding-left: 0;
        font-weight: 300;
        width: 20.93vw !important;
    }
    
    .gdsBaseInfo th:first-child {
        border-left: 0;
    }
    
    .gdsBaseInfo td:last-child {
        border-right: 0;
    }
    
    
    .comnGdsInner {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw;
    }
    
    
    .bbsMore a {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
        text-align: center;
        font-size: 3.256vw;
        color: black;
        padding: 6.976vw 0;
    }
    
    
    .starRate {
        display: block;
        height: auto;
        overflow: hidden;
        text-align: center;
    }
    
    .starRate .tRate {
        display: block;
        padding: 2.325vw 0;
        font-size: 3.023vw;
        color: var(--light-gray);
    }
    
    .starRate .starSet {
        display: block;
        height: auto;
        overflow: hidden;
        margin-bottom: 2.325vw;
    }
    
    .starRate .starSet .star {
        display: inline-block;
    }
    
    .starRate .starSet .star img {
        width: 8.327vw;
    }
    
    .myProfile {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 2.326vw;
    }
    
    .myMainMenu {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 4.651vw 3.488vw;
    }
    
    .myMainMenu li {
        display: block;
        height: auto;
        overflow: hidden;
        font-size: 3.488vw;
        position: relative;
    }
    
    .myMainMenu li:after {
        content: '';
        position: absolute;
        right: 2.326vw;
        top: 50%;
        width: 2.093vw;
        height: 3.720vw;
       
    }
    
    .myMainMenu li a {
        display: block;
        padding: 4.651vw 2.326vw;
        color: #FFF;
        border-bottom: 0.233vw solid #333;
    }
    
    /* sub : Influencer */
    .container .gdsThumb2 {
        display: block;
        height: auto;
        overflow: hidden;
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        clear: both;
    }
    
    .container .gdsThumb2.line {
        border-top: 0.233vw solid #333;
    }
    
    .container .gdsThumb2 div {
        width: max-content;
    }
    
    .container .gdsThumb2 img.sale {
        width: 40vw;
        height: 40vw;
        margin-right: 0.233vw;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .container .gdsThumb2 img.main {
        width: 66.667vw;
        height: 83.333vw;
        margin-right: 0.233vw;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .container .gdsThumb2 img:nth-last-child(1) {
        margin-right: 0;
    }
    
    /**/
    
    .brandCImage {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .brandCImage .swiper-slide img {
        width: 100vw;
    }
    
    .gdsThumb {
        display: block;
        height: auto;
        overflow: hidden;
    }
    .gdsThumb .swiper-slide {
        width: 100% !important;
    }
    
    .gdsThumb .swiper-slide img {
        width: 81.396vw;
        height: 101.745vw;
        
    }
    
    /**/
    
    .thumb-pagination {
        margin: auto;
    }
    .thumb-pagination2 {
        position: absolute;
        z-index: 10;
        padding-left: 2.326vw;
    }
    .feedRight .thumb-pagination2 {
        text-align: right;
        padding-right: 2.326vw;
    }
    
    .thumb-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 1.326vw;
        height: 1.326vw;
        background: #fff;
        opacity: 0.2;
        margin: 0 0.697vw !important;
    }
    
    .thumb-pagination .swiper-pagination-bullet-active {
        opacity: 1.0;
    }
    .thumb-pagination2 .swiper-pagination-bullet {
        display: inline-block;
        width: 1.326vw;
        height: 1.326vw;
        background: #000;
        opacity: 0.2;
        margin: 0 0.697vw !important;
    }
    
    .thumb-pagination2 .swiper-pagination-bullet-active {
        opacity: 1.0;
    }
    
    .myDefault {
        display: table;
        width: 100%;
        height: 16.249vw;
        overflow: hidden;
        border-bottom: 0.233vw solid #5a5a5a;
        position: relative;
        padding: 0 33.721vw 0 19.767vw;
        box-sizing: border-box;
    }
    
    .myDefault .myPhoto {
        position: absolute;
        left: 4.651vw;
        top: 50%;
        transform: translate(0, -50%);
        width: 11.628vw;
        height: 11.627vw;
        border-radius: 50%;
        overflow: hidden;
        background: #333;
        text-align: center;
    }
    
    .myDefault .myPhoto a {
        display: block;
    }
    
    .myDefault .myPhoto img {
        width: 100%;
        height: 100%;
    }
    
    .myDefault .myPhoto .goSet {
        position: absolute;
        left: 0;
        bottom: 0;
        height: auto;
        overflow: hidden;
        text-align: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        font-size: 2.326vw;
        padding: 1.163vw 0;
    }
    
    .myDefault .myId {
        display: table-cell;
        vertical-align: middle;
        height: auto;
        overflow: hidden;
        color: #FFF;
        font-size: 3.023vw;
        font-weight: 500;
    }
    
    .myDefault .myFunc {
        position: absolute;
        right: 3.488vw;
        top: 50%;
        transform: translate(0, -50%);
        text-align: right;
    }
    
    .myDefault .myFunc .txtMenu a {
        display: inline-block;
        color: var(--light-gray);
        font-size: 3.023vw;
        padding-right: 3.023vw;
        margin-right: 2.326vw;
        position: relative;
    }
    
    .myDefault .myFunc .txtMenu a:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0.465vw;
        width: 0.233vw;
        height: 80%;
        background: var(--gray);
    }
    
    .myDefault .myFunc .txtMenu:last-child a {
        padding-right: 0;
        margin-right: 0;
    }
    
    .myDefault .myFunc .txtMenu:last-child a:after {
        background: none;
    }
    
    .myOrd {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 4.651vw 3.488vw;
    }
    
    .myOrd li {
        display: block;
        height: auto;
        overflow: hidden;
        padding-bottom: 4.651vw;
        margin-bottom: 4.651vw;
        border-bottom: 0.233vw solid #333;
    }
    
    .myOrd li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    
    
    /* fileUpload Design */
    .box-file-input label {
        display: inline-block;
        color: var(--light-gray);
        width: 18.604vw;
        height: 8.327vw;
        line-height: 7.441vw;
        cursor: pointer;
        padding-right: 2.326vw;
    }
    
    .box-file-input .file-input {
        display: none;
    }
    
    
    * {
        letter-spacing: 0 !important;
    }
    
    /* myOrd */
    .ordDate {
        display: block;
        height: auto;
        overflow: hidden;
        background: #333;
        padding: 3.488vw;
        color: var(--light-gray);
    }
    
    .myOrdInfo {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 4.651vw 3.488vw;
    }
    
    .ordPayInfo {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw 4.651vw 3.488vw;
    }
    
    .ordPayInfo li {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 1.395vw 0;
        position: relative;
        font-size: 3.256vw;
        color: var(--light-gray);
    }
    
    .ordPayInfo li span {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        text-align: right;
        color: var(--light-gray);
    }
    
    .ordPayInfo li.total {
        margin-top: 2.326vw;
        border-top: 0.233vw solid #333;
        padding: 3.488vw 0;
    }
    
    .ordPayInfo li.total .totalPrice {
        font-size: 4.186vw;
        font-weight: 500;
        color: #FFF;
    }
    
    .deliveryTable {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw 4.651vw 3.488vw;
    }
    
    .deliveryTable th,
    .deliveryTable td {
        padding: 1.395vw 0;
        font-size: 3.256vw;
        color: var(--light-gray);
        text-align: left;
    }
    
    .deliveryTable th {
        font-weight: 300;
    }
    
    .deliveryTable td {
        line-height: 1.3;
    }
    
    .myRequestList {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw;
        border-top: 0.233vw solid #333;
        margin-top: 4.651vw;
    }
    
    .myRequestList .reqBoxWrap {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 4.651vw 0;
        border-bottom: 0.233vw solid #333;
    }
    
    .myRequestList .reqGds {
        display: block;
        height: 15.581vw;
        overflow: hidden;
        position: relative;
        padding: 0 11.628vw 0 15.116vw;
    }
    
    .myRequestList .reqGds a {
        display: block;
    }
    
    .myRequestList .reqGds .thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 11.628vw;
        height: 15.581vw;
        overflow: hidden;
    }
    
    .myRequestList .reqGds .thumb img {
        width: 100%;
    }
    
    .myRequestList .reqGds .reqGdsName {
        color: #FFF;
        font-size: 3.256vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 1.163vw 0;
        margin-top: 2.326vw;
    }
    
    .myRequestList .reqGds .reqDate {
        color: var(--gray);
        font-size: 3.023vw;
    }
    
    .myRequestList .reqGds .reqDel a {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        text-align: right;
        color: var(--gray);
        font-size: 3.023vw;
        text-decoration: underline;
    }
    
    .myRequestList .reqBox {
        display: block;
        height: auto;
        overflow: hidden;
        margin: 4.651vw 0 0 0;
    }
    
    .myRequestList .reqBox .reqCont {
        display: block;
        padding-top: 6.976vw;
        position: relative;
        color: #FFF;
        font-size: 3.256vw;
        line-height: 1.3;
        margin-bottom: 3.488vw;
    }
    
    .myRequestList .reqBox .reqCont .reqStats {
        position: absolute;
        left: 0;
        top: 0;
        padding: 1.395vw 1.86vw;
        font-size: 2.791vw;
        line-height: 1.0;
    }
    
    .myRequestList .reqBox .reqCont .reqStats.notyet {
        background: #555;
        color: var(--light-gray);
    }
    
    .myRequestList .reqBox .reqCont .reqStats.finish {
        background: #a28059;
        color: #FFF;
    }
    
    .myRequestList .reqBox .reqCont .reqStats.reply {
        color: #a28059;
        padding: 1.395vw 0;
        font-weight: 500;
    }
    
    .comnFooter {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 3.488vw;
        z-index: 100;
    }
    
    .comnFooter.sub {
        position: relative;
        display: block;
        left: unset;
        bottom: unset;
        margin-bottom: 0;
        padding: 0;
        z-index: 1;
    }
    
    .comnFooter .imgArea a{
        margin-right: 5vw;
    }
    .comnFooter .imgArea{
        padding: 4.651vw 4.651vw 4.651vw 3.488vw;
    }
    .comnFooter .corpInfo {
        display: block;
        color: var(--gray);
        font-family: "NanumBarunGothic";
        font-size: 2.558vw;
        line-height: 4.708vw;
        margin: 0  3.488vw;
        padding: 4.651vw 0;
    }
    .comnFooter .corpInfo.button {
        border-top: 1px solid var(--light-gray);
        font-size: 2.791vw;
        padding-bottom: 1.163vw;
    }
    .comnFooter .corpInfo.copy {
        font-family: "SF Pro";
        padding-top: 4.651vw
    }
    .comnFooter .corpInfo .ar {
        margin-left: 1.860vw;
        width: 2.326vw;
        height: 1.339vw;
        transition: .4s all;
    }
    .comnFooter .corpInfo .ar.on {
        transform: rotate(-180deg);
    }
    
    .comnFooter .ftMenu .tMenu:last-child {
        padding-bottom: 4.651vw;
    }
    
    .comnFooter .ftMenu a {
        display: inline-block;
        color: var(--gray);
        font-size: 3.023vw;
        padding: 2.325vw 4.33vw 2.325vw 3.488vw ;
        position: relative;
    }
 
    
    .comnFooter .platformTxt {
        padding: 3.488vw 0;
        color: #aaa;
        font-size: 2.791vw;
        line-height: 1.4;
        border-bottom: 0.233vw solid #333;
        margin-bottom: 3.488vw;
    }
    
    .comnFooter .footLogo {
        padding: 5.267vw 5.267vw 2.6vw 3.488vw;
        
    }
    
    .comnFooter .footLogo img {
        height: 4.023vw;
        opacity: 0.45;
    }
    
    
    .policyCon {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 6.976vw 3.488vw;
        color: #000;
        font-size: 3.023vw;
        font-weight: 500;
    }
    
    .policyCon h2 {
        padding: 2.325vw 0;
        font-size: 3.023vw;
    }
    
    .policyCon p {
        padding: 1.163vw 0;
        line-height: 1.3;
        font-size: 3.023vw;
    }
    
    .policyCon p.numbering {
        padding: 0 0 0 3.488vw;
    }
    
    .policyCon p.numbering01 {
        padding: 0 0 0 6.976vw;
    }
    
    .policyCon p.numbering02 {
        padding: 0 0 0 10.465vw;
    }
    
    .comnSelect {
        display: block;
        height: auto;
        overflow: hidden;
        line-height: 1.0;
        margin-top: 3.488vw;
    }
    
    .comnSelect span {
        float: left;
        width: 24.25%;
        text-align: center;
        padding: 1.86vw 0;
        margin: 0.465vw 1% 0.465vw 0;
        border-radius: 0.697vw;
        color: #777;
        line-height: 1.0;
        font-weight: 400;
        border: 0.233vw solid #333;
        box-sizing: border-box;
    }
    
    .comnSelect span.on {
        color: #FFF;
        font-weight: 500;
    }
    
    .comnSelect span:nth-child(4n) {
        margin-right: 0;
    }
    
    .partHalf {
        float: left;
        width: 49%;
        height: auto;
        overflow: hidden;
        margin: 0 2% 0 0;
    }
    
    .partHalf:last-child {
        margin-right: 0;
    }
    
    .partHalf dt,
    .partHalf dd {
        float: left;
    }
    
    .partHalf dt {
        color: #aaa;
        font-size: 3.023vw;
        width: 30%;
    }
    
    .partHalf dd {
        color: var(--light-gray);
        font-size: 3.256vw;
        width: 70%;
    }
    
    .clothes {
        display: block;
        height: auto;
        overflow: hidden;
        margin: 1.163vw 0;
        line-height: 1.0;
        position: relative;
        padding-left: 13.953vw;
        clear: both;
    }
    
    .clothes:first-child {
        margin-top: 3.488vw;
    }
    
    .clothes .title {
        position: absolute;
        left: 0;
        top: 0;
        width: 13.953vw;
        line-height: 7.906vw;
        color: var(--light-gray);
        font-size: 3.256vw;
    }
    
    .clothes .choice {
        float: left;
        width: 32%;
        text-align: left;
        padding: 1.86vw 0;
        margin-right: 2%;
        color: #777;
        line-height: 1.0;
        font-weight: 400;
        padding-left: 6.047vw;
        box-sizing: border-box;
        position: relative;
    }
    
    .clothes .choice:after {
        content: '';
        position: absolute;
        left: 0;
        top: 1.628vw;
        width: 3.488vw;
        height: 3.488vw;
        background: url('../img2/form/bg_radio.png') left bottom no-repeat;
        background-size: 3.488vw auto;
    }
    
    .clothes .choice.on {
        color: #FFF;
        font-weight: 500;
    }
    
    .clothes .choice.on:after {
        content: '';
        position: absolute;
        left: 0;
        top: 1.628vw;
        width: 3.488vw;
        height: 3.488vw;
        background: url('../img2/form/bg_radio.png') left top no-repeat;
        background-size: 3.488vw auto;
    }
    
    .clothes .choice:last-child {
        margin-right: 0;
    }
    
    .gdsList {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw;
        margin-bottom: 3.488vw;
    }
    
    .gdsList .swiper-slide img {
        width: 100%;
        max-width: 83.721vw;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .gds-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 1.86vw;
        height: 1.86vw;
        background: #000;
        opacity: 0.5;
        margin: 0 0.465vw !important;
    }
    
    .gds-pagination .swiper-pagination-bullet-active {
        opacity: 1.0;
    }
    
    .gdsListFunc {
        display: block;
        height: auto;
        overflow: hidden;
        margin-bottom: 2.325vw;
        position: relative;
    }
    
    .gdsListFunc .allGds a {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 3.256vw;
        color: #666;
    }
    
    .otherProfile {
        display: block;
        height: auto;
        overflow: hidden;
        margin-top: 0.697vw;
        line-height: 6.047vw;
    }
    
    .otherProfile .profileThumb {
        display: inline-block;
        width: 6.047vw;
        height: 6.047vw;
        border-radius: 50%;
        overflow: hidden;
        vertical-align: top;
    }
    
    .otherProfile .profileThumb img {
        width: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
    }
    
    .otherProfile .influName {
        display: inline-block;
        margin-left: 1.163vw;
        font-size: 3.256vw;
        color: var(--gray);
        vertical-align: top;
    }
    
    .gdsDetailPhotos {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .gdsDetailPhotos .title {
        text-align: left;
        padding: 3.488vw 0;
        color: var(--light-gray);
        font-size: 3.256vw;
    }
    
    .gdsDetailPhotos .photo {
        display: block;
        height: auto;
        overflow: hidden;
        margin-bottom: 3.488vw;
    }
    
    .gdsDetailPhotos .photoHalf {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 3.488vw;
    }
    
    .gdsDetailPhotos .photoHalf img {
        width: 100%;
    }
    
    .gdsDetailPhotos .explain {
        padding: 1.163vw 0 3.488vw 0;
        color: var(--light-gray);
        font-size: 3.256vw;
        line-height: 1.3;
        text-align: left;
        white-space: pre-line;
        clear: both;
    }
    
    
    .schSale {
        display: block;
        height: auto;
        position: relative;
        padding: 3.488vw;
        border-top: 0.233vw solid #333;
    }
    
    .schSale li {
        float: left;
        width: 30.5%;
        height: auto;
        margin-right: 2.326vw;
    }
    
    .saleSummary {
        display: block;
        height: auto;
        padding: 3.488vw 3.488vw 5.814vw 3.488vw;
        border-bottom: 2.326vw solid #202020;
    }
    
    .saleSummary.bdrTop {
        border-top: 0.233vw solid #333;
        padding-top: 0;
    }
    
    .saleSummary .saleEa {
        color: var(--gray);
        font-size: 3.256vw;
        margin-bottom: 2.325vw;
        margin-top: 9.302vw;
    }
    
    .saleSummary .saleEa em {
        color: var(--light-gray);
        font-size: 4.186vw;
        font-weight: 500;
    }
    
    .saleSummary .totalPrice {
        color: var(--gray);
        font-size: 3.256vw;
    }
    
    .saleSummary .totalPrice em {
        color: var(--light-gray);
        font-size: 4.186vw;
        font-weight: 500;
    }
    
    .saleList {
        display: block;
        height: auto;
        overflow: hidden;
        min-height: 69.767vw;
    }
    
    .saleList li {
        display: block;
        height: auto;
        border-bottom: 0.233vw dashed #333;
        position: relative;
        height: 13.953vw;
    }
    
    .saleList li.noBorder {
        border: none;
    }
    
    .saleList li a {
        display: block;
        padding: 3.488vw 0;
    }
    
    .saleList li .sDate {
        color: var(--gray);
        font-size: 3.023vw;
        margin-bottom: 1.86vw;
    }
    
    .saleList li .month {
        color: var(--gray);
        font-size: 3.72vw;
        top: 50%;
        transform: translate(0, -50%);
        position: absolute;
    }
    
    .saleList li .sPrd {
        color: var(--gray);
        font-size: 3.72vw;
        padding-right: 14.651vw;
    }
    
    .saleList li .right {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        display: flex;
    }
    
    
    .saleList li .sPrice {
        text-align: right;
        color: var(--gray);
        font-size: 3.023vw;
        top: 50%;
        transform: translate(0, -50%);
        position: absolute;
        right: 29.07vw;
        display: flex;
        align-items: end;
    }
    
    .saleList li .sPrice em {
        font-family: "SF Pro";
        font-size: 4.186vw;
        color: #FFF;
    }
    
    .saleList li .sPrice span {
        font-family: "NanumBarunGothic";
    }
    
    .saleInfo {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 2.326vw 0 4.651vw 0;
    }
    
    .saleInfo li {
        display: block;
        height: auto;
        overflow: hidden;
        border-bottom: 2.326vw solid #202020;
        padding: 3.488vw;
    }
    
    .saleInfo li:last-child {
        border-bottom: 0;
    }
    
    .saleInfo li .siTitle {
        color: #FFF;
        font-size: 3.72vw;
        margin: 2.326vw 0;
        font-weight: bold;
    }
    
    .saleInfo li .siTxt {
        line-height: 5.581vw;
        font-size: 3.256vw;
        color: var(--gray);
        position: relative;
        padding-left: 13.953vw;
    }
    
    .saleInfo li .siTxt em {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 5.581vw;
    }
    
    .yearSet {
        display: block;
        height: auto;
        margin-bottom: 14.651vw;
    }
    
    .detailEtc {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .detailEtc.bottom {
        border-bottom: 0.233vw solid #cacaca;
    }
    
    .detailEtc .etcTitle {
        border-top: 0.233vw solid #cacaca;
        margin: 0;
        padding: 0;
        height: 11.627vw;
        line-height: 11.627vw;
        padding: 0 3.488vw;
        font-size: 3.488vw;
        color: #000;
        position: relative;
    }
    
    .detailEtc .etcTitle.none {
        border-top: 0;
    }
    
    .detailEtc .etcTitle .ar {
        position: absolute;
        right: 4.651vw;
        top: 4.651vw;
        width: 3.720vw;
        height: 2.791vw;
        background: url('/img2/ar.svg') no-repeat right 50%;
        background-size: 3.72vw 2.791vw;
        transition: .4s all;
        filter: brightness(0)
    }
    
    .detailEtc .etcTitle .ar.on {
        transform: rotate(-180deg);
    }
    
    .detailEtc .detailEtcCon {
        padding: 3.488vw;
        padding-top: 1.163vw;
        line-height: 4.720vw;
        font-weight: 100;
        font-size: 3.023vw;
        color: #111;
        display: none;
        word-break: break-all;
    }
    
    .detailEtc .detailEtcCon .subTitle {
        font-weight: bold;
        margin-bottom: 2.325vw;
    }
    
    .detailEtc .detailEtcCon .subTitle:not(:first-child) {
        margin-top: 2.326vw;
    }
    
    .detailEtc .detailEtcCon .subContent {
        padding-bottom: 4.651vw;
    }
    
    .detailEtc .detailEtcCon .subContent:not(:last-child) {
        border-bottom: 0.233vw dashed var(--light-gray);
    }
    
    .sortFunc {
        position: fixed;
        right: 2.325vw;
        bottom: 11.627vw;
        width: 12.093vw;
        height: 0;
        z-index: 100;
        opacity: 1;
        transition: height .4s;
        overflow: hidden;
    }
    
    .sortFunc.zero {
        bottom: 0;
    }
    
    .sortFunc .goTop a {
        display: block;
        width: 12.093vw;
        height: 12.093vw;
        border-radius: 50%;
        position: relative;
        background: rgba(150, 150, 150, 0.8);
        cursor: pointer;
    }
    
    .sortFunc .goTop a:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 12.093vw;
        height: 12.093vw;
        background: url(/img2/top.svg) no-repeat 50% 50%;
        background-size: 4.488vw 4.811vw;
    }
    
    
    li.thum {
        position: relative;
    }
    
    dt.thum .sortInflu,
    li.thum .sortInflu {
        position: absolute;
        right: 0;
        bottom: 2.326vw;
        width: 9.302vw;
        height: 9.302vw;
        background: url(../img2/common/ico_model.png) no-repeat 50% 50%;
        background-size: 100%;
        opacity: 0.8;
    }
    
    .infoDetailSale {
        display: block;
        height: auto;
        overflow: hidden;
        font-size: 3.023vw;
        line-height: 1.4;
        color: var(--gray);
        padding: 3.488vw 0;
        word-break: break-all;
    }
    
    input[type=radio]:checked+.checkIcon {
        border: 0.465vw solid #e61932;
        background: url(../img2/common/radio_r.png) no-repeat center center transparent !important;
    }
    
    
    label.radio .checkIcon {
        float: left;
        border-radius: 50% !important;
        background: url(../img2/common/radio.png) no-repeat center center transparent;
        background-size: 3.953vw;
        width: 3.023vw;
        height: 3.023vw;
        margin-top: 0.93vw;
        margin-right: 1.395vw;
        border: 0.465vw solid #bfbfbf;
    }
    
    .inline {
        display: inline-block;
    }
    
    .radio,
    .checkbox {
        position: relative;
        display: block;
        margin-top: 2.326vw;
        margin-bottom: 2.325vw;
        color: white;
    }
    .ruby{
        display: ruby-text;
    }
    .ruby .radio{
        margin-left: 3.023vw;
    }
    
    .filterBtn {
        width: 100%;
        display: flex;
        height: 37.209vw;
        position: fixed;
        bottom: 0px;
        left: 0;
    }
    
    .filterBtn a {
        width: 41.86vw;
        height: 7.906vw;
        border: none;
        font-size: 3.256vw;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background-color: black;
        display: inline-block;
        line-height: 7.906vw;
        margin: auto;
    }
    
    .modal {
        width: 100%;
        height: 100%;
        padding-top: 13.255vw;
        background-color: black;
    }
    
    .modal.white {
        background-color: white;
    }
    
    .modal.login {
        background-color: white;
        bottom: 0;
        top: auto;
        position: fixed;
        left: 0;
        height: 0;
        -webkit-border-radius: 1.86vw 1.86vw 0 0;
        border-radius: 1.86vw 1.86vw 0 0;
    }
    
    .modal .top {
        width: 100%;
        height: 15.581vw;
    }
    
    .modal a.close-modal {
        filter: invert(1);
    }
    
    /* .cartBack.blocker {
        padding: 0;
        height: 0;
    } */
    .infoChangeBack.blocker {
        padding: 0;
        height: 0;
    }
    
    .loginBack.blocker {
        padding: 0;
        top: auto;
        background-color: rgba(0, 0, 0, 0)
    }
    
    .mypageBack.blocker {
        left: auto;
        padding: 0;
        width: 0;
    }
    
    .mypageBack .mypage {
        opacity: 0;
    }
    .menuBack.blocker {
        margin-top: 0;
        padding: 0;
        width: 0;
        background: none;
    }
    
    .menuBack #menu {
        padding: 16.774vw 0px 0px 0px;
        background-color: var(--back-ground-color);
        backdrop-filter: blur(2.326vw);
        -webkit-backdrop-filter: blur(2.326vw);
    }
    
    /*menu*/
    .menuLayout{
        overflow-y: scroll;
        height: 100%;
    }
    .menuForm {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 3.488vw;
        min-height: 70.135vh;
        margin-bottom: 3.488vw;;
    }
    .menuForm.btmBdr {
        padding-bottom: 6.976vw;
        margin-bottom: 0;
        border-bottom: 2.326vw solid #202020;
    }
    
    .menuForm .menu {
        display: block;
        height: auto;
        overflow: hidden;
    }
    .menuForm .menu .menuTitle:first-child {
        /* margin-top: 3.488vw; */
    }
    
    .menuForm .menu .menuTitle {
        margin: 0;
        padding: 0;
        height: 11.627vw;
        line-height: 11.627vw;
        padding: 0 3.488vw;
        font-size: 3.256vw;
        color: #000;
        position: relative;
        font-weight: bold;
    }
    
    .menuForm .menu .menuTitle.none {
        border-top: 0;
    }
    .menuForm .menu .menuTitle .arArea {
        position: absolute;
        right: 4.651vw;
        top: 0;
        width: 8vw;
        height: 100%;
        display: flex;
  
    }
    .menuForm .menu .menuTitle .ar {
        width: 3.720vw;
        height: 2.791vw;
        background: url('/img2/ar.svg') no-repeat right 50%;
        background-size: 3.72vw 2.791vw;
        transition: .4s all;
        filter: brightness(0);
        margin: auto;
    }
    
    .menuForm .menu .menuTitle .ar.on {
        transform: rotate(-180deg);
    }
    
    .menuForm .menu .subMenu {
        padding: 3.488vw;
        padding-top: 1.163vw;
        line-height: 3.720vw;
        font-weight: 100;
        font-size: 3.023vw;
        color: #111;
        display: none;
        word-break: break-all;
    }
    
    .menuForm .menu .subMenu div {
        font-weight: 400;
        padding-bottom: 2.326vw;
    }
    
    .menuForm .menu .subMenu div:not(:first-child) {
        padding-top: 2.326vw;
    }
    
    .bottomMenu{
        height: auto;
        bottom: 15vw;
        width: 100%;
        text-align: center;
    }
    .bottomMenu div{
        font-weight: bold;
        font-size: 3.256vw;
        padding-bottom: 4.651vw;
    }
    .bottomMenu div:last-child{
        padding-top: 3.953vw;
    }
    
    /*menu*/
    
    
    
    
    
    .blocker {
        z-index: 100;
    }
    
    .relative {
        position: relative;
    }
    
    /* shop */
    .shop {
        width: 100%;
    }
    
    .shop .collect {
        width: 100%;
        background-color: white;
        position: relative;
    }
    
    
    
    .shop .collect .thumb {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .shop .collect .info {
        position: absolute;
        top: 40%;
        width: 100%;
        height: 61%;
    }
    
    .shop .collect .info .front {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .shop .collect .info .text {
        position: absolute;
    
    
    
    }
    
    .shop .collect .info .title {
        left: 6.976vw;
        position: absolute;
        color: #FFF;
        font-family: "NanumBarunGothic";
        font-size: 6.511vw;
        font-style: normal;
        font-weight: 600;
        line-height: 7.162vw;
        height: 18.139vw;
        bottom: 23.379vw;
        display: flex;
    }
    
    .shop .collect .info .title span {
        margin: auto;
    }
    
    .shop .collect .info .content {
        left: 6.976vw;
        color: white;
        position: absolute;
        bottom: 7.441vw;
        font-size: 3.256vw;
        line-height: 5.563vw;
        height: 11.162vw;
        display: flex;
    }
    
    .shop .collect .info .content span {
        margin: auto;
    }
    
    .modal .title {
        top: 0;
        width: 100%;
        height: 16.744vw;
        position: sticky;
        z-index: 100;
      
        font-weight: 500;
        display: flex;
        font-size: 3.721vw;
    }
    .modal .title .center {
        margin: auto;
        color: white;
    }
    
    .modal .title .btnBack {
        position: absolute;
        top: 5.813vw;
        left: 3.488vw;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 4.812vw 4.812vw;
        text-indent: -9999em;
        float: left;
        width: 3.953vw;
        height: 3.953vw;
    }
    
    
    .modal .title .btn {
        position: absolute;
        bottom: 5.883vw;
        width: 7.441vw;
        height: 7.441vw;
    }
    
    .modal .title a.btn:nth-last-child(1) {
        right: 4.883vw;
    }
    
    .modal .title a.btn:nth-last-child(2) {
        right: 14.651vw;
    }
    
    .modal .title a.btn:nth-last-child(3) {
        right: 24.418vw;
    }
    
    
    .modal .title .btn .circle {
        background-color: black;
        position: absolute;
        right: 0;
        z-index: 100;
        display: flex;
        border-radius: 50%;
        width: 3.609vw;
        height: 3.609vw;
    }
    
    .modal .title .btn .circle span {
        color: white;
        font-family: 'SF Pro';
        font-weight: 400;
        font-size: 2.326vw;
        line-height: 0;
        margin: auto;
    }
    
    
    .modal .title .btn .bag {
        width: 7.441vw;
        height: 4.811vw;
        background-image: url("/img2/bag.svg");
        background-size: 4.33vw 4.811vw;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    .modal .title .btn .inquiry {
        width: 7.441vw;
        height: 4.811vw;
        background-image: url("/img2/inquiry.svg");
        background-size: 4.811vw 4.811vw;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    .check {
        margin-top: 0.697vw;
        display: inline-block;
    
    }
    
    .checkIcon {
        float: left;
        width: 4.812vw;
        height: 4.812vw;
        margin-right: 1.395vw;
        background: url("/img2/check_off.svg") no-repeat center center;
        background-size: 4.812vw;
    }
    
    input[type=checkbox]:checked+.checkIcon {
        background: url("/img2/check_on.svg") no-repeat center center;
        background-size: 4.812vw;
    }
    
    .checkInline {
        display: inline-block;
        padding-top: 0.697vw;
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 700;
    }
    
    .cart {
        margin: 3.609vw 4.883vw 27.907vw 4.883vw;
    }
    
    .cart.empty {
        padding-top: 9.302vw;
        text-align: center;
        color: black;
        font-family: "NanumBarunGothic";
        font-weight: 800;
        font-size: 4.186vw;
    }
    
    .cart .top {
        width: 100%;
        height: 10.465vw;
        border-bottom: 0.233vw solid #E8E8E8;
    
    }
    
    .cart .allDelete {
        float: right;
        color: #9A9A9A;
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        width: 17.593vw;
        height: 6.616vw;
        border: 0.233vw solid #DBDBDB;
        border-radius: 0.93vw;
    }
    
    .cart .allDelete span {
        display: block;
        padding: 1.627vw;
    }
    
    .cartGroup {
        width: 100%;
        margin-top: 4.651vw;
    }
    
    .cartGroup:not(:first-child) {
        margin-top: 11.628vw;
    }
    
    .cartGroup .brand {
        display: block;
        color: #000;
        font-family: NanumBarunGothic;
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.812vw;
        width: 100%;
        height: 6.976vw;
        border-bottom: 0.902vw solid #000;
    }
    
    .cartGroup .cartItem:not(:last-child) {
        width: 100%;
        border-bottom: 0.233vw solid #E8E8E8;
    }
    
    .cartGroup .total {
        width: 100%;
        height: 9.139vw;
        border-top: 0.294vw solid #000;
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        line-height: 7.162vw;
    }
    
    .cartGroup .total .price {
        float: left;
    }
    
    .cartGroup .total .deliveryFee {
        float: right;
    }
    
    .cartGroup .total .deliveryFee img {
        margin-top: -0.233vw;
        width: 3.609vw;
        height: 3.609vw;
        margin-left: 1.163vw;
    }
    
    .cartGroup .total span {
        font-family: "SF Pro";
    }
    
    .cartGroup .cartItem ul {
        margin: 4.883vw 0;
        width: 100%;
        height: 24.071vw;
        position: relative;
    }
    
    .cartGroup .cartItem .left {
        float: left;
        height: 24.071vw;
        position: absolute;
        width: 69vw;
    }
    
    .cartGroup .cartItem .right {
        float: right;
        width: 43.609vw;
        height: 24.071vw;
    }
    
    .cartGroup .cartItem .thum {
        float: right;
        width: 18.974vw;
        height: 24.071vw;
    }
    
    .cartGroup .cartItem .thum img {
        width: 18.974vw;
        height: 24.071vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    
    
    .cartGroup .cartItem .name {
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 3.609vw;
        margin-bottom: 2.102vw;
    }
    
    .cartGroup .cartItem .name.empty {
        color: var(--light-gray);
        text-decoration: line-through;
    }
    
    .cartGroup .cartItem .option {
        color: var(--gray);
        font-family: "NanumBarunGothic";
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
    }
    
    .cartGroup .cartItem .option.empty {
        color: var(--light-gray);
        text-decoration: line-through;
    }
    
    .cartGroup .cartItem .price {
        color: black;
        font-family: "SF Pro";
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 700;
        bottom: 0;
        position: absolute;
    }
    
    
    .cartGroup .cartItem .button {
        height: 7.068vw;
        color: #000;
        text-align: center;
        font-family: "SF Pro";
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 590;
        line-height: 7.162vw;
        bottom: 0;
        position: absolute;
        float: left;
        border: 0.301vw solid #DBDBDB;
    }
    
    .cartGroup .cartItem .button .minus {
        float: left;
        width: 6.767vw;
        height: 100%;
        background-image: url(/img2/minus.svg);
        background-size: 2.105vw 0.451vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .cartGroup .cartItem .button .ea {
        float: left;
        width: 8.872vw;
        height: 100%;
        border-left: 0.301vw solid #DBDBDB;
        border-right: 0.301vw solid #DBDBDB;
    
    }
    
    .cartGroup .cartItem .button .ea span {
        position: relative;
    }
    
    .cartGroup .cartItem .button .plus {
        float: right;
        width: 6.767vw;
        height: 100%;
        background-image: url(/img2/plus.svg);
        background-size: 2.162vw 2.139vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .cart .selectTotal {
        border-top: 0.301vw solid #E8E8E8;
        width: 100%;
        height: 53.233vw;
        margin: 7.206vw 0;
        padding-top: 4.811vw;
    }
    
    .cart .selectTotal div .cal:not(:first-child) {
        margin-top: 5.412vw;
    }
    
    .cart .selectTotal .cal {
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        height: 4.209vw;
    }
    
    .cart .selectTotal div .cal:not(:last-child) label:first-child {
        color: var(--gray);
        font-family: "NanumBarunGothic";
        float: left;
    }
    
    .cart .selectTotal .cal:last-child label:first-child {
        color: #000;
        font-family: "NanumBarunGothic";
        float: left;
    }
    
    .cart .selectTotal div .cal:not(:last-child) label:last-child {
        color: #000;
        font-family: "SF Pro";
        font-size: 3.953vw;
        float: right;
    }
    
    .cart .selectTotal .cal:last-child label:last-child {
        color: black;
        font-family: "SF Pro";
        font-size: 3.953vw;
        float: right;
    }
    
    .cart .selectTotal .description {
        width: 100%;
        height: 11.627vw;
        margin-top: 4.06vw;
        color: var(--gray);
        text-align: right;
        font-family: "NanumBarunGothic";
        font-size: 2.791vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.661vw;
    }
    
    .member.login {
        width: 100%;
        align-content: center;
    }
    
    .member.login img {
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 13.255vw;
        background-size: 95%;
    }
    
    .member.login img.google {
        background-image: url("/img2/google_login.svg");
    }
    
    .member.login img.apple {
        background-image: url("/img2/apple_login.svg");
    }
    .member.login img.googleInternational {
        background-image: url("/img2/international/google_login.svg");
    }
    
    .member.login img.appleInternational {
        background-image: url("/img2/international/apple_login.svg");
    }
    
    .dragBar {
        width: 100%;
        height: 6.395vw;
        padding-top: 2.326vw;
    }
    
    .dragBar:after {
        content: '';
        width: 12.093vw;
        height: 0.93vw;
        background-color: #D9D9D9;
        display: block;
        margin: auto;
    }
    
    .member.login .info {
        margin-top: 2.558vw;
        color: #000;
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 2.452vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .signup {
        width: 100%;
        height: 100%;
        background-color: white;
        position: relative;
    }
    
    .signup.top {
        margin-top: 17vw;
    }
    
    .signup .form {
        margin: 4.651vw;
    }
    
    .signup .form.t2 {
        padding: 9.472vw 4.651vw 4.651vw 4.651vw;
        margin: 0;
    }
    
    .signup .form .subTitle {
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin-bottom: 1.395vw;
    }
    
    
    .signup .form .area {
        margin-bottom: 5.814vw;
    }
    
    .signup .form .area2 {
        margin-bottom: 8.139vw;
    }
    
    .signup .form .input {
        width: 100%;
        height: 9.302vw;
        line-height: 9.302vw;
        background: none;
        border: 0;
        border-bottom: 0.233vw solid #000;
        color: #000;
        letter-spacing: -0.116vw;
        font-weight: 500;
    }
    
    .signup .form input::placeholder {
        color: var(--light-gray);
    }
    
    .signup .form .addr {
        width: 77.6vw;
        background: none;
        border: 0;
        color: #000;
        letter-spacing: -0.116vw;
        font-weight: 500;
        min-height: 9vw;
        padding-top: 1vw;
    }
    .signup .form .addr2 {
        width: 77.6vw;
        background: none;
        border: 0;
        color: #000;
        letter-spacing: -0.116vw;
        font-weight: 500;
        min-height: 6vw;
        padding-top: 1vw;
    }
    .signup .form textarea.addr::placeholder {
        color: var(--light-gray);
        line-height: 3.5vw;
    }
    .signup .form textarea.addr2::placeholder {
        color: var(--light-gray);
        line-height: 3.5vw;
    }
    
    .signup .form .search {
        width: 22.4vw;
        height: 7.733vw;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border: 0;
        border-radius: 1.333vw;
        background: #888;
        color: #fff;
        display: flex;
        font-size: 3.2vw;
        font-style: normal;
        font-weight: 600;
        margin-top: auto;
        margin-bottom: 2vw;
    }
    
    .signup .form .line {
        width: 100%;
        /* height: 9.302vw; */
        border-bottom: 0.233vw solid #000;
        color: #000;
        display: flex;
        margin-bottom: 4.651vw;
    }
    
    .signup .form .buttonArea {
        width: 100%;
        display: flex;
    }
    
    .signup .form .signupButton {
        width: 40.465vw;
        height: 10.697vw;
        flex-shrink: 0;
        border-radius: 1.163vw;
        background: #000;
        color: #fff;
        font-size: 3.72vw;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin: auto;
    }
    
    .addressSearch{
        height: 100%;
        background-color: white;
    }
    
    .addressSearch input[type="text"]{
        width: 100%;
        height: 11.163vw;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 0.233vw solid black;
        padding-left: 6.047vw;
    }
    .addressSearch input[type="text"]::placeholder{
        color: var(--light-gray);
        font-size: 3.023vw;
        font-weight: 500;
    }
    .addressSearch .search{
        height: 11.163vw;
        width: 11.163vw;
        background-image: url("/img2/search.svg");
        background-size: 4.812vw 4.812vw;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 0;
        border: none;
    }
    
    .addressSearch .result .title{
        font-size: 3.256vw;
        font-weight: bold;
        height: 10.930vw;
        border-bottom: 0.233vw solid var(--light-gray);
        display: flex;
        background-color: white;
    }
    .addressSearch .result .title div{
        margin: auto 0 3.256vw 6.512vw
    }
    
    .addressSearch .result .list{
        min-height: 100%;
        background-color: white;
    }
    .addressSearch .result .list div{
       width: 100%;
       height: 20vw;
       display: flex;
       border-bottom: 1px solid var(--light-gray);
    }
    .addressSearch .result .list div a{
       color: var(--gray);
       margin: auto 6.512vw;
    }
    .mypage .infoArea {
        top: 16.744vw;
        background-color: black;
        width: 100%;
        height: 33.488vw;
        position: sticky;
        z-index: 100;
    }
    
    .mypage .tabContent {
        margin: 4.651vw 4.651vw 0 4.651vw;
        position: relative;
    }
    
    .mypage .tabContent .pagingArea {
        height: 6.767vw;
        border-bottom: 0.301vw solid #e8e8e8;
    }
    
    .mypage .tabContent .pagingArea .pagingArea2 {
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        height: 5.865vw;
        align-items: center;
        display: flex;
        padding-bottom: 0.902vw;
    }
    
    
    .mypage .tabContent .paging {
        position: absolute;
        right: 0;
        height: 6.976vw;
        display: flex;
        align-items: center;
    }
    
    .mypage .tabContent .paging span {
        width: 20vw;
        display: inline-block;
        text-align: center;
    }
    
    .mypage .tabContent .paging .left {
        width: 4.811vw;
        height: 4.811vw;
        background-image: url("/img2/left_arrow.svg");
        background-size: 1.847vw 3.207vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .mypage .tabContent .paging .clean {
        width: 4.811vw;
        height: 4.811vw;
    }
    
    .mypage .tabContent .paging .right {
        width: 4.811vw;
        height: 4.811vw;
        background-image: url("/img2/right_arrow.svg");
        background-size: 1.847vw 3.207vw;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .mypage .nameArea {
        width: 100%;
        height: 16.744vw;
        color: #fff;
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        line-height: 2.932vw;
    }
    
    .mypage .nameArea span {
        display: flex;
        align-items: center;
        height: 16.744vw;
        padding-left: 4.651vw;
    }
    
    
    .mypage .tabContent .button {
        width: 19.83vw;
        height: 6.616vw;
        background-color: #fff;
        color: #9A9A9A;
        text-align: center;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        border: 0.301vw solid #DBDBDB;
    }
    
    
    .orderGroup {
        width: 100%;
        margin-top: 4.651vw;
    }
    
    .orderGroup:not(:first-child) {
        margin-top: 11.628vw;
    }
    
    .orderGroup .top {
        display: block;
        color: #000;
        width: 100%;
        height: 6.976vw;
        border-bottom: 0.902vw solid #000;
    }
    
    .orderGroup .top .orderNumber {
        color: #000;
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.812vw;
        float: left;
        display: flex;
        align-items: center;
        height: 100%;
    }
    
    .orderGroup .top .orderNumber .arrow {
        width: 1.163vw;
        height: 6.2vw;
        background-image: url("/img2/order_arrow.svg");
        background-size: 1.137vw 1.977vw;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 1.163vw;
        margin-bottom: 0.697vw;
    
    }
    
    
    .orderGroup .top .date {
        color: var(--gray);
        text-align: right;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        float: right;
        display: flex;
        align-items: center;
        height: 100%;
    }
    
    
    
    .orderGroup .brandGroup:not(:first-child) {
        margin-top: 7.562vw;
        border-top: 0.301vw solid #000;
    }
    
    .orderGroup .brandGroup:last-child {
        margin-bottom: 13.953vw;
    }
    
    .orderGroup .orderItem:not(:last-child) {
        border-bottom: 0.233vw solid #E8E8E8;
    }
    
    .orderGroup .delivery {
        width: 100%;
        height: 9.139vw;
        border-top: 0.294vw solid #000;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        line-height: 7.162vw;
    }
    
    .orderGroup .delivery a {
        color: #07F;
        line-height: 7.162vw;
        /* 298.438% */
        text-decoration-line: underline;
        text-underline-offset: 0.93vw;
    }
    
    
    
    .orderGroup .total span {
        font-family: "SF Pro";
    }
    
    .orderGroup .orderItem ul {
        margin: 4.883vw 0;
        width: 100%;
        height: 24.071vw;
        position: relative;
    }
    
    .orderGroup .orderItem .left {
        float: left;
        height: 24.071vw;
        position: absolute;
        min-width: 56.39vw;
    }
    
    
    .orderGroup .orderItem .right {
        float: right;
        width: 56.39vw;
        height: 24.071vw;
    }
    
    .orderGroup .orderItem .brand {
        height: 4.209vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    
    .orderGroup .orderItem .thum {
        float: right;
        width: 18.974vw;
        height: 24.071vw;
    }
    
    .orderGroup .orderItem .thum img {
        width: 18.974vw;
        height: 24.071vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    
    
    .orderGroup .orderItem .name {
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 4.211vw;
        margin-bottom: 2.102vw;
        display: flex;
        align-items: center;
    }
    
    .orderGroup .orderItem .option {
        color: var(--gray);
        font-family: "NanumBarunGothic";
        padding: 0.465vw 0;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .orderGroup .orderItem .price {
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        bottom: 0;
        position: absolute;
        padding-bottom: 0.465vw;
        display: flex;
        align-items: center;
    }
    
    
    .orderGroup .orderItem .button {
        position: absolute;
        right: 21.581vw;
        bottom: 0;
    }
    
    .orderGroup .orderItem .status {
        color: #000;
        text-align: right;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        right: 21.581vw;
        position: absolute;
    }
    
    .tabContent .itemArea:not(:first-child) {
        margin-top: 4.553vw;
    }
    
    .tabContent .itemArea:last-child {
        margin-bottom: 23.256vw;
    }
    
    .tabContent .itemArea {
        margin-top: 6.316vw;
        border-top: 0.902vw solid #000;
        border-bottom: 0.301vw solid #000;
    }
    
    .tabContent .itemArea ul.item {
        margin: 4.618vw 0;
        width: 100%;
        height: 24.071vw;
    }
    
    .tabContent .itemArea ul.item2 {
        border-top: 0.3vw solid #E8E8E8;
        width: 100%;
        height: 8.327vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
    }
    
    .tabContent .itemArea ul.item2 .left {
        display: flex;
        align-items: center;
        height: 8.327vw;
    }
    
    .tabContent .itemArea ul.item2 .right {
        padding-right: 3.102vw;
        display: flex;
        align-items: center;
        height: 8.327vw;
    }
    
    .tabContent .itemArea ul.item2 .ar {
        width: 3.720vw;
        height: 2.791vw;
        background: url('/img2/ar_gray.svg') no-repeat right 50%;
        background-size: 3.015vw 1.732vw;
        transition: .4s all;
    }
    
    .tabContent .itemArea ul.item2 .ar.on {
        transform: rotate(-180deg);
    }
    
    .tabContent .itemArea .left {
        float: left;
        width: 93.024vw;
        height: 24.071vw;
        position: absolute;
    
    }
    
    .tabContent .itemArea .brand {
        height: 4.209vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 500;
        display: flex;
        align-items: center;
    }
    
    
    .tabContent .itemArea .name {
    
        height: 4.186vw;
        color: #000;
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 2.102vw;
        margin-bottom: 2.102vw;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .collectCont {
        color: var(--gray);
        padding: 0.465vw 0;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .price {
    
        height: 4.186vw;
        color: var(--gray);
        font-family: "SF Pro";
        padding: 0.465vw 0;
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .date {
    
        height: 4.186vw;
        color: var(--gray);
        font-family: "SF Pro";
        margin-top: 4.82vw;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .prev {
        color: var(--gray);
        padding: 0.465vw 0;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    
    .tabContent .itemArea img.heart {
        width: 4.070vw;
        height: 3.488vw;
        background-image: url("/img2/heart_off.svg");
        background-size: 4.070vw 3.488vw;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
    }
    .tabContent .itemArea img.heart.invert {
        filter: invert(1);
    }
    
    .tabContent .itemArea img.heart.on {
        background-image: url("/img2/heart_on.svg");
    }
    
    .tabContent .itemArea .right {
        float: right;
        height: 24.071vw;
        width: 6.976vw;
    }
    
    .tabContent .itemArea .right .thum {
        float: right;
        width: 18.974vw;
        height: 24.071vw;
    }
    
    .tabContent .itemArea .right .thum img {
        width: 18.974vw;
        height: 24.071vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    
    }
    
    .tabContent .itemArea .left .thum {
        width: 100%;
        height: 12.076vw;
    
    }
    
    .tabContent .itemArea .left .thum img {
        width: 12.076vw;
        height: 12.076vw;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 0.233vw solid var(--light-gray);
    }
    
    .tabContent .itemArea .left .thum span {
        margin-left: 2.325vw;
        color: #000;
        font-size: 3.72vw;
        font-style: normal;
        font-weight: 600;
        line-height: 2.932vw;
        letter-spacing: -0.150vw;
    }
    
    .tabContent .itemArea img.star {
        width: 5.112vw;
        height: 5.112vw;
        background-image: url("/img2/star_off.svg");
        background-size: 5.116vw 5.116vw;
        filter: invert(1);
        float: right;
    }
    
    .tabContent .itemArea img.star.on {
        background-image: url("/img2/star_on.svg");
    }
    
    .tabContent .qnaContent {
        color: var(--gray);
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 700;
    }
    
    .tabContent .qnaContent .question {
        margin-top: 5.581vw;
        margin-bottom: 1vw;
    }
    
    .tabContent .qnaContent .answer {
        margin-top: 2.791vw;
        margin-bottom: 1vw;
    }
    
    .tabContent .qnaContent .buttonArea {
        height: 5.865vw;
        margin: 3.605vw 0;
    }
    
    .tabContent .qnaContent .buttonArea.hide {
        opacity: 0;
    }
    
    .tabContent .qnaContent .button {
        float: right;
    }
    
    .qna {
        padding: 4.651vw;
        width: 100%;
        height: 100%;
        background-color: #fff;
    
    }
    
    .qna .title {
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        padding-bottom: 0.465vw;
        width: 100%;
        height: 5.865vw;
        display: flex;
        align-items: center;
        border-bottom: 0.902vw solid #000;
    }
    
    .qna .discription {
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.661vw;
        padding-top: 2.558vw;
        padding-bottom: 0.465vw;
        width: 100%;
    }
    
    .qna .inputText {
        padding: 0 3.256vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 2.558vw;
        width: 100%;
        height: 9.174vw;
        border: 0.301vw solid var(--light-gray);
        position: relative;
    }
    
    .qna .email {
        padding: 0 3.256vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 2.558vw;
        width: 100%;
        height: 9.174vw;
        border-bottom: 0.301vw solid #000;
        position: relative;
    }
    
    .qna .email input {
        border: none;
        width: 100%;
        height: 100%;
    }
    
    .qna .inputText input {
        border: none;
        width: 100%;
        height: 100%;
    }
    
    .qna input::placeholder {
        color: var(--light-gray);
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .qna .textarea {
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 2.558vw;
        padding: 3.256vw 3.256vw 8.139vw 3.256vw;
        width: 100%;
        height: 34.884vw;
        border: 0.301vw solid var(--light-gray);
        position: relative;
    }
    
    .qna .textarea textarea {
        border: none;
        width: 100%;
        height: 100%;
    }
    
    .qna .textarea textarea::placeholder {
        color: var(--light-gray);
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .qna .textarea .number {
        position: absolute;
        right: 3.256vw;
        bottom: 3.256vw;
        color: var(--light-gray);
    }
    
    .fileArea {
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 6.86vw;
        width: 100%;
    }
    
    .fileArea .innerArea {
        width: 100%;
        height: 9.174vw;
        display: flex;
    }
    
    .fileArea .fileButton {
        width: 16.841vw;
        height: 6.616vw;
        border: 0.301vw solid #DBDBDB;
        margin: auto 0;
    }
    
    .fileArea .innerArea input {
        width: 16.249vw;
        height: 6.047vw;
        font-size: 3.023vw;
        z-index: 2;
        border: none;
        background-color: #fff;
        color: var(--gray);
    }
    
    .file {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
    }
    
    .fileArea .fileDiscription {
        margin: auto 2.326vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 400;
    }
    
    .fileArea .filename {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 19.167vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 400;
    }
    
    .fileArea .fileDelete {
        position: absolute;
        right: 0;
        background-image: url("/img2/x.svg");
        background-size: 2.558vw 2.558vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 9.174vw;
        height: 9.174vw;
        filter: brightness(0);
    
    }
    
    .qna .buttonArea {
        display: flex;
        width: 100%;
        margin-top: 12.093vw;
    }
    
    .qna .button {
        width: 40.465vw;
        height: 10.697vw;
        border-radius: 1.163vw;
        background: #000;
        color: #FFF;
        text-align: center;
        font-size: 3.72vw;
        font-style: normal;
        font-weight: 600;
        margin: auto;
    }
    
    .qna .subTitle {
        margin-top: 5.709vw;
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
    }
    
    
    
    .myinfo {
        padding: 4.651vw;
        width: 100%;
        height: 100%;
        background-color: #fff;
        color: var(--gray);
    
    }
    
    .myinfo .title {
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        padding-bottom: 0.465vw;
        width: 100%;
        height: 5.865vw;
        display: flex;
        align-items: center;
        border-bottom: 0.902vw solid #000;
    }
    
    .myinfo .button {
        width: 17.593vw;
        height: 6.616vw;
        border: 0.301vw solid #DBDBDB;
    }
    .myinfo .button.fRight {
        float: right;
    }
    
    
    .myinfo .button.right {
        margin-left: auto;
    }
    
    .myinfo .button input {
        width: 16.512vw;
        height: 6.047vw;
        font-size: 3.023vw;
        z-index: 2;
        border: none;
        background-color: #fff;
        color: var(--gray);
        padding-top: 0.7vw;
        line-height: 0;
    }
    
    
    .myinfo .content {
        margin-top: 4.186vw;
        text-align: left;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 400;
        line-height: 4.419vw;
    }
    
    .myinfo .content.memberInfo {
    }
    
    .myinfo .loginArea {
        margin-top: 7.391vw;
        display: flex;
    }
    
    .myinfo .loginArea:last-child {
        margin-bottom: 11.823vw;
    }
    
    .myinfo .loginArea .text {
        margin-left: 2.325vw;
        font-family: "SF Pro";
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 510;
        color: var(--gray);
    
    }
    
    .myinfo .loginArea .google {
        background-image: url("/img2/google_logo.svg");
        background-size: 5.116vw 5.116vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 5.116vw;
        height: 5.116vw;
    }
    
    .myinfo .loginArea .apple {
        background-image: url("/img2/apple_logo_B.svg");
        background-size: 4.17vw 5.116vw;
        background-repeat: no-repeat;
        background-position: center;
        width: 5.116vw;
        height: 5.116vw;
    }
    
    .myinfo table {
        /* width: 81.396vw; */
        float: left;
    }
    
    .myinfo th {
        width: 26vw;
        align-content: baseline;
    }
    
    .myinfo td {
        min-height: 7.209vw;
        padding-bottom: 3.023vw;
        align-content: baseline;
    }
    
    .myinfo .logout {
        color: #000;
        font-family: "SF Pro";
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 860;
        height: 23.256vw;
        position: absolute;
        bottom: 0;
    }
    
    .myinfo .logout span {
        display: block;
        height: 5.814vw;
    }
    .paymentBack{
        z-index: 2000000;
    }
    .payment {
        padding: 4.651vw 4.651vw 0 4.651vw;
        background-color: #fff;
    }
    
    
    .payment .pagingArea {
        height: 6.767vw;
        border-bottom: 0.301vw solid #e8e8e8;
    }
    
    .payment .pagingArea .pagingArea2 {
        color: #000;
        font-style: normal;
        font-weight: 600;
        height: 5.865vw;
        align-items: center;
        display: flex;
        padding-bottom: 0.902vw;
    }
    
    .payment .pagingArea .pagingArea2 .gray {
        color: var(--gray);
    }
   
    .size14 {
        font-size: 3.256vw;
    }
    
    .size17 {
        font-size: 3.953vw;
    }
    
    .size13 {
        font-size: 3.023vw;
    }
    
    .payment .pagingArea .pagingArea2 .center {
        margin: auto;
    }
    
    .payment .title {
        display: block;
        color: #000;
        width: 100%;
        height: 6.976vw;
        border-bottom: 0.902vw solid #000;
        margin-top: 6.279vw;
    }
    
    .payment .title .text {
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.812vw;
        display: flex;
        align-items: center;
        height: 100%;
    }
    
    .payment .discription {
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.661vw;
        padding-top: 2.558vw;
        padding-bottom: 0.465vw;
        width: 100%;
    }
    
    .payment div.borderBottom {
        border-bottom: 0.267vw solid #000;
    }
    
    .payment .area .name {
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        height: 5.116vw;
        display: flex;
        align-items: center;
    }
    
    .payment .area .tel {
        color: var(--gray);
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        height: 6.4vw;
        display: flex;
        align-items: center;
    }
    
    .payment .area .addr {
        color: #000;
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        line-height: 133%;
    }
    
    .payment .textarea {
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 2.558vw;
        padding: 3.256vw 3.256vw 8.139vw 3.256vw;
        width: 100%;
        height: 34.884vw;
        border: 0.301vw solid var(--light-gray);
        position: relative;
    }
    
    .payment .textarea textarea {
        border: none;
        width: 100%;
        height: 100%;
    }
    
    .payment .textarea textarea::placeholder {
        color: var(--light-gray);
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .payment .textarea .number {
        position: absolute;
        right: 3.256vw;
        bottom: 3.256vw;
        color: var(--light-gray);
    }
    
    .payment .button {
        width: 19.83vw;
        height: 6.616vw;
        background-color: #fff;
        color: var(--gray);
        text-align: center;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        border: 0.301vw solid #DBDBDB;
    }
    
    .payment .typeButton {
        height: 10.697vw;
        background-color: #fff;
        border: 0.233vw solid #C4C4C4;
        border-radius: 1.163vw;
        color: var(--gray);
        font-size: 3.256vw;
        font-style: normal;
        font-weight: 600;
        display: flex;
    }
    .payment .typeButton div {
        display: flex;
        margin: auto;
        pointer-events: none;
    }
    .payment .typeButton p {
        font-family: "SF Pro";
    }
    
    
    .payment .typeButton.on {
        background-color: #000;
        color: #fff;
        border: none;
    
    }
    
    .payment .line {
        margin-top: 2.326vw;
    }
    
    .payment .one .typeButton {
        width: 100%;
    }
    
    .payment .three {
        display: grid;
        grid-template-columns: 0.9fr 0.9fr 0.9fr;
        column-gap: 2.56%;
        row-gap: 2.326vw;
    }
    
    .payment .left {
        float: left;
        width: 81.396vw;
    }
    
    .payment .right {
        float: right;
        width: 20.93vw;
    }
    
    
    
    .payment .orderItem:not(:last-child) {
        border-bottom: 0.233vw solid #E8E8E8;
    }
    
    
    
    .payment .orderItem ul {
        margin: 4.883vw 0;
        width: 100%;
        height: 24.071vw;
        position: relative;
    }
    
    .payment .orderItem .left {
        float: left;
        height: 24.071vw;
        position: absolute;
    }
    
    
    .payment .orderItem .right {
        float: right;
        width: 43.609vw;
        height: 24.071vw;
    }
    
    .payment .orderItem .brand {
        height: 4.209vw;
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    
    .payment .orderItem .thum {
        float: right;
        width: 18.974vw;
        height: 24.071vw;
    }
    
    .payment .orderItem .thum img {
        width: 18.974vw;
        height: 24.071vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    
    
    .payment .orderItem .name {
        color: #000;
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 4.211vw;
        margin-bottom: 2.102vw;
        display: flex;
        align-items: center;
    }
    
    .payment .orderItem .option {
        color: var(--gray);
        padding: 0.465vw 0;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .payment .orderItem .price {
        color: var(--gray);
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 700;
        bottom: 0;
        position: absolute;
        padding-bottom: 0.465vw;
        display: flex;
        align-items: center;
    }
    
    .payment .selectTotal {
        width: 100%;
        margin: 7.209vw 0;
        padding-top: 4.811vw;
    }
    
    .payment .selectTotal.two {
        padding-top: 0;
        padding-bottom: 4.651vw;
    }
    
    .payment .selectTotal.three {
        margin: 0;
        padding: 0;
        display: flex;
        height: 53.721vw;
    }
    
    .payment .selectTotal div .cal:not(:first-child) {
        margin-top: 5.412vw;
    }
    
    .payment .selectTotal .cal {
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        height: 4.209vw;
    }
    
    .payment .selectTotal .cal.center {
        color: var(--gray);
        text-align: center;
        margin: auto;
    }
    
    .payment .selectTotal div .cal label:first-child {
        color: var(--gray);
        font-family: "NanumBarunGothic";
        float: left;
    }
    
    .payment .selectTotal .cal label.black:first-child {
        color: #000;
        font-family: "NanumBarunGothic";
        float: left;
    }
    
    .payment .selectTotal div .cal label:last-child {
        color: #000;
        font-family: "SF Pro";
        font-size: 3.953vw;
        float: right;
        text-align: right;
        max-width: 80%;
    }
    
    .payment .selectTotal div .cal label.text:last-child {
        color: #000;
        font-family: "nanumBarunGothic";
        font-weight: 400;
        font-size: 3.023vw;
    }
    
    .payment .selectTotal div .cal label.text.gray:last-child {
        color: var(--gray);
    }
    
    .payment .selectTotal .cal label.pink:last-child {
        color: black;
        font-family: "SF Pro";
        font-size: 3.953vw;
        float: right;
    }
    
    .payment .selectTotal .description {
        width: 100%;
        height: 11.627vw;
        margin-top: 11.193vw;
        color: var(--gray);
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 2.791vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.661vw;
    }
    .payment .selectTotal .discription {
        padding: 8.374vw;
    }
    .payment .selectTotal .buttonArea {
        width: 100%;
        display: flex;
    }
    
    .payment .selectTotal .signupButton {
        width: 40.465vw;
        height: 10.697vw;
        flex-shrink: 0;
        border-radius: 1.163vw;
        background: #000;
        color: #fff;
        font-size: 3.72vw;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin: auto;
    }
    
    .favoriteArea {
        padding: 0 3.488vw;
    }
    
    .favoriteArea .item:not(:first-child) {
        margin-top: 4.553vw;
    }
    
    .favoriteArea .item:last-child {
        margin-bottom: 23.256vw;
    }
    
    .favoriteArea .item {
        margin-top: 6.316vw;
        border-top: 0.902vw solid #fff;
        border-bottom: 0.301vw solid #fff;
    }
    
    .favoriteArea .item ul {
        margin: 4.618vw 0;
        width: 100%;
        height: 24.071vw;
    }
    
    .favoriteArea .item .left {
        float: left;
        width: -webkit-calc(100% - 6.977vw);
        width: -moz-calc(100% - 6.977vw);
        width: calc(100% - 6.977vw);
        height: 24.071vw;
    
    }
    
    
    .favoriteArea .item .left .thum {
        width: 100%;
        height: 12.076vw;
    
    }
    
    .favoriteArea .item .left .thum img {
        width: 12.076vw;
        height: 12.076vw;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
    }
    
    .favoriteArea .item .left .thum span {
        margin-left: 2.325vw;
        color: #fff;
        font-size: 3.72vw;
        font-style: normal;
        font-weight: 600;
        line-height: 2.932vw;
        letter-spacing: -0.15vw;
    }
    
    
    
    .favoriteArea .item .style {
    
        height: 4.186vw;
        color: #fff;
        font-size: 3.953vw;
        font-style: normal;
        font-weight: 600;
        margin-top: 4.211vw;
        margin-bottom: 2.102vw;
        display: flex;
        align-items: center;
    }
    
    .favoriteArea .item .intro {
        color: var(--gray);
        padding: 0.465vw 0;
        font-size: 3.023vw;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .favoriteArea .item .right {
        float: right;
        height: 24.071vw;
        width: 6.976vw;
    }
    
    .favoriteArea .item img.star {
        width: 5.116vw;
        height: 5.116vw;
        background-image: url("/img2/star_off.svg");
        background-size: 5.116vw 5.116vw;
        float: right;
    }
    
    .favoriteArea .item img.star.on {
        background-image: url("/img2/star_on.svg");
    }
    .versionInfo{
        display: flex;
        position: fixed;
        width: 30vw;
        bottom: 5vw;
        right: 5vw;
    }
    .versionInfo a{
        margin: auto;
    }
  }