@charset "utf-8";

@media (min-width: 600px) {
    html{
        display: flex;
    }
    body{
        margin: auto;
        width: 600px;
    }

    
    .mt0 {
        margin-top: 0 !important;
    }
    
    .mt3 {
        margin-top: 4.186px;
    }
    
    .mt2 {
        margin-top: 2.791px;
    }
    
    .mt4 {
        margin-top: 5.581px;
    }
    
    .mt8 {
        margin-top: 11.163px;
    }
    
    
    .mt14 {
        margin-top: 19.535px;
    }
    
    .mt72 {
        margin-top: 6.978px;
    }
    
    .pt72 {
        padding-top: 6.978px;
    }
    .pb5{
        padding-bottom: 6.978px;
    }
    
    .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: 55.814px 0 111.628px 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: 27.907px;
        margin-bottom: 6.977px;
        font-family: 'Adabi';
    }
    
    .mWrap .headCopy .headTitle {
        color: #bfbfbf;
        font-size: 27.907px;
        font-family: 'Adabi';
    }
    
    .mWrap .bubbleSec {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
        width: 130%;
        height: 488.372px;
        padding: 0;
        box-sizing: border-box;
    }
    
    .mWrap .sellTyBtn {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 13.953px;
        width: 89.302px;
        height: 198.14px;
        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: 1.395px;
        height: 1.395px;
        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: 25.116px;
        color: var(--light-gray);
        padding: 27.907px 0;
    }
    
    h2 {
        border-bottom: 1.395px solid #5a5a5a;
        margin-bottom: 12.791px;
        padding: 36.276px 0;
        font-weight: 400;
        font-size: 22.326px;
        color: #fff;
        text-align: center;
    }
    
    /* sub : header */
    .subHeader {
        position: fixed;
        width: 600px;
        height: 100.644px;
        clear: both;
        z-index: 200;
        background-color: var(--back-ground-color);
        display: flex;
        backdrop-filter: blur(13.953px);
        -webkit-backdrop-filter: blur(13.953px);
    }
    .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: 22.326px;
        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: 1.395px solid #2a2a2a;
    }
    
    .subHeader+.container {
        padding: 100.644px 0 90.698px 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .subHeader .title {
        color: black;
        font-weight: 500;
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 22.326px;
    }
    .subHeader .title div{
        margin: auto;
    }
    
    .subHeader .logo {
        margin: auto;
        width: 100%;
        height: 100%;
    }
    .subHeader .logo img {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 181.395px;
    }
    .subHeader a {
        width: 23.721px;
        height: 23.721px;
        line-height: 23.721px;
        float: left;
        z-index: 50;
    }
    .subHeader .btn {
        width: 44.651px;
        height: 44.651px;
        display: flex;
        margin: auto;
        position: relative;
    }
    .subHeader .btn .fas {
        color: #fff;
        font-size: 34.884px;
        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: 9.047px;
        height: 9.047px;
    }
    
    .subHeader .btn .circle span {
        color: white;
        font-family: 'SF Pro';
        font-weight: 400;
        font-size: 13.953px;
        line-height: 0;
        margin: auto;
    }
    
    .subHeader .btn .back {
        width: 44.651px;
        height: 44.651px;
        background: url('/img2/back.svg') no-repeat center center;
        background-size: 12.056px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
      
    }
    .subHeader .btn .close {
        width: 44.651px;
        height: 44.651px;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 13.953px 13.953px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    .subHeader .btn .bag {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/bag.svg");
        background-size: 19.535px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader .btn .my {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/menu.svg");
        background-size: 20.930px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .subHeader .btn .setting {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/setting.svg");
        background-size: 23.721px 13.953px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    
    .subHeader .btn .inquiry {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/inquiry.svg");
        background-size: 28.870px 28.870px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader .x {
        width: 44.651px;
        height: 44.651px;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 20.930px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
     
    }
    
    
    
    /* sub : header */
    .subHeader2 {
        position: fixed;
        width: 600px;
        height: 100.644px;
        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: 22.326px;
        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: 1.395px solid #2a2a2a;
    }
    
    .subHeader2+.container {
        padding: 6.978px 0 90.698px 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .subHeader2 .title {
        color: black;
        font-weight: 500;
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 22.326px;
    }
    .subHeader2 .title div{
        margin: auto;
    }
    
    .subHeader2 .logo {
        margin: auto;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 181.395px;
    }
    
    .subHeader2 a {
        width: 23.721px;
        height: 23.721px;
        line-height: 23.721px;
        float: left;
        z-index: 50;
    }
    .subHeader2 .btn {
        width: 44.651px;
        height: 44.651px;
        display: flex;
        margin: auto;
        position: relative;
    }
    .subHeader2 .btn .fas {
        color: #fff;
        font-size: 34.884px;
        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: 9.047px;
        height: 9.047px;
    }
    
    .subHeader2 .btn .circle span {
        color: white;
        font-family: 'SF Pro';
        font-weight: 400;
        font-size: 13.953px;
        line-height: 0;
        margin: auto;
    }
    
    .subHeader2 .btn .back {
        width: 44.651px;
        height: 44.651px;
        background: url('/img2/back.svg') no-repeat center center;
        background-size: 12.056px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
      
    }
    .subHeader2 .btn .close {
        width: 44.651px;
        height: 44.651px;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 20.930px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    .subHeader2 .btn .bag {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/bag.svg");
        background-size: 19.535px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader2 .btn .my {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/menu.svg");
        background-size: 28.870px 28.870px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .subHeader2 .btn .setting {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/setting.svg");
        background-size: 23.721px 13.953px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    
    .subHeader2 .btn .inquiry {
        width: 44.651px;
        height: 44.651px;
        background-image: url("/img2/inquiry.svg");
        background-size: 28.870px 28.870px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .subHeader2 .x {
        width: 44.651px;
        height: 44.651px;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 20.930px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
     
    }
    
    
    
    
    /* sub : common */
    .wrapper {
        position: relative;
        padding: 0 20.930px;
        width: 100%;
        clear: both;
    }
    
    .container {
        position: relative;
        width: 100%;
        clear: both;
        padding: 100.644px 0 90.698px 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .container.h100 {
        height: calc(100% - 100.644px);
    }
    
    .container.zero {
        padding: 0 0 0 0;
        
    }
    .container.top {
        padding: 100.644px 0 0 0;
    }
    
    .container.sale {
        padding: 100.644px 0 142.556px  0;
    }
    
    .contents {
        padding: 0 0 0 0;
        clear: both;
        font-weight: 300;
        letter-spacing: -0.698px;
    }
    
    .contents2 {
        padding: 0 0 19.767px 0;
        clear: both;
        color: #000;
        font-weight: 300;
        letter-spacing: -0.698px;
        background-color: #fff;
    }
    .contents .brandName {
        height: 86.512px;
        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: 22.326px;
        font-style: normal;
        font-weight: 600;
        line-height: 17.594px;
    }
    
    .contents2.zero {
        padding: 0;
    }
    
    .contents2.h100 {
        min-height: -webkit-fill-available;
        min-height: 100vh;
    }
    
    .contents2 h2.title {
        background-size: 22.326px 16.744px;
        border-top: 1.395px solid #cacaca;
        border-bottom: 1.395px solid #cacaca;
        margin: 0 0 34.884px 0;
        padding: 0;
        height: 69.767px;
        line-height: 69.767px;
        text-indent: 20.930px;
        font-size: 20.930px;
        color: #000;
        text-align: left;
    }
    
    .contents2 h2.title.noAr {
        background: none;
        border-bottom: 0;
        margin-bottom: 0;
        font-size: 20.930px;
        color: #000;
        position: relative;
    }
    
    .contents2 h2.title.noArLine {
        background: none;
        font-size: 20.930px;
        color: #000;
        margin-bottom: 13.953px;
    }
    
    .contents2 h2.title.noAr .allGds a {
        position: absolute;
        right: 20.930px;
        top: 0;
        font-size: 19.535px;
        color: #666;
    }
    
    .inner {
        padding: 0 48.837px;
        margin: 0 auto;
    }
    
    .contents .pageGuideTxt {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px;
        color: var(--light-gray);
        font-size: 19.535px;
        line-height: 27.907px;
        margin-bottom: 13.953px;
    }
    
    
    /* sub : login */
    .contents .login {
        padding-top: 78.14px;
    }
    
    .contents .login .info {
        margin-top: 15.349px;
        text-align: center;
        font-family: "NanumBarunGothic";
        color: var(--gray);
        font-size: 14.717px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .contents .login .logoArea {
        width: 100%;
        margin-bottom: 18.000px;
    }
    
    .contents .login .logo {
        width: 279.07px;
    }
    
    .contents .login .tit {
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: "NanumGothic";
        font-size: 22.326px;
        font-style: normal;
        font-weight: 700;
        line-height: 34.884px;
    }
    .contents .login .loginForm li {
        padding-top: 27.907px;
    }
    
    .contents .login .loginForm li:first-child {
        padding-top: 55.814px;
    }
    
    .contents .login .loginForm li:last-child {
        padding-top: 6px;
    }
    
    .contents .login .btnArea {
        padding: 48.837px 0 27.907px 0;
    }
    
    .contents .login .find {
        margin-bottom: 155.814px;
        width: 100%;
        clear: both;
    }
    
    .contents .login .find li {
        float: left;
    }
    
    .contents .login .find li a {
        color: var(--gray);
        font-size: 18.14px;
        font-weight: 200;
    }
    
    .contents .login .find li:last-child {
        float: right;
        text-align: right;
    }
    
    .contents .login .start {
        height: 39.07px;
    }
    
    .contents .login .start dt {
        width: 50%;
        height: 39.07px;
        line-height: 39.07px;
        font-weight: 200;
        font-size: 18.14px;
        float: left;
    }
    
    .contents .login .start dd {
        margin-right: 13.953px;
        width: 10%;
        text-align: center;
        float: left;
    }
    
    .contents .login .start dd:last-child {
        margin-right: 0;
    }
    
    .contents .login .start dd img {
        width: 39.07px;
        height: 39.07px;
    }
    
    .contents .login input.join[type="text"],
    .contents .login input.join[type="password"] {
        background: none;
        border: 0;
        border-bottom: 1.395px solid #5a5a5a;
      
        letter-spacing: -0.698px;
    }
    
    .contents .login input.join[type="text"]::placeholder,
    .contents .login input.join[type="password"]::placeholder {
    
        letter-spacing: -0.698px;
    }
    
    .contents .login input.join[type="text"]::-ms-input-placeholder,
    .contents .login input.join[type="password"]::-ms-input-placeholder {
    
        letter-spacing: -0.698px;
    }
    
    /* sub : Influencer */
    .container .Influencer {
        display: block;
        height: auto;
        overflow: hidden;
        border-bottom: 1.395px solid #2a2a2a;
        padding: 6.978px 0 27.907px 20.930px;
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        clear: both;
    }
    
    .container .Influencer ul {
        width: max-content;
    }
    
    .container .Influencer li {
        display: inline-block;
        margin-right: 22.326px;
        height: auto;
        float: left;
    }
    
    .container .Influencer li:last-child {
        margin-right: 0;
    }
    
    .container .Influencer .thumb {
        display: block;
        border: 1.395px solid #000000;
        border-radius: 34.884px;
        padding: 1.395px 4.186px 4.186px 1.395px;
        box-sizing: border-box;
        width: 89.302px;
        height: 89.302px;
        text-align: center;
        opacity: 1.0;
        overflow: hidden;
    }
    
    .container .Influencer .thumb.on {
        display: block;
        border: 2.791px solid black;
        border-radius: 50%;
        padding: 2.791px 5.581px 5.581px 2.791px;
        box-sizing: border-box;
        width: 103.259px;
        height: 103.259px;
        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: 1.395px solid var(--light-gray);
    }
    
    .container .Influencer .nick {
        display: block;
        padding-top: 6.978px;
        width: 100%;
        text-align: center;
        font-weight: 100;
        font-size: 13.953px;
        color: #fff;
    }
    
    .container .Influencer .thumb+.nick {
        opacity: 1;
    }
    
    .container .Influencer .thumb.on+.nick {
        opacity: 1;
        font-size: 16.744px;
    }
    
    /* sub : profile */
    .container .category {
        position: relative;
        height: 122.790px;
        width: 100%;
        clear: both;
    }
    
    .container .category .name {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 30.000px;
        color: #000;
    }
    
    .container .category .usrFunc .btn {
        position: absolute;
        width: 44.651px;
        height: 44.651px;
        top: 50%;
        transform: translate(0, -50%);
    }
    
    .container .category a.btn:nth-last-child(1) {
        right: 29.302px;
    }
    
    .container .category a.btn:nth-last-child(2) {
        right: 127.907px;
    }
    
    .container .category a.btn:nth-last-child(3) {
        right: 146.512px;
    }
    
    .container .category .usrFunc .share {
        background-image: url("/img2/share.svg");
        background-size: 35.512px 28.870px;
        background-repeat: no-repeat;
        background-position: center;
        width: 44.651px;
        height: 44.651px;
    }
    
    .container .category .usrFunc .grid {
        background-image: url("/img2/grid.svg");
        background-size: 20.930px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
        width: 44.651px;
        height: 44.651px;
    }
    
    .container .category .usrFunc .list {
        background-image: url("/img2/list.svg");
        background-size: 20.930px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
        width: 44.651px;
        height: 44.651px;
    }
    
    .container .category .usrFunc .star {
        background-image: url("/img2/star_off.svg");
        background-size: 30.698px 30.698px;
        background-repeat: no-repeat;
        background-position: center;
        width: 44.651px;
        height: 44.651px;
    }
    
    .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: 34.884px 55.814px 0 55.814px;
        width: 100%;
        clear: both;
        padding-top: 0;
    
    }
    
    .container .feed .feedList:last-child {
        padding-bottom: 174.419px;
    }
    
    
    .container .feed ul {
        padding-bottom: 66.000px;
        padding-top: 24.000px;
        display: block;
    }
    .container .feed li {
        display: block;
        font-size: 22.326px;
    }
    
    .container .feed .thum {
        display: block;
        position: relative;
    }
    .container .feed .thum .brand {
        margin-top: 27.907px;
        font-size: 19.535px;
        height: 30px;
        color: var(--gray)
    }

    .container .feed .thum .name {
        height: 33.768px;
        margin-bottom: 12.978px;
        line-height: 33.488px;
        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: 41.860px;
    }
    
    .container .feedRight li.tit,
    .container .feedRight li.txt,
    .container .feedRight li.ordStats,
    .container .feedRight li.sale {
        padding-left: 41.860px;
    }
    
    .container .feedLeft li.summary,
    .container .feedRight li.summary {
        word-break: break-all;
    }
    
    .container .tit {
        padding-top: 186.000px;
        line-height: 30px;
        font-weight: 600;
        font-size: 36.276px;
        color: #000;
    }
    
    
    
    .container .txt {
        padding-top: 9.028px;
        line-height: 28.870px;
        font-weight: 600;
        font-size: 19.535px;
        color: #000;
    }
    
    
    .container .sale.cnt {
        padding-top: 25.116px;
        height: 48.837px;
        line-height: 48.837px;
        color: #a28059;
    }
    
    .ordStats {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .ordStats .prdBar {
        display: block;
        padding-bottom: 34.884px;
        position: relative;
        margin-top: 20.930px;
    }
    
    .ordStats .prdBar:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4.186px;
        background: #666;
        border-radius: 4.186px;
        z-index: 0;
    }
    
    .ordStats .prdBar .start {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 13.953px;
        color: #FFF;
        text-align: left;
    }
    
    .ordStats .prdBar .end {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 13.953px;
        color: #FFF;
        text-align: right;
        padding-right: 1.395px;
    }
    
    .ordStats .prdBar .minQty {
        position: absolute;
        top: 0;
        padding-top: 13.953px;
        width: auto;
        font-size: 13.953px;
        color: #FFF;
        text-align: center;
    }
    
    .ordStats .prdBar .minQty:after {
        content: '';
        position: absolute;
        right: -8.372px;
        top: -4.186px;
        transform: translate(-50%, 0);
        width: 8.372px;
        height: 8.372px;
        border: 2.791px solid #000000;
        border-radius: 50%;
        background: #a28059;
        z-index: 100;
    }
    
    .ordStats .prdBar .current {
        position: absolute;
        top: 0;
        padding-top: 6.978px;
        font-size: 13.953px;
        color: #FFF;
        text-align: right;
        text-indent: -232533.488px;
    }
    
    .ordStats .prdBar .current:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4.186px;
        border-radius: 4.186px;
        background: #a28059;
        z-index: 10;
    }
    
    .ordStats .prdBar .zero {
        position: absolute;
        left: 0;
        top: 20.930px;
        color: #FFF;
        font-size: 13.953px;
    }
    
    /* sub : order */
    .container .order {
        position: absolute;
        bottom: 20.930px;
        background: #a28059;
        border-radius: 50%;
        width: 123.721px;
        height: 123.721px;
        line-height: 123.721px;
        font-weight: 300;
        text-align: center;
        color: #fff;
        font-size: 18.14px;
    }
    
    .container .feedLeft .order {
        right: 20.930px;
    }
    
    .container .feedRight .order {
        left: 20.930px;
    }
    
    
    /* 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: 32.093px 0 0 0;
        color: var(--gray);
        font-family: NanumBarunGothic;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 400;
    }
    
    .container .saleDetail .tit {
        padding: 16.744px 0 13.953px 0;
        font-size: 23.721px;
        color: #000;
        font-family: NanumBarunGothic;
        font-style: normal;
        font-weight: 600;
    }
    
    .container .saleDetail .shortTit {
        padding: 0 0 20.930px 0;
        color: rgb(146, 139, 139);
        font-size: 19.535px;
        line-height: 1.4;
        word-break: break-all;
    }
    
    .container .saleDetail .price {
        padding: 0 0 20.930px 0;
        font-size: 22.326px;
    }
    
    .container .saleDetail .price span {
        font-weight: 400;
        font-size: 22.326px;
        display: inline-block;
        margin-right: 6.978px;
    }
    
    .container .saleDetail .price span.retail {
        font-size: 19.535px;
        text-decoration: line-through;
        font-weight: 100;
    }
    
    .container .saleDetail .price .dcP {
        font-family: 'SF Pro';
        display: inline-block;
        margin-left: 13.953px;
        font-size: 23.721px;
        color: #777;
        text-decoration: line-through;
    }
    
    .container .saleDetail .price .dPrice {
        font-family: 'SF Pro';
        font-size: 23.721px;
        color: black;
        margin-top: 13.953px;
    }
    
    .container .saleDetail .option {
        padding: 16.744px 0 0 0;
        font-size: 16.744px;
        color: var(--gray);
        font-family: NanumBarunGothic;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .container .detailView {
        height: 918.14px;
        min-height: 918.14px;
        overflow: hidden;
        position: relative;
    }
    
    .container .saleDetail .detailView {
        padding: 34.884px 20.930px;
        text-align: center;
    }
    
    .container .saleDetail .detailView.short {
        padding-top: 0;
    }
    
    .container .saleDetail .detailView.bdrBtm {
        border-bottom: 13.953px solid #202020;
    }
    
    .container .saleDetail .detailView img {
        width: 100%;
        max-width: 727.907px;
    }
    
    /* sub : sale Detail : orderAdate */
    .container .orderAdate {
        padding-top: 48.837px;
        letter-spacing: -0.698px;
    }
    
    .container .orderAdate li.nowOrd {
        margin-bottom: 16.744px;
        width: 100%;
        font-weight: 300;
        font-size: 18.14px;
        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: 18.14px;
        text-align: right;
    }
    
    .container .orderAdate li.nowOrd .icon {
        display: inline-block;
        margin-right: 5.581px;
        background: url('../img2/contents/bg_heart_off.png') no-repeat left 0;
        background-size: 19.535px 18.14px;
        width: 19.535px;
        height: 18.14px;
        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: 19.535px 18.14px;
        width: 19.535px;
        height: 18.14px;
        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: 13.953px;
        width: 100%;
        font-weight: 300;
        font-size: 27.907px;
        float: inherit;
        clear: both;
    }
    
    /* sub : sale Detail : orderBar */
    .container .orderBar {
        position: relative;
        margin-bottom: 20.930px;
        height: 53.023px;
    }
    
    .container .orderBar .flag {
        position: absolute;
        top: 0;
        left: 27.907px;
        background: url('../img2/contents/bg_flag.png') no-repeat center center;
        background-size: 33.488px 41.860px;
        width: 33.488px;
        height: 41.860px;
        line-height: 20.930px;
        text-align: center;
        font-size: 13.953px;
        z-index: 20;
    }
    
    .container .orderBar .bar {
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(to right, #ff0203, #ff2a5c);
        border-radius: 20.930px;
        width: 60%;
        height: 20.930px;
        z-index: 10;
    }
    
    .container .orderBar .bg {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #232323;
        border-radius: 20.930px;
        width: 94%;
        height: 20.930px;
        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: 16.744px 18.14px;
        height: 53.023px;
        line-height: 41.860px;
        font-size: 13.953px;
        font-weight: 200;
        float: right;
    }
    
    /* sub : sale Detail : orderInfo */
    .container .orderInfo {
        border-bottom: 1.395px solid #353535;
        padding-bottom: 20.930px;
        width: 100%;
        height: 41.860px;
        clear: both;
    }
    
    .container .orderInfo dt {
        margin-bottom: 13.953px;
        width: 10%;
        height: 20.930px;
        float: left;
    }
    
    .container .orderInfo .icoFlag {
        width: 15.349px;
        height: 15.349px;
        position: relative;
        margin-right: 13.953px;
    }
    
    .container .orderInfo .icoFlag:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
        height: 4.186px;
        background: #a28059;
    }
    
    .container .orderInfo .icoGoal {
        background: url('../img2/contents/bg_goal.png') no-repeat center center;
        background-size: 12.558px 15.349px;
    }
    
    .container .orderInfo dd {
        margin-bottom: 13.953px;
        width: 90%;
        height: 20.930px;
        font-weight: 100;
        font-size: 18.14px;
        color: var(--gray);
        float: left;
    }
    
    /* sub : sale Detail : delivery */
    .container .delivery {
        padding: 48.837px 0 48.837px 0;
    }
    
    .container .delivery dt {
        background: url('../img2/contents/ico_delivery.png') no-repeat left center;
        background-size: 26.512px 18.14px;
        padding-left: 37.674px;
        margin-bottom: 20.930px;
    }
    
    .container .delivery dd {
        color: var(--gray);
        font-weight: 100;
    }
    
    .container .delivery dd.now {
        margin-bottom: 6.977px;
        font-weight: 300;
        color: #bbb;
    }
    
    .container .delivery dd.now span {
        color: #bbb;
    }
    
    /* sub : sale Detail : delInfo */
    .container .delInfo {
        padding-bottom: 34.884px;
        line-height: 27.907px;
    }
    
    .container .delInfo .gdsBaseInfo {
        padding: 0 20.930px;
    }
    
    .container .delInfo .depth1 dt {
        margin-bottom: 9.767px;
        font-weight: 400;
        color: #a28059;
    }
    
    .container .delInfo .depth1 dd {
        font-weight: 100;
        color: #fff;
    }
    
    .container .delInfo .depth2 dt {
        padding-top: 40.465px;
        font-weight: 100;
        color: #fff;
    }
    
    .container .delInfo .depth2 dd {
        background: url('../img2/contents/bu_sqare.png') no-repeat left 12.558px;
        background-size: 4.186px 4.186px;
        padding-left: 13.953px;
        margin-bottom: 13.953px;
        font-weight: 100;
        color: #fff;
    }
    
    
    /* sub : sale Detail : saleList */
    .container .saleList {
        margin-bottom: 0;
        clear: both;
        font-size: 22.326px;
    }
    .container .saleList .brand {
        margin-top: 27.907px;
        font-size: 19.535px;
        height: 30px;
        color: var(--gray)
    }

    .container .saleList .name{
        height: 63.768px;
        margin-bottom: 12.978px;
        line-height: 33.488px;
        overflow: hidden;
        /* text-overflow: ellipsis;
        white-space: nowrap; */
    }
    .container .saleList .name.three{
        height: 49.812px;
        line-height: 24px;
        overflow: hidden;
    }
    .container .saleList .price{
        margin-top: 6.978px;
    }
    .container .saleList .price s{
        color: var(--gray)
    }
    .container .saleList .price span{
        color: #f00;
    }
    
    .container .saleList .noProduct {
        font-weight: 600;
        font-size: 39.366px;
        line-height: 54.135px;
        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: 16.200px;
        float: left;
        padding: 0 1%;
    }
    .container .saleList dl.two {
        width: 50%;
        float: left;
        padding: 0 1%;
    }
    .container .saleList dl {
        margin-bottom: 27.907px;
    }
    .container .saleList dt {
        margin-bottom: 19.535px;
        width: 100%;
    }
    .container .saleList dt img.three {
        width: 100%;
        height: 225.000px;
    }
    .container .saleList dt img.two {
        width: 100%;
        height: 375.000px;
    }
    .container .saleList dt img{
        width: 100%;
    }
    
    
    .container .saleList dd {
        font-weight: 400;
        font-size: 16.744px;
    }
    
    .container .saleList dd.saleTit {
        padding-left: 20.930px;
        margin-bottom: 13.953px;
        color: var(--gray);
    }
    
    .container .saleList dd.salePrice {
        padding-left: 20.930px;
        width: 40%;
        color: #fff;
        float: left;
    }
    
    .container .saleList dd.wish {
        width: 40%;
        padding: 0 20.930px 34.884px 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: 18.14px 16.744px;
        width: 18.14px;
        height: 16.744px;
        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: 18.14px 16.744px;
        width: 18.14px;
        height: 16.744px;
    }
    
    .container .saleList dl.no-recommend {
        line-height: 140%;
        width: 100%;
        float: inherit;
        text-align: center;
    }
    
    .container .saleList.shortCut{
        padding: 6px;
    }
    
    .container .saleList.shortCut dl {
        overflow: hidden;
        box-sizing: border-box;
        margin-bottom: 19.767px;
    }
    
    .container .saleList.shortCut dt {
        display: flex;
    }
    
    .container .saleList.shortCut dt a {
        width: 100%;
    }
    
    .container .saleList.shortCut dt .del a {
        position: absolute;
        right: 6.978px;
        bottom: 6.978px;
        width: 34.884px;
        height: 34.884px;
        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: 11.163px 11.163px;
    }
    
    /**/
    .invoiceArea {
        height: 47.442px;
        width: 233.488px;
    }
    
    .invoiceArea .invoiceSelect {
        display: block;
        height: 47.442px;
        padding: 0 48.837px 0 20.930px;
        border: 1.395px solid #5a5a5a;
        color: #fff;
        line-height: 44.651px;
    }
    
    .invoiceArea .invoiceList {
        margin-top: 0;
        background-color: #ffffff;
        border-style: solid;
        border-color: #5a5a5a;
        border-width: 0 1.395px 1.395px 1.395px;
    }
    
    .invoiceArea .invoiceList .invoice {
        display: block;
        min-height: 50.233px;
        padding: 9.767px 20.930px;
        color: #fff;
        line-height: 30.698px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: black;
    }
    
    .invoiceArea .invoiceSelect .ar {
        position: absolute;
        right: 0;
        width: 47.442px;
        height: 47.442px;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 22.326px 16.744px;
        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: 19.535px 11.163px;
        border-bottom: 1.395px solid #353535;
        margin: 0;
        padding: 0;
        height: 69.767px;
        line-height: 69.767px;
        font-weight: 500;
        font-size: 20.930px;
        color: #fff;
        text-align: left;
        letter-spacing: -0.698px;
        clear: both;
    }
    
    .contents .orderTit:first-child {
        margin-top: 50.233px
    }
    
    .contents .orderTit.noIco {
        background: none;
    }
    
    .contents .orderTit span {
        margin-right: 41.860px;
        font-size: 18.14px;
        float: right;
    }
    
    .contents .orderTit .red {
        color: #a28059;
        font-size: 27.907px;
        font-weight: 500;
    }
    
    .contents .orderTit .gray {
        font-weight: 400;
        font-size: 18.14px;
        color: var(--gray);
    }
    
    .contents .orderArea {}
    
    .contents .orderArea .gridList {
        padding: 19.535px 0;
    }
    
    .contents .orderArea .btnBox {
        padding: 27.907px 0 41.860px 0;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .contents .orderArea .btnBox li {
        float: left;
        box-sizing: border-box;
        width: 30%;
        height: 48.837px;
        line-height: 48.837px;
        margin-right: 5%;
    }
    
    .contents .orderArea .btnBox li a {
        display: block;
        border: 1.395px solid #464646;
        border-radius: 25.116px;
        width: 100%;
        height: 48.837px;
        line-height: 48.837px;
        text-align: center;
        color: #fff;
        font-size: 16.744px;
        box-sizing: border-box;
    }
    
    .contents .orderArea .btnBox li a.on {
        border: 1.395px solid #a28059;
        color: #a28059;
    }
    
    .contents .orderArea .btnBox li:last-child {
        margin-right: 0;
    }
    
    .contents .orderArea .sale {
        display: block;
        padding: 34.884px 0;
        height: auto;
        overflow: hidden;
    }
    
    .contents .orderArea .thumb {
        margin-right: 32.093px;
        width: 133.488px;
        height: auto;
        float: left;
        margin-bottom: 13.953px;
        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: 13.953px;
        margin-bottom: 13.953px;
        font-weight: 100;
        color: var(--gray);
        font-size: 18.14px
    }
    
    .contents .orderArea .sale li:nth-child(4) {
        color: var(--gray);
    }
    
    .contents .orderArea .sale li .price {
        font-weight: 500;
        font-size: 27.907px;
        color: #FFF;
    }
    
    .contents .orderArea .total {
        padding: 27.907px 0;
    }
    
    .contents .orderArea .total li {
        font-weight: 100;
        color: var(--gray);
    }
    
    .contents .orderArea .total li:nth-child(1) {
        margin-bottom: 12.558px;
    }
    
    .contents .orderArea .total li span {
        font-weight: 100;
        color: #fff;
        float: right;
    }
    
    .contents .orderArea .delList {
        margin-bottom: 48.837px;
    }
    
    .contents .orderArea .delList dt {
        padding-top: 47.442px;
    }
    
    .contents .orderArea .delList .imp {
        color: #a28059;
    }
    
    .contents .orderArea .delList select {
        background: url('../img2/form/bg_select.png') no-repeat right center;
        background-size: 22.326px 16.744px;
        border-bottom: 1.395px solid #5a5a5a;
    }
    
    .contents .orderArea .addPlace {
        padding-top: 20.930px;
        height: 23.721px;
        clear: both;
    }
    
    .contents .orderArea .zipLine .join {
        width: 75%;
        float: left;
    }
    
    .contents .orderArea .zipLine .zipCode {
        display: inline-block;
        border: 1.395px solid #464646;
        border-radius: 25.116px;
        width: 23%;
        height: 48.837px;
        line-height: 48.837px;
        text-align: center;
        color: var(--gray);
        font-size: 16.744px;
    }
    
    .contents .orderArea+.btnArea {
        padding: 123.721px 0 90.698px 0;
    }
    
    .container .tabArea.active {
        position: fixed;
        width: 100%;
        top: 133.488px;
        z-index: 100;
    }
    
    .container .tabArea .tab {
        width: 100%;
        height: 69.767px;
        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: 69.767px;
        line-height: 69.767px;
        text-align: center;
        float: left;
    
    }
    
    
    .container .tabArea .tab li a {
        display: block;
        color: #666;
        font-weight: 400;
    }
    
    .container .tabArea .tab li.on {
        border-bottom: 4.186px solid black;
    }
    
    .container .tabArea .tab.black li.on {
        border-bottom: 4.186px 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: 6.978px;
        display: flex;
        position: relative;
    }
    
    .modal .tabArea img {
        width: 25%;
        height: 6.978px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .modal .tabArea img.box {
        background-image: url("/img2/box.svg");
        background-size: 27.907px 28.870px;
    }
    
    .modal .tabArea img.star {
        background-image: url("/img2/star_off.svg");
        background-size: 30.698px 30.698px;
    }
    
    .modal .tabArea img.heart {
        background-image: url("/img2/heart_off.svg");
        background-size: 33.540px 28.870px;
    }
    
    .modal .tabArea img.massage {
        background-image: url("/img2/message.svg");
        background-size: 29.302px 28.870px;
    }
    
    .modal .tabArea .line {
        width: 20%;
        height: 5.581px;
        background-color: #fff;
        bottom: 6.978px;
        position: absolute;
        left: 2.5%;
    }
    
    .tabArea2{
        height: 219.535px;
    }
    .tabArea2.half{
        height: 19.767px;
    }
    .tabArea2 .tab li {
        display: inline;
        box-sizing: border-box;
        width: 33.33%;
        height: 69.767px;
        line-height: 69.767px;
        text-align: center;
        float: left;
        
    }
    
    .tabArea2 .tab li a {
        display: block;
        color: #666;
        font-weight: 400;
    }
    
    .tabArea2 .tab li.on {
        border-bottom: 4.186px solid black;
    }
    
    .tabArea2 .tab.black li.on {
        border-bottom: 4.186px 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(13.953px);
        -webkit-backdrop-filter: blur(13.953px);
        width: 600px;
        height: 142.556px;
        text-align: center;
        z-index: 100;
    }
    
    .saleArea .addCart {
        display: block;
        float: right;
        padding-right: 41.860px;
        padding-top: 27.907px;
    }
    
    .saleArea a.addCart {
        color: black;
        font-family: "NanumBarunGothic";
        font-size: 23.721px;
        font-style: normal;
        font-weight: 800;
        line-height: 42.973px;
        cursor: pointer;
    }
    
    .saleArea a.btn:nth-child(1) {
        left: 27.907px;
    }
    
    .saleArea a.btn:nth-child(2) {
        left: 90.698px;
    }
    
    .saleArea a.btn:nth-child(3) {
        left: 153.486px;
    }
    
    .saleArea .btn {
        position: absolute;
        width: 44.651px;
        height: 44.651px;
        top: 27.907px;
    }
    
    .saleArea .heart {
        background-image: url("/img2/heart_off.svg");
        background-size: 24.419px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
        width: 44.651px;
        height: 44.651px;
    }
    
    .saleArea .heart.on {
        background-image: url("/img2/heart_on.svg");
    }
    
    .saleArea .share {
        background-image: url("/img2/share.svg");
        background-size: 25.744px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
        width: 44.651px;
        height: 44.651px;
    }
    
    .saleArea .message {
        background-image: url("/img2/message.svg");
        background-size: 23.330px 20.930px;
        background-repeat: no-repeat;
        background-position: center;
        width: 44.651px;
        height: 44.651px;
    }
    
    .cartArea {
        position: fixed;
        bottom: 0;
        background-color: var(--back-ground-color);
        backdrop-filter: blur(13.953px);
        -webkit-backdrop-filter: blur(13.953px);
        width: 600px;
        height: 142.556px;
        text-align: center;
        z-index: 100;
        
    }
    
    .cartArea .checkOut {
        display: block;
        padding-top: 27.907px;
    }
    
    .cartArea a.checkOut {
        color: black;
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 23.721px;
        font-style: normal;
        font-weight: 800;
        line-height: 42.973px;
    }
    
    /* sub : btn_cart */
    .bringArea {
        position: fixed;
        bottom: 0;
        background: black;
        width: 100%;
        height: 69.767px;
        line-height: 69.767px;
        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: 1.395px;
        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: 23.721px;
        right: 0;
        border-right: 1.395px solid #FFF;
        width: 1.395px;
        height: 26.512px;
        opacity: 0.3;
    }
    
    .bringArea .btnOrder {
        width: 65%;
        font-size: 19.535px;
        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: 23.721px;
        right: 0;
        border-right: 1.395px solid #FFF;
        width: 1.395px;
        height: 26.512px;
        opacity: 0.3;
    }
    
    /* sub : btn-top-more */
    .more-area {
        position: fixed;
        bottom: 90.698px;
        background: #a28059;
        width: 100%;
        height: 69.767px;
        line-height: 69.767px;
        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: 23.721px;
        right: 0;
        width: 1.395px;
        height: 26.512px;
        background: rgba(255, 255, 255, 0.3);
    }
    
    .more-area .btn-more {
        width: 70%;
        font-size: 19.535px;
        text-align: center;
        color: #fff;
    }
    
    /* sub : join */
    .join {}
    
    .join ul {
        padding-top: 181.395px;
    }
    
    .join li {
        float: left;
    }
    
    .join li a {
        display: inline-block;
        border: 2.791px solid #a28059;
        border-radius: 124.186px;
        width: 124.186px;
        height: 124.186px;
        line-height: 124.186px;
        color: #a28059;
        text-align: center;
    }
    
    .join li a:first-child {
        margin-right: 15.349px;
    }
    
    .join li a.on {
        background: #a28059;
        color: #fff;
    }
    
    .container h2 .logo img {
        margin-right: 13.953px;
        width: 19.767px;
        height: 25.116px;
    }
    
    .container .contArea {
        padding-top: 0;
        margin-bottom: 58.605px;
    }
    
    .container .contents {
        height: auto;
        overflow: hidden;
        display: block;
    }
    
    /* sub : contArea */
    .contArea {
        padding-top: 12.791px;
        width: 100%;
        letter-spacing: -0.698px;
        clear: both;
    }
    
    .contArea .tit {
        margin-bottom: 25.116px;
        font-size: 34.884px;
        color: #a28059;
        word-break: break-all;
        line-height: 1.3;
    }
    
    .contArea .txt {
        font-weight: 200;
        font-size: 27.907px;
        color: #fff;
        line-height: 39.07px;
        word-break: break-all;
    }
    
    .btnArea {
        padding: 47.442px 0 79.535px 0;
        clear: both;
    }
    
    .btnArea a {
        display: block;
        background: black;
        height: 18.372px;
        line-height: 18.372px;
        text-align: center;
        color: white;
        font-weight: 500;
        font-size: 19.535px;
    }
    
    .btnArea a.submit {
        width: 100%;
    }
    
    .btnFixed.ord a {
        display: block;
        background: #a28059;
        height: 18.372px;
        line-height: 18.372px;
        text-align: center;
        color: #fff;
        font-weight: 500;
        font-size: 19.535px;
    }
    
    .btnFixed.ord a.surbmit {
        width: 100%;
    }
    
    .footer {
        position: fixed;
        bottom: 0;
        background: #000;
        width: 100%;
        height: 90.698px;
        z-index: 101;
    }
    
    .footer .footerInner {
        display: table;
        width: 100%;
        height: 90.698px;
        overflow: hidden;
        table-layout: fixed;
        padding: 0 27.907px;
        box-sizing: border-box;
    }
    
    .footer .footerInner .bicoMenu {
        display: table-cell;
        vertical-align: middle;
        height: 90.698px;
        overflow: hidden;
    }
    
    
    .footer .footerInner .bicoMenu a {
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background-size: 28.870px 28.870px;
        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: 55.814px;
        line-height: 55.814px;
    }
    
    input.addSample[type="text"] {
        background: none;
        border: 0;
        border-bottom: 1.395px solid #5a5a5a;
        color: #fff;
        letter-spacing: -0.698px;
        font-weight: 100;
    }
    
    input.join[type="text"]::placeholder {
        color: #fff;
        letter-spacing: -0.698px;
    }
    
    input.join[type="text"]::-ms-input-placeholder {
        color: #fff;
        letter-spacing: -0.698px;
    }
    
    input.join {
        width: 100%;
        height: 55.814px;
        line-height: 55.814px;
    }
    
    input.join[type="text"],
    input.join[type="tel"],
    input.join[type="email"],
    input.join[type="password"] {
        background: none;
        border: 0;
        border-bottom: 1.395px solid #5a5a5a;
        color: var(--gray);
        letter-spacing: -0.698px;
    }
    
    input.join[type="text"]::placeholder,
    input.join[type="password"]::placeholder {
        color: var(--gray);
        letter-spacing: -0.698px;
    }
    
    input.join[type="text"]::-ms-input-placeholder,
    input.join[type="password"]::-ms-input-placeholder {
        color: var(--gray);
        letter-spacing: -0.698px;
    }
    
    /* 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: 36.276px;
        margin-right: 13.953px;
        height: 27.907px;
        line-height: 27.907px;
        color: var(--gray);
    }
    
    input[type=radio]:checked+label {
        background-position: left top;
    }
    
    /* form : checkbox */
    input[type=checkbox]+label:before{
        content: "";
        cursor: pointer;
        width: 25.116px;
        height: 25.116px;
        text-align: center;
        background: black;
    }
    input[type=checkbox]:checked+label:before{
        background: black;
        background-image: url("/admin/img2/check.svg");
        background-size: 18.14px;
        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: 27.907px;
        display: flex;
    }
    /* form : checkbox : type2 */
    input.type2[type=checkbox] {
        display: none;
    }
    
    input.type2[type=checkbox]+label {
        display: inline-block;
        margin-bottom: 11.163px;
        background: url('../img2/form/bg_chk.png') left top no-repeat;
        background-position: left bottom;
        padding-left: 36.276px;
        margin-right: 13.953px;
        height: 27.907px;
        line-height: 27.907px;
        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: 11.163px;
        background: url('../img2/form/bg_chk2.png') left top no-repeat;
        background-position: left bottom;
        padding-left: 36.276px;
        margin-right: 13.953px;
        height: 27.907px;
        font-weight: 100;
        line-height: 27.907px;
        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: 55.814px;
        line-height: 55.814px;
        background: url('../img2/form/bg_select.png') no-repeat 95% 50%;
        background-size: 22.326px 16.744px;
        border: 0;
        border-bottom: 1.395px solid var(--gray);
        border-radius: 0;
        color: var(--gray);
        letter-spacing: -0.698px;
        -webkit-appearance: none;
        /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
        filter: invert(100%);
    }
    
    select::selected {
        color: var(--gray);
    }
    
    /* form : err-msg */
    .joinArea dd>div {
        padding-top: 11.163px;
    }
    
    .err-msg {
        color: #a28059;
        line-height: 22.326px;
        font-size: 16.744px;
        font-weight: 200;
    }
    
    /* find addr form */
    .find-addr {
        clear: both;
        display: none;
        border: 1.395px solid #000000;
        width: 100%;
        height: 918.14px;
        position: relative;
        overflow: hidden;
        overflow-y: auto;
    }
    
    .find-addr .btn-close {
        cursor: pointer;
        /* position: absolute;
        top: -1.395px;
        z-index: 1; */
    }
    
    .find-addr.modal-full {
        position: fixed;
        top: 0;
        width: 600px;
        height: 100%;
        z-index: 1000;
    }
    
    
    /* minishop Rolling */
    
    .saleGdsList {
        display: block;
        height: auto;
        padding: 0 20.930px;
        margin-bottom: 27.907px;
    }
    
    .saleGdsList.gds {
        margin-bottom: 97.694px;
    }
    
    .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: 127.907px;
        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: 19.535px;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 6.978px 0;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsShort {
        color: var(--gray);
        font-size: 16.744px;
        height: 48.837px;
        line-height: 22.326px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice {
        padding-top: 6.978px;
        font-size: 19.535px;
        font-weight: 500;
        color: #FFF;
        margin-bottom: 27.907px;
        letter-spacing: 0;
        position: relative;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice .dcP {
        position: absolute;
        right: 6.978px;
        top: 8.372px;
        text-align: center;
        color: #777;
        font-size: 19.535px;
        text-decoration: line-through;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice em {
        font-size: 16.744px;
        color: var(--gray);
        display: inline-block;
        font-weight: normal;
        margin-left: 4.186px;
    }
    
    .saleGds .swiper-slide .gdsSet .gdsPrice .retail {
        font-size: 13.953px;
        font-weight: normal;
        text-decoration: line-through;
        margin-left: 13.953px;
    }
    
    .prdLocation {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 27.907px 20.930px;
        border-top: 1.395px solid #333;
        border-bottom: 1.395px solid #333;
        color: var(--light-gray);
    }
    
    .prdLocation span {
        display: inline-block;
        font-size: 19.535px;
        padding-right: 20.930px;
        margin-right: 11.163px;
        background: url(../img2/common/ico_ar.png) no-repeat right 4.186px;
        background-size: 6.978px 13.953px;
    }
    
    .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: 27.907px 0;
        border-bottom: 13.953px solid #202020;
    }
    
    .saleLimit li {
        float: left;
        width: 50%;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px;
        position: relative;
    }
    
    .saleLimit li:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 1.395px;
        height: 80%;
        background: #333;
    }
    
    .saleLimit li:last-child:after {
        background: none;
    }
    
    .saleLimit li .title {
        text-align: left;
        padding: 13.953px 0 13.953px 13.953px;
        font-size: 18.14px;
        color: var(--light-gray);
    }
    
    .saleLimit li .qty {
        text-align: right;
        font-size: 41.860px;
        font-weight: 200;
        color: #FFF;
        padding-right: 13.953px;
    }
    
    .saleLimit li .qty em {
        display: inline-block;
        color: var(--light-gray);
        font-size: 16.744px;
        margin-left: 6.978px;
    }
    
    .no-sale {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
        text-align: center;
        padding: 219.535px 0;
        color: #666;
        font-size: 19.535px;
    }
    .sample {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 20.930px;
    }
    
    .sample .sampleThumb {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .sample .sampleThumb .thumb {
        float: left;
        width: 125.580px;
        height: 125.580px;
        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% - 167.442px);
        width: -moz-calc(100% - 167.442px);
        width: calc(100% - 167.442px);
        height: auto;
        overflow: hidden;
        margin-left: 13.953px;
    }
    
    .sample .sampleThumb .gdsDesc .title.SO {
        color: var(--light-gray);
        text-decoration: line-through;
    }
    
    .sample .sampleThumb .gdsDesc .title {
        color: #FFF;
        font-size: 22.326px;
        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: 19.535px;
        margin-top: 13.953px;
    }
    
    .sample .sampleThumb .gdsDesc .apDate {
        color: var(--gray);
        font-size: 16.744px;
        left: 161.860px;
        bottom: 18.14px;
        position: absolute;
    
    }
    
    .sampleList .saleNumber {
        color: var(--light-gray);
        font-size: 19.535px;
        left: 161.860px;
        bottom: 18.14px;
        position: absolute;
    }
    
    /**/
    
    /**/
    
    
    
    .popApform .popClose {
        position: absolute;
        right: 20.930px;
        top: 27.907px;
        width: 55.814px;
        height: 55.814px;
        background: url(../img2/common/ico_close_pop.png) no-repeat 50% 50%;
        background-size: 32.093px 32.093px;
        cursor: pointer;
        z-index: 100;
    }
    
    .popApform .apTitle {
        display: block;
        font-size: 25.116px;
        color: #FFF;
        padding: 41.860px 20.930px 27.907px 20.930px;
        border-bottom: 1.395px solid #333;
    }
    
    .popApform .apTitle .appGds {
        color: #a28059;
        font-size: 22.326px;
    }
    
    .popApform .apTitle .appGds.bigTitle {
        font-size: 27.907px;
        letter-spacing: -2.791px !important;
        line-height: 1.3;
        font-weight: 500;
    }
    
    .popApform .apTitle .cauTxt {
        display: block;
        height: auto;
        clear: both;
        margin-top: 13.953px;
        font-size: 18.14px;
        color: #555;
    }
    
    .popApform .apTitle .cauTxt em {
        display: inline-block;
        width: 8.372px;
        height: 8.372px;
        position: relative;
    }
    
    .popApform .apTitle .cauTxt em:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 5.581px;
        height: 5.581px;
        border-radius: 50%;
        background: #a28059;
    }
    
    
    .applyForm {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px 27.907px 20.930px;
        color: var(--light-gray);
    }
    
    .applyForm .area {
        display: block;
        padding: 20.930px 0;
        height: auto;
        overflow: hidden;
    }
    
    .applyForm .area a {
        color: black
    }
    
    .applyForm .area .maybeSale {
        display: block;
        height: auto;
        overflow: hidden;
        min-height: 50.233px;
        position: relative;
        line-height: 44.651px;
        color: var(--light-gray);
        font-size: 22.326px;
    }
    
    
    .applyForm .area input[type="text"] {
        display: inline-block;
        width: 100%;
        height: 50.233px;
        line-height: 44.651px;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 19.535px;
        font-weight: 500;
        padding-right: 13.953px;
        box-sizing: border-box;
    }
    
    .applyForm .area .fileUpload {
        display: block;
        height: auto;
        overflow: hidden;
        min-height: 50.233px;
        position: relative;
        line-height: 44.651px;
        color: var(--light-gray);
        font-size: 22.326px;
        margin-top: 30.000px;
    }
    
    .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: 6.978px;
        display: block;
        width: 100%;
        height: 97.694px;
        border: 0;
        background: #333;
        padding: 6.978px;
        box-sizing: border-box;
        border-radius: 6.978px;
        color: var(--light-gray);
        font-size: 19.535px;
    }
    
    .applyForm .area .optInput {
        float: left;
        width: 50%;
        height: auto;
        overflow: hidden;
        position: relative;
        padding-left: 111.628px;
        box-sizing: border-box;
    }
    
    .applyForm .area .optInput span {
        position: absolute;
        left: 0;
        top: 0;
        width: 213.953px;
        height: 50.233px;
        line-height: 44.651px;
        font-size: 22.326px;
        color: var(--light-gray);
    }
    
    .applyForm .area .optInput input[type="text"] {
        padding-right: 0;
        text-align: center;
    }
    
    .applyForm .area .cauTxt {
        color: #555;
        font-size: 18.14px;
        padding: 13.953px 0;
        line-height: 1.3;
    }
    
    
    
    
    
    
    .sampleForm {
        display: block;
        height: auto;
        color: var(--light-gray);
    }
    
    .sampleForm li {
        display: block;
        padding: 20.930px 0;
        height: auto;
        overflow: hidden;
        line-height: 1.5;
    }
    
    .sampleForm li .postZip {
        display: block;
        height: auto;
        overflow: hidden;
        position: relative;
        line-height: 44.651px;
        color: var(--light-gray);
        font-size: 22.326px;
    }
    
    .sampleForm li .postZip .applyZip {
        display: block;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    
    .sampleForm li .postZip .applyZip.btns {
        padding-right: 233.488px;
        box-sizing: border-box;
    }
    
    .sampleForm li .postZip .applyZip.btns a.zipCode {
        position: absolute;
        right: 0;
        top: 0;
        width: 219.535px;
        height: 50.233px;
        line-height: 47.442px;
        border-radius: 50.233px;
        text-align: center;
        border: 1.395px solid #464646;
        color: var(--light-gray);
        font-size: 19.535px;
    }
    
    .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: 44.651px;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        height: 47.442px;
        padding: 0 48.837px 0 20.930px;
        margin-bottom: 41.860px;
        border: 1.395px 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 1.395px 1.395px 1.395px;
    }
    
    .optionArea .optionList .option {
        display: block;
        min-height: 50.233px;
        padding: 9.767px 20.930px;
        color: #fff;
        line-height: 30.698px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: black;
    }
    
    .optionArea .optionSelect .ar {
        position: absolute;
        right: 0;
        width: 47.442px;
        height: 47.442px;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 22.326px 16.744px;
        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: 50.651px;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        height: 47.442px;
        padding: 0 48.837px 0 20.930px;
        margin-bottom: 41.860px;
        font-size: 16.744px;
        border: 1.395px 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: 1.395px 1.395px 0 1.395px;
    
    }
    
    .optionArea2 .optionList .option {
        display: block;
        min-height: 50.233px;
        padding: 9.767px 20.930px;
        color: black;
        line-height: 30.698px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: white;
    }
    
    
    .optionArea2 .optionSelect .ar {
        position: absolute;
        right: 0;
        width: 47.442px;
        height: 47.442px;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 22.326px 16.744px;
        transition: .4s all;
        filter: brightness(0);
    }
    
    .optionArea2 .optionSelect .ar.on {
        transform: rotate(-180deg);
    }
    
    
    .optionArea3 {
        /* padding-top: 18.14px; */
        margin-top: 18.14px;
        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: 47.442px;
        padding: 0 48.837px 0 20.930px;
        margin-bottom: 6.977px;
        border: 1.395px solid var(--light-gray);
        color: var(--gray);
    }
    .optionArea3 .optionSelect div{
        margin: auto 0;
        padding-top: 3px;
    }
    
    .optionArea3 .optionList {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 100;
        margin-top: -1.395px;
        background-color: #ffffff;
        border-bottom: 1.395px solid #9ca3ab;
        border-right: 1.395px solid #9ca3ab;
        border-left: 1.395px solid #9ca3ab;
        max-height: 279.07px;
        overflow: scroll;
    }
    
    .optionArea3 .optionList .option {
        display: block;
        min-height: 50.233px;
        padding: 9.767px 20.930px;
        border-top: 1.395px solid #aaa;
        color: var(--gray);
        line-height: 30.698px;
        -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: 47.442px;
        height: 47.442px;
        background: url('/img2/ar.svg') no-repeat 50%;
        background-size: 22.326px 16.744px;
        transition: .4s all;
        filter: brightness(0);
    }
    
    .optionArea3 .optionSelect .ar.on {
        transform: rotate(-180deg);
    }
    
    .option.description {
        margin-left: 8.372px;
        color: var(--gray);
        font-family: "NanumBarunGothic";
        font-size: 16.744px;
        font-style: normal;
        font-weight: 700;
        line-height: 27.907px;
    }
    
    
    
    
    .popBtns {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .popBtns .btnAppGds a {
        width: 100%;
        height: 69.767px;
        line-height: 69.767px;
        background: black;
        color: #FFF;
        font-size: 19.535px;
        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: 55.814px;
        position: relative;
    }
    
    .sampleList li .selectItem {
        position: absolute;
        right: 27.907px;
        top: 20.930px;
        width: 123.721px;
        height: auto;
        overflow: hidden;
        text-align: right;
    }
    
    .sampleList li .selectItem input {
        width: 55.814px;
        border: 1.395px solid gray;
        background: black;
        color: white;
        text-align: center;
    }
    
    .sampleList .button input {
        width: 58.605px;
        height: 34.884px;
        bottom: 18.14px;
        color: #fff;
        border: 0;
        background-color: black;
    }
    
    .sampleList .button input:nth-child(1) {
        position: absolute;
        right: 27.907px;
    }
    
    .sampleList .button input:nth-child(2) {
        position: absolute;
        right: 123.721px;
    }
    
    
    
    .sampleList .itemApproval a:after {
        content: '';
        position: absolute;
        left: 2.791px;
        bottom: 0;
        width: 19.767px;
        height: 1.395px;
        background: var(--gray);
    }
    
    /**/
    
    .performanceList {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .performanceList li {
        display: block;
        height: 149.302px;
        overflow: hidden;
        position: relative;
        padding: 20.930px;
    }
    
    .performanceList li:not(:first-child) {
        border-top: 1.395px solid #202020;
    }
    
    .performanceList li .price {
        float: right;
        height: 107.442px;
        font-size: 22.326px;
        overflow: hidden;
        text-align: right;
        display: flex;
    }
    
    .performanceList li .price span {
        margin: auto;
    }
    
    .performanceList .gdsDesc {
        float: left;
        width: calc(100% - 233.488px);
        height: 100%;
        overflow: hidden;
        display: flex;
    }
    
    .performanceList .gdsDesc2 {
        width: 100%;
        height: auto;
        margin: auto 0;
    }
    
    .performanceList .gdsDesc .orderId {
        color: #FFF;
        font-size: 22.326px;
        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: 19.535px;
        margin-top: 13.953px;
    }
    
    .performanceList .gdsDesc .date {
        color: var(--light-gray);
        font-size: 16.744px;
        margin: 13.953px 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: 16.744px;
    }
    
    .required:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 5.581px;
        height: 5.581px;
        border-radius: 50%;
        background: #a28059;
    }
    
    body.noScroll {
        overflow: hidden;
    }
    
    .btnFixed {
        position: fixed;
        left: 0;
        bottom: 90.698px;
        z-index: 10;
        width: 100%;
        height: auto;
    }
    
    .btnFixed .btnApply a {
        display: inline-block;
        width: 100%;
        height: 14.186px;
        line-height: 14.186px;
        background: #a28059;
        color: #FFF;
        font-weight: 400;
        font-size: 19.535px;
        text-align: center;
    }
    
    .gdsForm {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px;
    }
    
    .gdsForm.btmBdr {
        padding-bottom: 41.860px;
        margin-bottom: 0;
        border-bottom: 13.953px solid #202020;
    }
    
    .gdsForm.padBtm {
        padding-bottom: 41.860px;
    }
    
    .gdsForm.noPad {
        padding: 0;
        text-align: left;
    }
    
    .gdsForm.padNoBtm {
        padding: 0 0 41.860px 0;
    }
    
    .gdsForm li {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .gdsForm li.item {
        font-size: 20.930px;
        color: #FFF;
        font-weight: 400;
        margin-top: 41.860px;
        text-align: left;
    }
    
    .gdsForm li.item.short {
        margin-top: 0;
    }
    
    .gdsForm li.item .csu {
        display: inline-block;
        color: #666;
        font-size: 18.14px;
        margin-left: 13.953px;
    }
    
    .gdsForm li.ipCon {
        height: auto;
        line-height: 58.605px;
        position: relative;
        box-sizing: border-box;
    }
    
    .gdsForm .ipDesc {
        height: auto;
        padding: 13.953px 0;
        line-height: 1.3;
        color: #777;
        font-size: 16.744px;
    }
    
    .gdsForm .ipDesc.short {
        padding-top: 0;
        margin-top: -13.953px;
    }
    
    .gdsForm li.ipCon.padRight {
        padding-right: 55.814px;
    }
    
    .gdsForm li.ipCon .won {
        position: absolute;
        right: 0;
        top: 0;
        width: 55.814px;
        height: 61.395px;
        line-height: 61.395px;
        color: var(--light-gray);
        font-size: 18.14px;
        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: 58.605px;
        font-size: 22.326px;
        color: var(--light-gray);
    }
    
    .gdsForm li input[type="text"],
    .gdsForm li input[type="number"] {
        display: inline-block;
        width: 100%;
        height: 58.605px;
        border: 0;
        background: transparent;
        box-sizing: border-box;
        border-bottom: 1.395px 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: 34.884px 34.884px;
    }
    
    .gdsForm li.ipCon textarea {
        display: block;
        width: 100%;
        height: 111.628px;
        border-radius: 13.953px;
        background: #333;
        padding: 13.953px;
        border: 0;
        box-sizing: border-box;
        margin-top: 27.907px;
        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: 58.605px;
        border: 0;
        background: transparent;
        box-sizing: border-box;
        border-bottom: 1.395px solid #5a5a5a;
    }
    
    .gdsBaseInfo {
        display: block;
        height: auto;
        overflow: hidden;
        margin-top: 27.907px;
    }
    
    .gdsBaseInfo table {
        padding: 0;
        margin: 0;
        width: 100%;
        table-layout: fixed;
    }
    
    .gdsBaseInfo th,
    .gdsBaseInfo td {
        padding: 13.953px;
        font-size: 18.14px;
        text-align: left;
        color: var(--light-gray);
        border-bottom: 1.395px solid #333;
        line-height: 1.3;
    }
    
    .gdsBaseInfo th {
        position: relative;
        padding-left: 0;
        font-weight: 300;
        width: 125.580px !important;
    }
    
    .gdsBaseInfo th:first-child {
        border-left: 0;
    }
    
    .gdsBaseInfo td:last-child {
        border-right: 0;
    }
    
    
    .comnGdsInner {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px;
    }
    
    
    .bbsMore a {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
        text-align: center;
        font-size: 19.535px;
        color: black;
        padding: 41.860px 0;
    }
    
    
    .starRate {
        display: block;
        height: auto;
        overflow: hidden;
        text-align: center;
    }
    
    .starRate .tRate {
        display: block;
        padding: 13.953px 0;
        font-size: 18.14px;
        color: var(--light-gray);
    }
    
    .starRate .starSet {
        display: block;
        height: auto;
        overflow: hidden;
        margin-bottom: 13.953px;
    }
    
    .starRate .starSet .star {
        display: inline-block;
    }
    
    .starRate .starSet .star img {
        width: 50.233px;
    }
    
    .myProfile {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 13.953px;
    }
    
    .myMainMenu {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 27.907px 20.930px;
    }
    
    .myMainMenu li {
        display: block;
        height: auto;
        overflow: hidden;
        font-size: 20.930px;
        position: relative;
    }
    
    .myMainMenu li:after {
        content: '';
        position: absolute;
        right: 13.953px;
        top: 50%;
        width: 12.558px;
        height: 22.326px;
       
    }
    
    .myMainMenu li a {
        display: block;
        padding: 27.907px 13.953px;
        color: #FFF;
        border-bottom: 1.395px 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: 1.395px solid #333;
    }
    
    .container .gdsThumb2 div {
        width: max-content;
    }
    
    .container .gdsThumb2 img.sale {
        width: 240px;
        height: 240px;
        margin-right: 1.395px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    
    .container .gdsThumb2 img.main {
        width: 400px;
        height: 500px;
        margin-right: 1.395px;
        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: 600px;
    }
    
    .gdsThumb {
        display: block;
        height: auto;
        overflow: hidden;
    }
    .gdsThumb .swiper-slide {
        width: 100% !important;
    }
    
    .gdsThumb .swiper-slide img {
        width: 488.372px;
        height: 610.470px;
        
    }
    
    /**/
    
    .thumb-pagination {
        margin: auto;
    }
    .thumb-pagination2 {
        position: absolute;
        z-index: 10;
        padding-left: 13.953px;
    }
    
    .feedRight .thumb-pagination2 {
        text-align: right;
        padding-right: 13.953px;
    }
    
    .thumb-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 6.953px;
        height: 6.953px;
        background: #fff;
        opacity: 0.2;
        margin: 0 4.186px !important;
    }
    
    .thumb-pagination .swiper-pagination-bullet-active {
        opacity: 1.0;
    }

    .thumb-pagination2 .swiper-pagination-bullet {
        display: inline-block;
        width: 6.953px;
        height: 6.953px;
        background: #000;
        opacity: 0.2;
        margin: 0 4.186px !important;
    }
    
    .thumb-pagination2 .swiper-pagination-bullet-active {
        opacity: 1.0;
    }
    .myDefault {
        display: table;
        width: 100%;
        height: 97.694px;
        overflow: hidden;
        border-bottom: 1.395px solid #5a5a5a;
        position: relative;
        padding: 0 322.326px 0 158.605px;
        box-sizing: border-box;
    }
    
    .myDefault .myPhoto {
        position: absolute;
        left: 27.907px;
        top: 50%;
        transform: translate(0, -50%);
        width: 19.767px;
        height: 69.767px;
        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: 13.953px;
        padding: 6.978px 0;
    }
    
    .myDefault .myId {
        display: table-cell;
        vertical-align: middle;
        height: auto;
        overflow: hidden;
        color: #FFF;
        font-size: 18.14px;
        font-weight: 500;
    }
    
    .myDefault .myFunc {
        position: absolute;
        right: 20.930px;
        top: 50%;
        transform: translate(0, -50%);
        text-align: right;
    }
    
    .myDefault .myFunc .txtMenu a {
        display: inline-block;
        color: var(--light-gray);
        font-size: 18.14px;
        padding-right: 18.14px;
        margin-right: 13.953px;
        position: relative;
    }
    
    .myDefault .myFunc .txtMenu a:after {
        content: '';
        position: absolute;
        right: 0;
        top: 2.791px;
        width: 1.395px;
        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: 27.907px 20.930px;
    }
    
    .myOrd li {
        display: block;
        height: auto;
        overflow: hidden;
        padding-bottom: 27.907px;
        margin-bottom: 27.907px;
        border-bottom: 1.395px 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: 111.628px;
        height: 50.233px;
        line-height: 44.651px;
        cursor: pointer;
        padding-right: 13.953px;
    }
    
    .box-file-input .file-input {
        display: none;
    }
    
    
    * {
        letter-spacing: 0 !important;
    }
    
    /* myOrd */
    .ordDate {
        display: block;
        height: auto;
        overflow: hidden;
        background: #333;
        padding: 20.930px;
        color: var(--light-gray);
    }
    
    .myOrdInfo {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 27.907px 20.930px;
    }
    
    .ordPayInfo {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px 27.907px 20.930px;
    }
    
    .ordPayInfo li {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 8.372px 0;
        position: relative;
        font-size: 19.535px;
        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: 13.953px;
        border-top: 1.395px solid #333;
        padding: 20.930px 0;
    }
    
    .ordPayInfo li.total .totalPrice {
        font-size: 25.116px;
        font-weight: 500;
        color: #FFF;
    }
    
    .deliveryTable {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px 27.907px 20.930px;
    }
    
    .deliveryTable th,
    .deliveryTable td {
        padding: 8.372px 0;
        font-size: 19.535px;
        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 20.930px;
        border-top: 1.395px solid #333;
        margin-top: 27.907px;
    }
    
    .myRequestList .reqBoxWrap {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 27.907px 0;
        border-bottom: 1.395px solid #333;
    }
    
    .myRequestList .reqGds {
        display: block;
        height: 133.488px;
        overflow: hidden;
        position: relative;
        padding: 0 19.767px 0 90.698px;
    }
    
    .myRequestList .reqGds a {
        display: block;
    }
    
    .myRequestList .reqGds .thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 19.767px;
        height: 133.488px;
        overflow: hidden;
    }
    
    .myRequestList .reqGds .thumb img {
        width: 100%;
    }
    
    .myRequestList .reqGds .reqGdsName {
        color: #FFF;
        font-size: 19.535px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 6.978px 0;
        margin-top: 13.953px;
    }
    
    .myRequestList .reqGds .reqDate {
        color: var(--gray);
        font-size: 18.14px;
    }
    
    .myRequestList .reqGds .reqDel a {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        text-align: right;
        color: var(--gray);
        font-size: 18.14px;
        text-decoration: underline;
    }
    
    .myRequestList .reqBox {
        display: block;
        height: auto;
        overflow: hidden;
        margin: 27.907px 0 0 0;
    }
    
    .myRequestList .reqBox .reqCont {
        display: block;
        padding-top: 41.860px;
        position: relative;
        color: #FFF;
        font-size: 19.535px;
        line-height: 1.3;
        margin-bottom: 20.930px;
    }
    
    .myRequestList .reqBox .reqCont .reqStats {
        position: absolute;
        left: 0;
        top: 0;
        padding: 8.372px 11.163px;
        font-size: 16.744px;
        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: 8.372px 0;
        font-weight: 500;
    }
    
    .comnFooter {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 20.930px;
        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: 30.000px;
    }
    .comnFooter .imgArea{
        padding: 27.907px 27.907px 27.907px 20.930px;
    }

    .comnFooter .corpInfo {
        display: block;
        color: var(--gray);
        font-family: "NanumBarunGothic";
        font-size: 15.349px;
        line-height: 28.249px;
        margin: 0 20.930px;
        padding: 27.907px 0;
    }
    .comnFooter .corpInfo.button {
        border-top: 1px solid var(--light-gray);
        font-size: 16.744px;
        padding-bottom: 6.978px;
        cursor: pointer;
    }
    .comnFooter .corpInfo.copy {
        font-family: "SF Pro";
        padding-top: 27.907px
    }
    .comnFooter .corpInfo .ar {
        margin-left: 11.163px;
        width: 13.953px;
        height: 8.034px;
        transition: .4s all;
    }
    .comnFooter .corpInfo .ar.on {
        transform: rotate(-180deg);
    }
    .comnFooter .ftMenu .tMenu:last-child {
        padding-bottom: 27.907px
    }

    .comnFooter .ftMenu .tMenu a {
        display: inline-block;
        color: var(--gray);
        font-size: 18.14px;
        padding: 13.953px 25.980px 13.953px 20.930px ;
        position: relative;
    }
    
    .comnFooter .platformTxt {
        padding: 20.930px 0;
        color: #aaa;
        font-size: 16.744px;
        line-height: 1.4;
        border-bottom: 1.395px solid #333;
        margin-bottom: 20.930px;
    }
    
    .comnFooter .footLogo {
        padding: 31.605px 31.605px 15.000px 20.930px;
        
    }
    
    .comnFooter .footLogo img {
        height: 24.141px;
        opacity: 0.45;
    }
    
    
    .policyCon {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 41.860px 20.930px;
        color: #000;
        font-size: 18.14px;
        font-weight: 500;
    }
    
    .policyCon h2 {
        padding: 13.953px 0;
        font-size: 18.14px;
    }
    
    .policyCon p {
        padding: 6.978px 0;
        line-height: 1.3;
        font-size: 18.14px;
    }
    
    .policyCon p.numbering {
        padding: 0 0 0 20.930px;
    }
    
    .policyCon p.numbering01 {
        padding: 0 0 0 41.860px;
    }
    
    .policyCon p.numbering02 {
        padding: 0 0 0 12.791px;
    }
    
    .comnSelect {
        display: block;
        height: auto;
        overflow: hidden;
        line-height: 1.0;
        margin-top: 20.930px;
    }
    
    .comnSelect span {
        float: left;
        width: 24.25%;
        text-align: center;
        padding: 11.163px 0;
        margin: 2.791px 1% 2.791px 0;
        border-radius: 4.186px;
        color: #777;
        line-height: 1.0;
        font-weight: 400;
        border: 1.395px 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: 18.14px;
        width: 30%;
    }
    
    .partHalf dd {
        color: var(--light-gray);
        font-size: 19.535px;
        width: 70%;
    }
    
    .clothes {
        display: block;
        height: auto;
        overflow: hidden;
        margin: 6.978px 0;
        line-height: 1.0;
        position: relative;
        padding-left: 123.721px;
        clear: both;
    }
    
    .clothes:first-child {
        margin-top: 20.930px;
    }
    
    .clothes .title {
        position: absolute;
        left: 0;
        top: 0;
        width: 123.721px;
        line-height: 47.442px;
        color: var(--light-gray);
        font-size: 19.535px;
    }
    
    .clothes .choice {
        float: left;
        width: 32%;
        text-align: left;
        padding: 11.163px 0;
        margin-right: 2%;
        color: #777;
        line-height: 1.0;
        font-weight: 400;
        padding-left: 36.276px;
        box-sizing: border-box;
        position: relative;
    }
    
    .clothes .choice:after {
        content: '';
        position: absolute;
        left: 0;
        top: 9.767px;
        width: 20.930px;
        height: 20.930px;
        background: url('../img2/form/bg_radio.png') left bottom no-repeat;
        background-size: 20.930px auto;
    }
    
    .clothes .choice.on {
        color: #FFF;
        font-weight: 500;
    }
    
    .clothes .choice.on:after {
        content: '';
        position: absolute;
        left: 0;
        top: 9.767px;
        width: 20.930px;
        height: 20.930px;
        background: url('../img2/form/bg_radio.png') left top no-repeat;
        background-size: 20.930px auto;
    }
    
    .clothes .choice:last-child {
        margin-right: 0;
    }
    
    .gdsList {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px;
        margin-bottom: 20.930px;
    }
    
    .gdsList .swiper-slide img {
        width: 100%;
        max-width: 822.326px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .gds-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 11.163px;
        height: 11.163px;
        background: #000;
        opacity: 0.5;
        margin: 0 2.791px !important;
    }
    
    .gds-pagination .swiper-pagination-bullet-active {
        opacity: 1.0;
    }
    
    .gdsListFunc {
        display: block;
        height: auto;
        overflow: hidden;
        margin-bottom: 13.953px;
        position: relative;
    }
    
    .gdsListFunc .allGds a {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 19.535px;
        color: #666;
    }
    
    .otherProfile {
        display: block;
        height: auto;
        overflow: hidden;
        margin-top: 4.186px;
        line-height: 36.276px;
    }
    
    .otherProfile .profileThumb {
        display: inline-block;
        width: 36.276px;
        height: 36.276px;
        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: 6.978px;
        font-size: 19.535px;
        color: var(--gray);
        vertical-align: top;
    }
    
    .gdsDetailPhotos {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .gdsDetailPhotos .title {
        text-align: left;
        padding: 20.930px 0;
        color: var(--light-gray);
        font-size: 19.535px;
    }
    
    .gdsDetailPhotos .photo {
        display: block;
        height: auto;
        overflow: hidden;
        margin-bottom: 20.930px;
    }
    
    .gdsDetailPhotos .photoHalf {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 20.930px;
    }
    
    .gdsDetailPhotos .photoHalf img {
        width: 100%;
    }
    
    .gdsDetailPhotos .explain {
        padding: 6.978px 0 20.930px 0;
        color: var(--light-gray);
        font-size: 19.535px;
        line-height: 1.3;
        text-align: left;
        white-space: pre-line;
        clear: both;
    }
    
    
    .schSale {
        display: block;
        height: auto;
        position: relative;
        padding: 20.930px;
        border-top: 1.395px solid #333;
    }
    
    .schSale li {
        float: left;
        width: 30.5%;
        height: auto;
        margin-right: 13.953px;
    }
    
    .saleSummary {
        display: block;
        height: auto;
        padding: 20.930px 20.930px 34.884px 20.930px;
        border-bottom: 13.953px solid #202020;
    }
    
    .saleSummary.bdrTop {
        border-top: 1.395px solid #333;
        padding-top: 0;
    }
    
    .saleSummary .saleEa {
        color: var(--gray);
        font-size: 19.535px;
        margin-bottom: 13.953px;
        margin-top: 55.814px;
    }
    
    .saleSummary .saleEa em {
        color: var(--light-gray);
        font-size: 25.116px;
        font-weight: 500;
    }
    
    .saleSummary .totalPrice {
        color: var(--gray);
        font-size: 19.535px;
    }
    
    .saleSummary .totalPrice em {
        color: var(--light-gray);
        font-size: 25.116px;
        font-weight: 500;
    }
    
    .saleList {
        display: block;
        height: auto;
        overflow: hidden;
        min-height: 658.605px;
    }
    
    .saleList li {
        display: block;
        height: auto;
        border-bottom: 1.395px dashed #333;
        position: relative;
        height: 123.721px;
    }
    
    .saleList li.noBorder {
        border: none;
    }
    
    .saleList li a {
        display: block;
        padding: 20.930px 0;
    }
    
    .saleList li .sDate {
        color: var(--gray);
        font-size: 18.14px;
        margin-bottom: 11.163px;
    }
    
    .saleList li .month {
        color: var(--gray);
        font-size: 22.326px;
        top: 50%;
        transform: translate(0, -50%);
        position: absolute;
    }
    
    .saleList li .sPrd {
        color: var(--gray);
        font-size: 22.326px;
        padding-right: 127.907px;
    }
    
    .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: 18.14px;
        top: 50%;
        transform: translate(0, -50%);
        position: absolute;
        right: 174.419px;
        display: flex;
        align-items: end;
    }
    
    .saleList li .sPrice em {
        font-family: "SF Pro";
        font-size: 25.116px;
        color: #FFF;
    }
    
    .saleList li .sPrice span {
        font-family: "NanumBarunGothic";
    }
    
    .saleInfo {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 13.953px 0 27.907px 0;
    }
    
    .saleInfo li {
        display: block;
        height: auto;
        overflow: hidden;
        border-bottom: 13.953px solid #202020;
        padding: 20.930px;
    }
    
    .saleInfo li:last-child {
        border-bottom: 0;
    }
    
    .saleInfo li .siTitle {
        color: #FFF;
        font-size: 22.326px;
        margin: 13.953px 0;
        font-weight: bold;
    }
    
    .saleInfo li .siTxt {
        line-height: 33.488px;
        font-size: 19.535px;
        color: var(--gray);
        position: relative;
        padding-left: 123.721px;
    }
    
    .saleInfo li .siTxt em {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 33.488px;
    }
    
    .yearSet {
        display: block;
        height: auto;
        margin-bottom: 127.907px;
    }
    
    .detailEtc {
        display: block;
        height: auto;
        overflow: hidden;
    }
    
    .detailEtc.bottom {
        border-bottom: 1.395px solid #cacaca;
    }
    
    .detailEtc .etcTitle {
        border-top: 1.395px solid #cacaca;
        margin: 0;
        padding: 0;
        height: 69.767px;
        line-height: 69.767px;
        padding: 0 20.930px;
        font-size: 20.930px;
        color: #000;
        position: relative;
        cursor: pointer;
    }
    
    .detailEtc .etcTitle.none {
        border-top: 0;
    }
    
    .detailEtc .etcTitle .ar {
        position: absolute;
        right: 27.907px;
        top: 27.907px;
        width: 22.326px;
        height: 16.744px;
        background: url('/img2/ar.svg') no-repeat right 50%;
        background-size: 22.326px 16.744px;
        transition: .4s all;
        filter: brightness(0)
    }
    
    .detailEtc .etcTitle .ar.on {
        transform: rotate(-180deg);
    }
    
    .detailEtc .detailEtcCon {
        padding: 20.930px;
        padding-top: 6.978px;
        line-height: 28.326px;
        font-weight: 100;
        font-size: 18.14px;
        color: #111;
        display: none;
        word-break: break-all;
    }
    
    .detailEtc .detailEtcCon .subTitle {
        font-weight: bold;
        margin-bottom: 13.953px;
    }
    
    .detailEtc .detailEtcCon .subTitle:not(:first-child) {
        margin-top: 13.953px;
    }
    
    .detailEtc .detailEtcCon .subContent {
        padding-bottom: 27.907px;
    }
    
    .detailEtc .detailEtcCon .subContent:not(:last-child) {
        border-bottom: 1.395px dashed var(--light-gray);
    }
    
    .sortFunc {
        position: fixed;
        right: 13.953px;
        bottom: 69.767px;
        width: 72.558px;
        height: 0;
        z-index: 100;
        opacity: 1;
        transition: height .4s;
        overflow: hidden;
    }
    
    .sortFunc.zero {
        bottom: 0;
    }
    
    .sortFunc .goTop a {
        display: block;
        width: 72.558px;
        height: 72.558px;
        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: 72.558px;
        height: 72.558px;
        background: url(/img2/top.svg) no-repeat 50% 50%;
        background-size: 26.929px 28.870px;
    }
    
    
    li.thum {
        position: relative;
    }
    
    dt.thum .sortInflu,
    li.thum .sortInflu {
        position: absolute;
        right: 0;
        bottom: 13.953px;
        width: 55.814px;
        height: 55.814px;
        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: 18.14px;
        line-height: 1.4;
        color: var(--gray);
        padding: 20.930px 0;
        word-break: break-all;
    }
    
    input[type=radio]:checked+.checkIcon {
        border: 2.791px 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: 23.721px;
        width: 18.14px;
        height: 18.14px;
        margin-top: 5.581px;
        margin-right: 8.372px;
        border: 2.791px solid #bfbfbf;
    }
    
    .inline {
        display: inline-block;
    }
    
    .radio,
    .checkbox {
        position: relative;
        display: block;
        margin-top: 13.953px;
        margin-bottom: 13.953px;
        color: white;
    }
    .ruby{
        display: ruby-text;
    }
    .ruby .radio{
        margin-left: 18.14px;
    }
    
    .filterBtn {
        width: 100%;
        display: flex;
        height: 223.256px;
        position: fixed;
        bottom: 0px;
        left: 0;
    }
    
    .filterBtn a {
        width: 411.163px;
        height: 47.442px;
        border: none;
        font-size: 19.535px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background-color: black;
        display: inline-block;
        line-height: 47.442px;
        margin: auto;
    }
    
    .modal {
        width: 100%;
        height: 100%;
        padding-top: 79.535px;
        background-color: black;
    }
    
    .modal.white {
        background-color: white;
    }
    
    .modal.login {
        width: 600px;
        background-color: white;
        margin: auto auto 0 auto;
        height: 0;
        -webkit-border-radius: 11.163px 11.163px 0 0;
        border-radius: 11.163px 11.163px 0 0;
    }
    
    .modal .top {
        width: 100%;
        height: 133.488px;
    }
    
    .modal a.close-modal {
        filter: invert(1);
    }
    
    /* .cartBack.blocker {
        padding: 0;
        height: 0;
    } */
    .infoChangeBack.blocker {
        padding: 0;
        height: 0;
    }

    #infoChange {
        width: 600px;
    }

    .loginBack.blocker {
        padding: 0;
        top: auto;
        background-color: rgba(0, 0, 0, 0);
        display: flex;
    }
    
    .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 {
        width: 600px;
        padding: 100.644px 0px 0px 0px;
        background-color: var(--back-ground-color);
        backdrop-filter: blur(13.953px);
        -webkit-backdrop-filter: blur(13.953px);
    }
    
    /*menu*/
    .menuLayout{
        overflow-y: scroll;
        height: 100%;
    }
    .menuForm {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 20.930px;
        min-height: 70.135vh;
        margin-bottom: 20.930px;;
    }
    .menuForm.btmBdr {
        padding-bottom: 41.860px;
        margin-bottom: 0;
        border-bottom: 13.953px solid #202020;
    }
    
    .menuForm .menu {
        display: block;
        height: auto;
        overflow: hidden;
        cursor: pointer;
    }
    .menuForm .menu .menuTitle:first-child {
        /* margin-top: 20.930px; */
    }
    
    .menuForm .menu .menuTitle {
        margin: 0;
        padding: 0;
        height: 69.767px;
        line-height: 69.767px;
        padding: 0 20.930px;
        font-size: 19.535px;
        color: #000;
        position: relative;
        font-weight: bold;
    }
    
    .menuForm .menu .menuTitle.none {
        border-top: 0;
    }
    .menuForm .menu .menuTitle .arArea {
        position: absolute;
        right: 27.907px;
        top: 0;
        width: 48px;
        height: 100%;
        display: flex;
  
    }
    .menuForm .menu .menuTitle .ar {
        width: 22.326px;
        height: 16.744px;
        background: url('/img2/ar.svg') no-repeat right 50%;
        background-size: 22.326px 16.744px;
        transition: .4s all;
        filter: brightness(0);
        margin: auto;
    }
    
    .menuForm .menu .menuTitle .ar.on {
        transform: rotate(-180deg);
    }
    
    .menuForm .menu .subMenu {
        padding: 20.930px;
        padding-top: 6.978px;
        line-height: 22.326px;
        font-weight: 100;
        font-size: 18.14px;
        color: #111;
        display: none;
        word-break: break-all;
    }
    
    .menuForm .menu .subMenu div {
        font-weight: 400;
        padding-bottom: 13.953px;
    }
    
    .menuForm .menu .subMenu div:not(:first-child) {
        padding-top: 13.953px;
    }
    
    .bottomMenu{
        height: auto;
        bottom: 90.000px;
        width: 100%;
        text-align: center;
    }
    .bottomMenu div{
        font-weight: bold;
        font-size: 19.535px;
        padding-bottom: 27.907px;
    }
    .bottomMenu div:last-child{
        padding-top: 23.721px;
    }
    
    /*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: 41.860px;
        position: absolute;
        color: #FFF;
        font-family: "NanumBarunGothic";
        font-size: 39.366px;
        font-style: normal;
        font-weight: 600;
        line-height: 42.973px;
        height: 148.837px;
        bottom: 140.274px;
        display: flex;
    }
    
    .shop .collect .info .title span {
        margin: auto;
    }
    
    .shop .collect .info .content {
        left: 41.860px;
        color: white;
        position: absolute;
        bottom: 44.651px;
        font-size: 19.535px;
        line-height: 33.384px;
        height: 16.977px;
        display: flex;
    }
    
    .shop .collect .info .content span {
        margin: auto;
    }
    
    .modal .title {
        top: 0;
        width: 100%;
        height: 6.978px;
        position: sticky;
        z-index: 100;
      
        font-weight: 500;
        display: flex;
        font-size: 22.326px;
    }
    .modal .title .center {
        margin: auto;
        color: white;
    }
    
    .modal .title .btnBack {
        position: absolute;
        top: 34.884px;
        left: 20.930px;
        background: url('/img2/x.svg') no-repeat center center;
        background-size: 28.870px 28.870px;
        text-indent: -9999em;
        float: left;
        width: 23.721px;
        height: 23.721px;
    }
    
    
    .modal .title .btn {
        position: absolute;
        bottom: 35.298px;
        width: 44.651px;
        height: 44.651px;
    }
    
    .modal .title a.btn:nth-last-child(1) {
        right: 29.302px;
    }
    
    .modal .title a.btn:nth-last-child(2) {
        right: 127.907px;
    }
    
    .modal .title a.btn:nth-last-child(3) {
        right: 146.512px;
    }
    
    
    .modal .title .btn .circle {
        background-color: black;
        position: absolute;
        right: 0;
        z-index: 100;
        display: flex;
        border-radius: 50%;
        width: 21.656px;
        height: 21.656px;
    }
    
    .modal .title .btn .circle span {
        color: white;
        font-family: 'SF Pro';
        font-weight: 400;
        font-size: 13.953px;
        line-height: 0;
        margin: auto;
    }
    
    
    .modal .title .btn .bag {
        width: 44.651px;
        height: 28.870px;
        background-image: url("/img2/bag.svg");
        background-size: 25.980px 28.870px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    .modal .title .btn .inquiry {
        width: 44.651px;
        height: 28.870px;
        background-image: url("/img2/inquiry.svg");
        background-size: 28.870px 28.870px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
    }
    
    .check {
        margin-top: 4.186px;
        display: inline-block;
    
    }
    
    .checkIcon {
        float: left;
        width: 28.870px;
        height: 28.870px;
        margin-right: 8.372px;
        background: url("/img2/check_off.svg") no-repeat center center;
        background-size: 28.870px;
    }
    
    input[type=checkbox]:checked+.checkIcon {
        background: url("/img2/check_on.svg") no-repeat center center;
        background-size: 28.870px;
    }
    
    .checkInline {
        display: inline-block;
        padding-top: 4.186px;
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 19.535px;
        font-style: normal;
        font-weight: 700;
    }
    
    .cart {
        margin: 21.656px 29.302px 167.442px 29.302px;
    }
    
    .cart.empty {
        padding-top: 55.814px;
        text-align: center;
        color: black;
        font-family: "NanumBarunGothic";
        font-weight: 800;
        font-size: 25.116px;
    }
    
    .cart .top {
        width: 100%;
        height: 74.791px;
        border-bottom: 1.395px solid #E8E8E8;
    
    }
    
    .cart .allDelete {
        float: right;
        color: #9A9A9A;
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        width: 105.564px;
        height: 39.696px;
        border: 1.395px solid #DBDBDB;
        border-radius: 5.581px;
    }
    
    .cart .allDelete span {
        display: block;
        padding: 9.767px;
    }
    
    .cartGroup {
        width: 100%;
        margin-top: 27.907px;
    }
    
    .cartGroup:not(:first-child) {
        margin-top: 19.767px;
    }
    
    .cartGroup .brand {
        display: block;
        color: #000;
        font-family: NanumBarunGothic;
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        line-height: 28.870px;
        width: 100%;
        height: 41.860px;
        border-bottom: 5.412px solid #000;
    }
    
    .cartGroup .cartItem:not(:last-child) {
        width: 100%;
        border-bottom: 1.395px solid #E8E8E8;
    }
    
    .cartGroup .total {
        width: 100%;
        height: 54.834px;
        border-top: 1.762px solid #000;
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        line-height: 42.973px;
    }
    
    .cartGroup .total .price {
        float: left;
    }
    
    .cartGroup .total .deliveryFee {
        float: right;
    }
    
    .cartGroup .total .deliveryFee img {
        margin-top: -1.395px;
        width: 21.656px;
        height: 21.656px;
        margin-left: 6.978px;
    }
    
    .cartGroup .total span {
        font-family: "SF Pro";
    }
    
    .cartGroup .cartItem ul {
        margin: 29.302px 0;
        width: 100%;
        height: 144.426px;
        position: relative;
    }
    
    .cartGroup .cartItem .left {
        float: left;
        height: 144.426px;
        position: absolute;
        width: 414px;
    }
    
    .cartGroup .cartItem .right {
        float: right;
        width: 261.654px;
        height: 144.426px;
    }
    
    .cartGroup .cartItem .thum {
        float: right;
        width: 113.844px;
        height: 144.426px;
    }
    
    .cartGroup .cartItem .thum img {
        width: 113.844px;
        height: 144.426px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    
    
    .cartGroup .cartItem .name {
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        margin-top: 21.656px;
        margin-bottom: 12.612px;
    }
    
    .cartGroup .cartItem .name.empty {
        color: var(--light-gray);
        text-decoration: line-through;
    }
    
    .cartGroup .cartItem .option {
        color: var(--gray);
        font-family: "NanumBarunGothic";
        font-size: 18.14px;
        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: 23.721px;
        font-style: normal;
        font-weight: 700;
        bottom: 0;
        position: absolute;
    }
    
    
    .cartGroup .cartItem .button {
        height: 42.408px;
        color: #000;
        text-align: center;
        font-family: "SF Pro";
        font-size: 18.14px;
        font-style: normal;
        font-weight: 590;
        line-height: 42.973px;
        bottom: 0;
        position: absolute;
        float: left;
        border: 1.804px solid #DBDBDB;
    }
    
    .cartGroup .cartItem .button .minus {
        float: left;
        width: 40.605px;
        height: 100%;
        background-image: url(/img2/minus.svg);
        background-size: 12.630px 2.706px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .cartGroup .cartItem .button .ea {
        float: left;
        width: 53.232px;
        height: 100%;
        border-left: 1.804px solid #DBDBDB;
        border-right: 1.804px solid #DBDBDB;
    
    }
    
    .cartGroup .cartItem .button .ea span {
        position: relative;
    }
    
    .cartGroup .cartItem .button .plus {
        float: right;
        width: 40.605px;
        height: 100%;
        background-image: url(/img2/plus.svg);
        background-size: 12.972px 12.834px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .cart .selectTotal {
        border-top: 1.804px solid #E8E8E8;
        width: 100%;
        height: 319.395px;
        margin: 43.256px 0;
        padding-top: 28.870px;
    }
    
    .cart .selectTotal div .cal:not(:first-child) {
        margin-top: 32.472px;
    }
    
    .cart .selectTotal .cal {
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        height: 25.256px;
    }
    
    .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: 23.721px;
        float: right;
    }
    
    .cart .selectTotal .cal:last-child label:last-child {
        color: black;
        font-family: "SF Pro";
        font-size: 23.721px;
        float: right;
    }
    
    .cart .selectTotal .description {
        width: 100%;
        height: 69.767px;
        margin-top: 24.360px;
        color: var(--gray);
        text-align: right;
        font-family: "NanumBarunGothic";
        font-size: 16.744px;
        font-style: normal;
        font-weight: 600;
        line-height: 27.907px;
    }
    
    .member.login {
        width: 100%;
        align-content: center;
    }
    
    .member.login img {
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 79.535px;
        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: 38.370px;
        padding-top: 13.953px;
    }
    
    .dragBar:after {
        content: '';
        width: 72.558px;
        height: 5.581px;
        background-color: #D9D9D9;
        display: block;
        margin: auto;
    }
    
    .member.login .info {
        margin-top: 15.349px;
        color: #000;
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 14.717px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .signup {
        width: 100%;
        height: 100%;
        background-color: white;
        position: relative;
    }
    
    .signup.top {
        margin-top: 102.000px;
    }
    
    .signup .form {
        margin: 27.907px;
    }
    
    .signup .form.t2 {
        padding: 56.832px 27.907px 27.907px 27.907px;
        margin: 0;
    }
    
    .signup .form .subTitle {
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin-bottom: 8.372px;
    }
    
    
    .signup .form .area {
        margin-bottom: 34.884px;
    }
    
    .signup .form .area2 {
        margin-bottom: 48.837px;
    }
    
    .signup .form .input {
        width: 100%;
        height: 55.814px;
        line-height: 55.814px;
        background: none;
        border: 0;
        border-bottom: 1.395px solid #000;
        color: #000;
        letter-spacing: -0.698px;
        font-weight: 500;
    }
    
    .signup .form input::placeholder {
        color: var(--light-gray);
    }
    
    .signup .form .addr {
        width: 465.600px;
        background: none;
        border: 0;
        color: #000;
        letter-spacing: -0.698px;
        font-weight: 500;
        
    }
    .signup .form .addr2 {
        width: 465.600px;
        background: none;
        border: 0;
        color: #000;
        letter-spacing: -0.698px;
        font-weight: 500;
        min-height: 36.000px;
    }
    .signup .form textarea.addr::placeholder {
        color: var(--light-gray);
        line-height: 21.0000px;
    }
    .signup .form textarea.addr2::placeholder {
        color: var(--light-gray);
        line-height: 21.000px;
    }
    
    .signup .form .search {
        width: 134.400px;
        height: 46.400px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border: 0;
        border-radius: 8px ;
        background: #888;
        color: #fff;
        display: flex;
        font-size: 19.2px;
        font-style: normal;
        font-weight: 600;
        margin-top: auto;
        margin-bottom: 6px;
    }
    
    .signup .form .line {
        width: 100%;
        /* height: 55.814px; */
        border-bottom: 1.395px solid #000;
        color: #000;
        display: flex;
        margin-bottom: 27.907px;
    }
    
    .signup .form .buttonArea {
        width: 100%;
        display: flex;
    }
    
    .signup .form .signupButton {
        width: 242.790px;
        height: 64.182px;
        flex-shrink: 0;
        border-radius: 6.978px;
        background: #000;
        color: #fff;
        font-size: 22.326px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin: auto;
    }
    
    .addressSearch{
        height: 100%;
        background-color: white;
    }
    
    .addressSearch input[type="text"]{
        width: 100%;
        height: 66.978px;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1.395px solid black;
        padding-left: 36.276px;
    }
    .addressSearch input[type="text"]::placeholder{
        color: var(--light-gray);
        font-size: 18.14px;
        font-weight: 500;
    }
    .addressSearch .search{
        height: 66.978px;
        width: 66.978px;
        background-image: url("/img2/search.svg");
        background-size: 28.870px 28.870px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 0;
        border: none;
    }
    
    .addressSearch .result .title{
        font-size: 19.535px;
        font-weight: bold;
        height: 65.581px;
        border-bottom: 1.395px solid var(--light-gray);
        display: flex;
        background-color: white;
    }
    .addressSearch .result .title div{
        margin: auto 0 19.535px 39.07px
    }
    
    .addressSearch .result .list{
        min-height: 100%;
        background-color: white;
    }
    .addressSearch .result .list div{
       width: 100%;
       height: 120.000px;
       display: flex;
       border-bottom: 1px solid var(--light-gray);
    }
    .addressSearch .result .list div a{
       color: var(--gray);
       margin: auto 39.07px;
    }
    .mypage .infoArea {
        top: 6.978px;
        background-color: black;
        width: 100%;
        height: 320.930px;
        position: sticky;
        z-index: 100;
    }
    
    .mypage .tabContent {
        margin: 27.907px 27.907px 0 27.907px;
        position: relative;
    }
    
    .mypage .tabContent .pagingArea {
        height: 40.605px;
        border-bottom: 1.804px solid #e8e8e8;
    }
    
    .mypage .tabContent .pagingArea .pagingArea2 {
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        height: Z;
        align-items: center;
        display: flex;
        padding-bottom: 5.412px;
    }
    
    
    .mypage .tabContent .paging {
        position: absolute;
        right: 0;
        height: 41.860px;
        display: flex;
        align-items: center;
    }
    
    .mypage .tabContent .paging span {
        width: 120.000px;
        display: inline-block;
        text-align: center;
    }
    
    .mypage .tabContent .paging .left {
        width: 28.870px;
        height: 28.870px;
        background-image: url("/img2/left_arrow.svg");
        background-size: 11.082px 19.242px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .mypage .tabContent .paging .clean {
        width: 28.870px;
        height: 28.870px;
    }
    
    .mypage .tabContent .paging .right {
        width: 28.870px;
        height: 28.870px;
        background-image: url("/img2/right_arrow.svg");
        background-size: 11.082px 19.242px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .mypage .nameArea {
        width: 100%;
        height: 6.978px;
        color: #fff;
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        line-height: 17.594px;
    }
    
    .mypage .nameArea span {
        display: flex;
        align-items: center;
        height: 6.978px;
        padding-left: 27.907px;
    }
    
    
    .mypage .tabContent .button {
        width: 118.980px;
        height: 39.696px;
        background-color: #fff;
        color: #9A9A9A;
        text-align: center;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        border: 1.804px solid #DBDBDB;
    }
    
    
    .orderGroup {
        width: 100%;
        margin-top: 27.907px;
    }
    
    .orderGroup:not(:first-child) {
        margin-top: 19.767px;
    }
    
    .orderGroup .top {
        display: block;
        color: #000;
        width: 100%;
        height: 41.860px;
        border-bottom: 5.412px solid #000;
    }
    
    .orderGroup .top .orderNumber {
        color: #000;
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        line-height: 28.870px;
        float: left;
        display: flex;
        align-items: center;
        height: 100%;
        cursor: pointer;
    }
    
    .orderGroup .top .orderNumber .arrow {
        width: 6.978px;
        height: 37.200px;
        background-image: url("/img2/order_arrow.svg");
        background-size: 6.822px 11.862px;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 6.978px;
        margin-bottom: 4.186px;
    
    }
    
    
    .orderGroup .top .date {
        color: var(--gray);
        text-align: right;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        float: right;
        display: flex;
        align-items: center;
        height: 100%;
    }
    
    
    
    .orderGroup .brandGroup:not(:first-child) {
        margin-top: 45.372px;
        border-top: 1.804px solid #000;
    }
    
    .orderGroup .brandGroup:last-child {
        margin-bottom: 123.721px;
    }
    
    .orderGroup .orderItem:not(:last-child) {
        border-bottom: 1.395px solid #E8E8E8;
    }
    
    .orderGroup .delivery {
        width: 100%;
        height: 54.834px;
        border-top: 1.762px solid #000;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        line-height: 42.973px;
    }
    
    .orderGroup .delivery a {
        color: #07F;
        line-height: 42.973px;
        /* 298.438% */
        text-decoration-line: underline;
        text-underline-offset: 5.581px;
    }
    
    
    
    .orderGroup .total span {
        font-family: "SF Pro";
    }
    
    .orderGroup .orderItem ul {
        margin: 29.302px 0;
        width: 100%;
        height: 144.426px;
        position: relative;
    }
    
    .orderGroup .orderItem .left {
        float: left;
        height: 144.426px;
        position: absolute;
        min-width: 338.340px;
    }
    
    
    .orderGroup .orderItem .right {
        float: right;
        width: 338.340px;
        height: 144.426px;
    }
    
    .orderGroup .orderItem .brand {
        height: 25.254px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    
    .orderGroup .orderItem .thum {
        float: right;
        width: 113.844px;
        height: 144.426px;
    }
    
    .orderGroup .orderItem .thum img {
        width: 113.844px;
        height: 144.426px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    
    
    .orderGroup .orderItem .name {
        color: #000;
        font-family: "NanumBarunGothic";
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        margin-top: 25.566px;
        margin-bottom: 12.612px;
        display: flex;
        align-items: center;
    }
    
    .orderGroup .orderItem .option {
        color: var(--gray);
        font-family: "NanumBarunGothic";
        padding: 2.791px 0;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .orderGroup .orderItem .price {
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        bottom: 0;
        position: absolute;
        padding-bottom: 2.791px;
        display: flex;
        align-items: center;
    }
    
    
    .orderGroup .orderItem .button {
        position: absolute;
        right: 129.486px;
        bottom: 0;
    }
    
    .orderGroup .orderItem .status {
        color: #000;
        text-align: right;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        right: 129.486px;
        position: absolute;
    }
    
    .tabContent .itemArea:not(:first-child) {
        margin-top: 27.318px;
    }
    
    .tabContent .itemArea:last-child {
        margin-bottom: 219.535px;
    }
    
    .tabContent .itemArea {
        margin-top: 37.879px;
        border-top: 5.412px solid #000;
        border-bottom: 1.804px solid #000;
    }
    
    .tabContent .itemArea ul.item {
        margin: 27.708px 0;
        width: 100%;
        height: 144.426px;
    }
    
    .tabContent .itemArea ul.item2 {
        border-top: 1.8px solid #E8E8E8;
        width: 100%;
        height: 50.233px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
    }
    
    .tabContent .itemArea ul.item2 .left {
        display: flex;
        align-items: center;
        height: 50.233px;
    }
    
    .tabContent .itemArea ul.item2 .right {
        padding-right: 18.612px;
        display: flex;
        align-items: center;
        height: 50.233px;
    }
    
    .tabContent .itemArea ul.item2 .ar {
        width: 22.326px;
        height: 16.744px;
        background: url('/img2/ar_gray.svg') no-repeat right 50%;
        background-size: 18.090px 10.392px;
        transition: .4s all;
    }
    
    .tabContent .itemArea ul.item2 .ar.on {
        transform: rotate(-180deg);
    }
    
    .tabContent .itemArea .left {
        float: left;
        width: 558.144px;
        height: 144.426px;
        position: absolute;
    
    }
    
    .tabContent .itemArea .brand {
        height: 25.254px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 500;
        display: flex;
        align-items: center;
    }
    
    
    .tabContent .itemArea .name {
    
        height: 25.116px;
        color: #000;
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        margin-top: 12.612px;
        margin-bottom: 12.612px;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .collectCont {
        color: var(--gray);
        padding: 2.791px 0;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .price {
    
        height: 25.116px;
        color: var(--gray);
        font-family: "SF Pro";
        padding: 2.791px 0;
        font-size: 23.721px;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .date {
    
        height: 25.116px;
        color: var(--gray);
        font-family: "SF Pro";
        margin-top: 28.920px;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    .tabContent .itemArea .prev {
        color: var(--gray);
        padding: 2.791px 0;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    
    .tabContent .itemArea img.heart {
        width: 24.419px;
        height: 20.930px;
        background-image: url("/img2/heart_off.svg");
        background-size: 24.419px 20.930px;
        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: 144.426px;
        width: 41.860px;
    }
    
    .tabContent .itemArea .right .thum {
        float: right;
        width: 113.844px;
        height: 144.426px;
    }
    
    .tabContent .itemArea .right .thum img {
        width: 113.844px;
        height: 144.426px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    
    }
    
    .tabContent .itemArea .left .thum {
        width: 100%;
        height: 72.439px;
    
    }
    
    .tabContent .itemArea .left .thum img {
        width: 72.439px;
        height: 72.439px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
        border: 1.395px solid var(--light-gray);
    }
    
    .tabContent .itemArea .left .thum span {
        margin-left: 13.953px;
        color: #000;
        font-size: 22.326px;
        font-style: normal;
        font-weight: 600;
        line-height: 17.594px;
        letter-spacing: -0.900px;
    }
    
    .tabContent .itemArea img.star {
        width: 30.698px;
        height: 30.698px;
        background-image: url("/img2/star_off.svg");
        background-size: 30.698px 30.698px;
        filter: invert(1);
        float: right;
    }
    
    .tabContent .itemArea img.star.on {
        background-image: url("/img2/star_on.svg");
    }
    
    .tabContent .qnaContent {
        color: var(--gray);
        font-size: 19.535px;
        font-style: normal;
        font-weight: 700;
    }
    
    .tabContent .qnaContent .question {
        margin-top: 33.488px;
        margin-bottom: 6px;
    }
    
    .tabContent .qnaContent .answer {
        margin-top: 16.744px;
        margin-bottom: 6px;
    }
    
    .tabContent .qnaContent .buttonArea {
        height: 35.190px;
        margin: 21.630px 0;
    }
    
    .tabContent .qnaContent .buttonArea.hide {
        opacity: 0;
    }
    
    .tabContent .qnaContent .button {
        float: right;
    }
    
    .qna {
        padding: 27.907px;
        width: 100%;
        height: 100%;
        background-color: #fff;
    
    }
    
    .qna .title {
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        padding-bottom: 2.791px;
        width: 100%;
        height: 35.190px;
        display: flex;
        align-items: center;
        border-bottom: 5.412px solid #000;
    }
    
    .qna .discription {
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        line-height: 27.907px;
        padding-top: 15.349px;
        padding-bottom: 2.791px;
        width: 100%;
    }
    
    .qna .inputText {
        padding: 0 19.535px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        margin-top: 15.349px;
        width: 100%;
        height: 55.044px;
        border: 1.804px solid var(--light-gray);
        position: relative;
    }
    
    .qna .email {
        padding: 0 19.535px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        margin-top: 15.349px;
        width: 100%;
        height: 55.044px;
        border-bottom: 1.804px 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: 19.535px;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .qna .textarea {
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        margin-top: 15.349px;
        padding: 19.535px 19.535px 48.837px 19.535px;
        width: 100%;
        height: 209.302px;
        border: 1.804px 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: 19.535px;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .qna .textarea .number {
        position: absolute;
        right: 19.535px;
        bottom: 19.535px;
        color: var(--light-gray);
    }
    
    .fileArea {
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        margin-top: 40.986px;
        width: 100%;
    }
    
    .fileArea .innerArea {
        width: 100%;
        height: 55.044px;
        display: flex;
    }
    
    .fileArea .fileButton {
        width: 101.046px;
        height: 39.696px;
        border: 1.804px solid #DBDBDB;
        margin: auto 0;
    }
    
    .fileArea .innerArea input {
        width: 97.694px;
        height: 36.276px;
        font-size: 18.14px;
        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 13.953px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 400;
    }
    
    .fileArea .filename {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 115.000px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 400;
    }
    
    .fileArea .fileDelete {
        position: absolute;
        right: 0;
        background-image: url("/img2/x.svg");
        background-size: 15.349px 15.349px;
        background-repeat: no-repeat;
        background-position: center;
        width: 55.044px;
        height: 55.044px;
        filter: brightness(0);
    
    }
    
    .qna .buttonArea {
        display: flex;
        width: 100%;
        margin-top: 72.558px;
    }
    
    .qna .button {
        width: 242.790px;
        height: 64.182px;
        border-radius: 6.978px;
        background: #000;
        color: #FFF;
        text-align: center;
        font-size: 22.326px;
        font-style: normal;
        font-weight: 600;
        margin: auto;
    }
    
    .qna .subTitle {
        margin-top: 34.254px;
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
    }
    
    
    
    .myinfo {
        padding: 27.907px;
        width: 100%;
        height: 100%;
        background-color: #fff;
        color: var(--gray);
    
    }
    
    .myinfo .title {
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        padding-bottom: 2.791px;
        width: 100%;
        height: 35.190px;
        display: flex;
        align-items: center;
        border-bottom: 5.412px solid #000;
    }
    
    .myinfo .button {
        width: 105.564px;
        height: 39.696px;
        border: 1.804px solid #DBDBDB;
    }
    .myinfo .button.fRight {
        float: right;
    }
    
    
    .myinfo .button.right {
        margin-left: auto;
    }
    
    .myinfo .button input {
        width: 99.072px;
        height: 36.276px;
        font-size: 18.14px;
        z-index: 2;
        border: none;
        background-color: #fff;
        color: var(--gray);
        padding-top: 4.2px;
        line-height: 0;
    }
    
    
    .myinfo .content {
        margin-top: 25.116px;
        text-align: left;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 400;
        line-height: 26.512px;
    }
    
    .myinfo .content.memberInfo {
    }
    
    .myinfo .loginArea {
        margin-top: 44.346px;
        display: flex;
    }
    
    .myinfo .loginArea:last-child {
        margin-bottom: 70.938px;
    }
    
    .myinfo .loginArea .text {
        margin-left: 13.953px;
        font-family: "SF Pro";
        font-size: 19.535px;
        font-style: normal;
        font-weight: 510;
        color: var(--gray);
    }
    
    .myinfo .loginArea .google {
        background-image: url("/img2/google_logo.svg");
        background-size: 30.698px 30.698px;
        background-repeat: no-repeat;
        background-position: center;
        width: 30.698px;
        height: 30.698px;
    }
    
    .myinfo .loginArea .apple {
        background-image: url("/img2/apple_logo_B.svg");
        background-size: 25.020px 30.698px;
        background-repeat: no-repeat;
        background-position: center;
        width: 30.698px;
        height: 30.698px;
    }
    
    .myinfo table {
        /* width: 488.372px; */
        float: left;
    }
    
    .myinfo th {
        width: 156px;
        align-content: baseline;
    }
    
    .myinfo td {
        min-height: 43.256px;
        padding-bottom: 18.14px;
        align-content: baseline;
    }
    
    .myinfo .logout {
        color: #000;
        font-family: "SF Pro";
        font-size: 19.535px;
        font-style: normal;
        font-weight: 860;
        height: 219.535px;
        position: absolute;
        bottom: 0;
    }
    
    .myinfo .logout span {
        display: block;
        height: 34.884px;
    }
    .paymentBack{
        z-index: 2000000;
    }
    #payment.modal{
        width: 600px;
    }
    #payment.modal .portone-ui-container{
        padding: 83px 30px;
    }
    .payment {
        padding: 27.907px 27.907px 0 27.907px;
        background-color: #fff;
    }
    
    
    .payment .pagingArea {
        height: 40.605px;
        border-bottom: 1.804px solid #e8e8e8;
    }
    
    .payment .pagingArea .pagingArea2 {
        color: #000;
        font-style: normal;
        font-weight: 600;
        height: 35.190px;
        align-items: center;
        display: flex;
        padding-bottom: 5.412px;
    }
    
    .payment .pagingArea .pagingArea2 .gray {
        color: var(--gray);
    }
    
    .size14 {
        font-size: 19.535px;
    }
    
    .size17 {
        font-size: 23.721px;
    }
    
    .size13 {
        font-size: 18.14px;
    }
    
    .payment .pagingArea .pagingArea2 .center {
        margin: auto;
    }
    
    .payment .title {
        display: block;
        color: #000;
        width: 100%;
        height: 41.860px;
        border-bottom: 5.412px solid #000;
        margin-top: 37.674px;
    }
    
    .payment .title .text {
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        line-height: 28.870px;
        display: flex;
        align-items: center;
        height: 100%;
    }
    
    .payment .discription {
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        line-height: 27.907px;
        padding-top: 15.349px;
        padding-bottom: 2.791px;
        width: 100%;
    }
    
    .payment div.borderBottom {
        border-bottom: 1.602px solid #000;
    }
    
    .payment .area .name {
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        height: 30.698px;
        display: flex;
        align-items: center;
    }
    
    .payment .area .tel {
        color: var(--gray);
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        height: 38.400px;
        display: flex;
        align-items: center;
    }
    
    .payment .area .addr {
        color: #000;
        font-size: 19.535px;
        font-style: normal;
        font-weight: 600;
        line-height: 133%;
    }
    
    .payment .textarea {
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        margin-top: 15.349px;
        padding: 19.535px 19.535px 48.837px 19.535px;
        width: 100%;
        height: 209.302px;
        border: 1.804px 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: 19.535px;
        font-style: normal;
        font-weight: 400;
    }
    
    
    .payment .textarea .number {
        position: absolute;
        right: 19.535px;
        bottom: 19.535px;
        color: var(--light-gray);
    }
    
    .payment .button {
        width: 118.980px;
        height: 39.696px;
        background-color: #fff;
        color: var(--gray);
        text-align: center;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        border: 1.804px solid #DBDBDB;
    }
    
    .payment .typeButton {
        height: 64.182px;
        background-color: #fff;
        border: 1.395px solid #C4C4C4;
        border-radius: 6.978px;
        color: var(--gray);
        font-size: 19.535px;
        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: 13.953px;
    }
    
    .payment .one .typeButton {
        width: 100%;
    }
    
    .payment .three {
        display: grid;
        grid-template-columns: 0.9fr 0.9fr 0.9fr;
        column-gap: 2.56%;
        row-gap: 13.953px;
    }
    
    .payment .left {
        float: left;
        width: 488.372px;
    }
    
    .payment .right {
        float: right;
        width: 125.580px;
    }
    
    
    
    .payment .orderItem:not(:last-child) {
        border-bottom: 1.395px solid #E8E8E8;
    }
    
    
    
    .payment .orderItem ul {
        margin: 29.302px 0;
        width: 100%;
        height: 144.426px;
        position: relative;
    }
    
    .payment .orderItem .left {
        float: left;
        height: 144.426px;
        position: absolute;
    }
    
    
    .payment .orderItem .right {
        float: right;
        width: 421.656px;
        height: 144.426px;
    }
    
    .payment .orderItem .brand {
        height: 25.254px;
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    
    
    .payment .orderItem .thum {
        float: right;
        width: 113.844px;
        height: 144.426px;
    }
    
    .payment .orderItem .thum img {
        width: 113.844px;
        height: 144.426px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    
    
    .payment .orderItem .name {
        color: #000;
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        margin-top: 25.566px;
        margin-bottom: 12.612px;
        display: flex;
        align-items: center;
    }
    
    .payment .orderItem .option {
        color: var(--gray);
        padding: 2.791px 0;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .payment .orderItem .price {
        color: var(--gray);
        font-size: 18.14px;
        font-style: normal;
        font-weight: 700;
        bottom: 0;
        position: absolute;
        padding-bottom: 2.791px;
        display: flex;
        align-items: center;
    }
    
    .payment .selectTotal {
        width: 100%;
        margin: 43.256px 0;
        padding-top: 28.870px;
    }
    
    .payment .selectTotal.two {
        padding-top: 0;
        padding-bottom: 27.907px;
    }
    
    .payment .selectTotal.three {
        margin: 0;
        padding: 0;
        display: flex;
        height: 522.326px;
    }
    
    .payment .selectTotal div .cal:not(:first-child) {
        margin-top: 32.472px;
    }
    
    .payment .selectTotal .cal {
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        height: 25.254px;
    }
    
    .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: 23.721px;
        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: 18.14px;
    }
    
    .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: 23.721px;
        float: right;
    }
    
    .payment .selectTotal .description {
        width: 100%;
        height: 69.767px;
        margin-top: 67.158px;
        color: var(--gray);
        text-align: center;
        font-family: "NanumBarunGothic";
        font-size: 16.744px;
        font-style: normal;
        font-weight: 600;
        line-height: 27.907px;
    }
    .payment .selectTotal .discription {
        padding: 50.253px;
    }
    .payment .selectTotal .buttonArea {
        width: 100%;
        display: flex;
    }
    
    .payment .selectTotal .signupButton {
        width: 242.790px;
        height: 64.182px;
        flex-shrink: 0;
        border-radius: 6.978px;
        background: #000;
        color: #fff;
        font-size: 22.326px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin: auto;
        cursor: pointer;
    }
    
    .favoriteArea {
        padding: 0 20.930px;
    }
    
    .favoriteArea .item:not(:first-child) {
        margin-top: 27.321px;
    }
    
    .favoriteArea .item:last-child {
        margin-bottom: 219.535px;
    }
    
    .favoriteArea .item {
        margin-top: 37.879px;
        border-top: 5.412px solid #fff;
        border-bottom: 1.804px solid #fff;
    }
    
    .favoriteArea .item ul {
        margin: 27.708px 0;
        width: 100%;
        height: 144.426px;
    }
    
    .favoriteArea .item .left {
        float: left;
        width: -webkit-calc(100% - 41.860px);
        width: -moz-calc(100% - 41.860px);
        width: calc(100% - 41.860px);
        height: 144.426px;
    
    }
    
    
    .favoriteArea .item .left .thum {
        width: 100%;
        height: 72.439px;
    
    }
    
    .favoriteArea .item .left .thum img {
        width: 72.439px;
        height: 72.439px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
    }
    
    .favoriteArea .item .left .thum span {
        margin-left: 13.953px;
        color: #fff;
        font-size: 22.326px;
        font-style: normal;
        font-weight: 600;
        line-height: 17.594px;
        letter-spacing: -0.9px;
    }
    
    
    
    .favoriteArea .item .style {
    
        height: 25.116px;
        color: #fff;
        font-size: 23.721px;
        font-style: normal;
        font-weight: 600;
        margin-top: 25.566px;
        margin-bottom: 12.612px;
        display: flex;
        align-items: center;
    }
    
    .favoriteArea .item .intro {
        color: var(--gray);
        padding: 2.791px 0;
        font-size: 18.14px;
        font-style: normal;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    
    .favoriteArea .item .right {
        float: right;
        height: 144.426px;
        width: 41.860px;
    }
    
    .favoriteArea .item img.star {
        width: 30.698px;
        height: 30.698px;
        background-image: url("/img2/star_off.svg");
        background-size: 30.698px 30.698px;
        float: right;
    }
    
    .favoriteArea .item img.star.on {
        background-image: url("/img2/star_on.svg");
    }
    .versionInfo{
        display: flex;
        position: fixed;
        width: 180.000px;
        bottom: 30.000px;
        right: 30.000px;
    }
    .versionInfo a{
        margin: auto;
    }
  }