@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'RecipekoreaOTF';
    src: url('RecipekoreaOTF.woff') format('woff'),
    url('RecipekoreaOTF.ttf') format('truetype'),
    url('RecipekoreaOTF.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.nunito-sans-900 {
                  font-family: "Nunito Sans", sans-serif;
                  font-optical-sizing: auto;
                  font-weight: 900;
                  font-style: normal;
                  font-variation-settings:
                          "wdth" 100,
                          "YTLC" 500;
              }

* { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }
html {
    background: rgba(200, 200, 200, 0.2);
}
html body {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
    /*height: 100%;*/
    height: auto;
    min-height: calc(var(--vh, 1vh) * 100);
}
body {

    background: #ffffff;
    /*transform: translate(0, 0);*/
}
*::-webkit-scrollbar {width: 10px;height: 10px;}
*::-webkit-scrollbar-track {background: transparent;}
*::-webkit-scrollbar-thumb {background-color: #D7D8DB;border-radius: 6px;background-clip: padding-box;border: 3px solid transparent;}
*::-webkit-scrollbar-thumb:hover {background: #888;background-clip: padding-box;}

a,input,label { -webkit-tap-highlight-color : transparent !important;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox  */
input[type='number'] {
    -moz-appearance: textfield;
}

#hd,#ft {display: none}

.main-hide {display: none !important;}

.mainBackColor {background: rgba(99, 66, 232, 1)}
.mainFontColor {color: rgba(99, 66, 232, 1)}
.color-border {border: 1px solid #7F77FE !important;}

.transBack {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 2;display: none}
.transBack.on {display: block}

.modal_container{display: none !important;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;overflow: hidden;align-items: center;justify-content: center;background:rgba(0,0,0,0.8)}
.modal_container.show{display: flex !important; align-items: center; justify-content: center;}
.modal_container .modal_wrapper{position:relative;width: 450px; padding: 0 10px}
.modal_container .modal_wrapper .closeIcon {position: absolute;top: 20px;right: 30px;z-index: 5; border: none;background: transparent;}
.modal_container .modal_wrapper .closeIcon img {height: 24px}
.modal_container .inner{padding:40px 20px 32px;width: 100%;max-width: 100%;max-height: 90vh;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);background: #fff;position: relative;display: flex;flex-direction: column;}
.modal_container .title{margin: 0 0 20px 0;line-height: 20px;font-size: 18px;font-weight: bold;color: #111;text-align: center;}
.modal_container .text{line-height:20px;font-size: 16px;font-weight: 500;color:#333333;text-align:center;}
.modal_container .button{margin:24px 0 0 0;display:flex;align-items:center;justify-content:center;}
.modal_container .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;width:100%;height:40px;border-radius:40px;border:1px solid #ddd;font-size:14px;font-weight:500;}
.modal_container .button .btn + .btn{margin-left:8px}

#container_title {height: 56px;/*box-shadow: 0px 2px 2px 0px #0000001A;*/padding: 0 16px;display: flex; align-items: center;gap: 20px}
#container_title.title-center {justify-content: center}
#container_title.title-center a{display: none}
#container_title.gapS {gap: 8px }
#container_title.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 999;
    max-width: 450px;
    left: 50%;
    transform: translate(-50%, 0);
}

#container_title a {display: flex; height: 100%;align-items: center;margin: 0;gap: 4px;font-size: 16px; font-weight: 500;letter-spacing: -0.4px;color: #333}
#container_title a img {height: 24px}
#container_title span {font-size: 16px; line-height: 22px; font-weight: 500; letter-spacing: -0.3px; cursor: pointer}
#container_title span.on {color: #6342E8}

#container_title .code-copy {width: 46px; height: 16px; display: flex; justify-content: center; align-items: center; color: #fff; background: #6342E8;border-radius: 4px;font-size: 10px; font-weight: 500;}

#container input[type=text],#container input[type=number],#container input[type=password] {height: 50px; width: 100%; border: 1px solid #bebebe; border-radius: 10px;padding: 17px 10px; font-size: 16px;outline: none !important;line-height: 50px}
#container input[type=text]::placeholder,#container input[type=password]::placeholder,#container input[type=number]::placeholder,#container textarea::placeholder {color: #bebebe;font-size: 12px;}

.btnBT {width: 100%;height: 40px;border-radius: 40px;display: flex;justify-content: center;align-items: center;font-size: 14px;line-height: 14px;color: #fff;background: #6342E8; transition: all .2s;font-weight: 700}
.btnBT.disabled {background: #BEBEBE !important; pointer-events: none}

.checkBox { display: flex; gap: 10px 40px; flex-wrap: wrap}
.checkBox label { display: flex; align-items: center; cursor: pointer}
.checkBox label input {display: none}
.checkBox label input[type=radio]~i,.checkBox label input[type=checkbox].radio~i { width: 24px; height: 24px;flex-shrink: 0; margin: 0 8px 0 0; background: url("../img/radio_off.png") no-repeat 50% 50%/contain}
.checkBox label input[type=checkbox]~i { width: 20px; height: 20px;flex-shrink: 0; margin: 0 12px 0 0; background: url("../img/check_off.png") no-repeat 50% 50%/contain}
.checkBox label input~p { font-size: 14px; font-weight: 700; color: #333;line-height: 14px}
.checkBox label input[type=radio]:checked~i,.checkBox label input[type=checkbox].radio:checked~i { background: url("../img/radio_on.png") no-repeat 50% 50%/contain}
.checkBox label input[type=checkbox]:checked~i { background: url("../img/check_on.png") no-repeat 50% 50%/contain}

/*.search-input {background: transparent url(../img/search_icon.png) no-repeat right 16px center / auto 20px !important;cursor: pointer}*/
/*.search-input.on {background: transparent url(../img/search__on_icon.png) no-repeat right 16px center / auto 20px !important;cursor: pointer}*/

#appbar {
}

#appbar .appbar {
    width: 100%;
    background: #fff;
    box-shadow: 0px -1px 4px 0px #0000000D;
    z-index: 1013;
    transition: all .5s;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 450px;
}

#appbar .appbar ul {
    display: flex;
    height: 55px
}

#appbar .appbar li {
    flex: 1
}

#appbar .appbar li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%
}

#appbar .appbar li a i {
    width: 24px;
    height: 24px;
    background: #fafafa
}

#appbar .appbar li a p {
    margin: 3px 0 0;
    line-height: 10px;
    font-size: 10px;
    color: #BEBEBE;
    font-weight: 400
}
#appbar .appbar li.on a p {color: #6342E8}
#appbar .appbar li.home a i { background: url("../img/appbar1_off.png") no-repeat 50% 50%/contain }
#appbar .appbar li.home.on a i { background: url("../img/appbar1_on.png") no-repeat 50% 50%/contain }
#appbar .appbar li.receive a i { background: url("../img/appbar2_off.png") no-repeat 50% 50%/contain}
#appbar .appbar li.receive.on a i { background: url("../img/appbar2_on.png") no-repeat 50% 50%/contain}
#appbar .appbar li.send a i {background: url("../img/appbar3_off.png") no-repeat 50% 50%/contain}
#appbar .appbar li.send.on a i {background: url("../img/appbar3_on.png") no-repeat 50% 50%/contain}
#appbar .appbar li.mypage a i { background: url("../img/appbar4_off.png") no-repeat 50% 50%/contain}
#appbar .appbar li.mypage.on a i { background: url("../img/appbar4_on.png") no-repeat 50% 50%/contain}


.intro-wrap {background: #000;height: calc(var(--vh, 1vh) * 100);padding: 150px 40px 0;text-align: center}
.intro-wrap .mainText {font-size: 64px; color: #fff;line-height: 87.3px;margin-bottom: 110px;text-align: center;display: inline-block}
.intro-wrap .startBtn {width: 260px; height: 40px; border-radius: 40px;text-align: center; color: #fff; font-size: 14px;border: 0;margin-bottom: 30px}
.intro-wrap .useAccount {color: rgba(190, 190, 190, 1);font-size: 14px;font-weight: 500;margin-bottom: 30px}
.intro-wrap .useAccount a {font-weight: 700; font-size: 14px;color: rgba(99, 66, 232, 1);padding-left: 8px}
.intro-wrap .social_login .hr-line { text-align: center;margin-bottom: 30px}
.intro-wrap .social_login .hr-line span {color: #fff; font-size: 14px;font-weight: 500;position: relative;line-height: 14px}
.intro-wrap .social_login .hr-line span:before {
    content: '';
    background: transparent;
    width: 77px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 1px;
    border-top: 1px solid #fff;
    right: 26px;
}
.intro-wrap .social_login .hr-line span:after {
    content: '';
    background: transparent;
    width: 77px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 1px;
    border-top: 1px solid #fff;
    left: 26px;
}
.intro-wrap #sns_login{border: 0;margin: 0}
.intro-wrap #sns_login h3 {display: none !important;}
.intro-wrap .sns-wrap {display: flex;gap: 30px;justify-content: center}
.intro-wrap #sns_login .txt {display: none !important;}
.intro-wrap #sns_login .sns-icon {width: 55px; height: 55px;border-radius: 8px;display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    line-height: unset;}

.register {height: calc((var(--vh, 1vh) * 100) - 56px);}
.register .tab{padding: 0 20px;}
.register .mainTitle {font-size: 24px; font-weight: 700; line-height: 30px; color: #333;margin-bottom: 32px;padding-top: 24px;padding-left: 20px}
.register .subTitle {font-size: 14px; font-weight: 500; color: #333; line-height: 17.5px;margin-bottom: 24px}
.register .buttonBox {margin-top: 40px}
.register .privacy-btn {margin-top: 32px}
.register .privacy-btn a{font-size: 14px; color: #6342E8;display: block; text-align: center;font-weight: 500}
.register .inputBox{}
.register .inputBox input+input {margin-top: 8px}
.register .buttonBox2 {margin-top: 24px}
.register .checkBox {padding: 16px 0;margin-top: 0;border-bottom: 1px solid #ECECEC;border-top: 1px solid #ECECEC;margin-bottom: 40px}
.register .checkBox.all {margin-top: 32px;padding-top: 0;padding-bottom: 16px; border: 0;margin-bottom: 0}
.register .checkBox label+label {margin-top: 16px}
.register .form {}
.register .form .row {margin-bottom: 32px}
.register .form .row p {font-size: 13px;color: #333;margin-bottom: 8px;font-weight: 500}
.register .form .row .row-sub + .row-sub {margin-top: 16px}
.register .form .row .row-sub {position: relative;overflow: hidden;}
.register .form .row .row-sub a {position: absolute; right: 0; top: 50%; transform: translate(0, -50%);line-height: 13px; font-size: 13px; font-weight: 400; color: #BEBEBE;/*padding: 18.5px 16px*/padding: 10px 16px}
.register .form .row .row-sub a.on {color:#6342E8 }

.register .form .row .row-sub button {position: absolute;border: 0;background: transparent; right: 5px; top: 50%; transform: translate(0, -50%);line-height: 13px; font-size: 13px; font-weight: 400; color: #BEBEBE;/*padding: 18.5px 16px*/padding: 10px 11px}
.register .form .row .row-sub button.on {color:#6342E8 }

.register .form .row .attentionEmail {margin-top: 8px; display: none;align-items: center; gap: 8px}
.register .form .row .attentionEmail.on {display: flex;}
.register .form .row .attentionEmail p {font-size: 13px; font-weight: 400; color: #EA4335; line-height: 10px;margin-bottom: 0}
.register .form .row .attentionEmail img {height: 24px;}
.register .form .row .attentionNick {margin-top: 8px; display: none;align-items: center; gap: 8px}
.register .form .row .attentionNick.on {display: flex;}
.register .form .row .attentionNick p {font-size: 13px; font-weight: 400; color: #EA4335; line-height: 10px;margin-bottom: 0}
.register .form .row .attentionNick img {height: 24px;}
.register .form .row input+input {margin-top: 16px}
.register .form .row input.search {background: transparent url(../img/search.png) no-repeat right 15px center / auto 20px !important;cursor: pointer}
.register .form .attention {display: flex;align-items: center;gap: 4px;font-size: 14px; font-weight: 500;line-height: 20px}
.register .form .attention img {height: 20px}

.register.login .buttonBox3 {margin-top: 24px;}

.register.login .go-join {margin-top: 32px; }
.register.login .go-join p{font-size: 14px; line-height: 14px; font-weight: 500; color: #BEBEBE;text-align: center}
.register.login .go-join a {color: #6342E8; font-weight: 700;padding-left: 8px}
.register.login .form .row {margin-bottom: 0}
.register.login .form .row+.row {margin-top: 24px}
.register.login .forgot_pw {margin-top: 16px}
.register.login .forgot_pw a{display: block;text-align: right; font-size: 13px;font-weight: 500; color: #6342E8}


.main-search {padding: 72px 20px}
.main-search .subject{}
.main-search .subject p {font-size: 24px; font-weight: 700;margin-bottom: 24px}
.main-search .search-box {position: relative}
.main-search .search-box button {width: 24px; height: 24px; background: url("../img/search_icon.png") no-repeat;background-size: cover; border: 0;position: absolute; right: 16px; top: 50%; transform: translate(0,-50%)}
.main-search .search-box button.on {width: 24px; height: 24px; background: url("../img/search__on_icon.png") no-repeat;background-size: cover; border: 0;position: absolute; right: 16px; top: 50%; transform: translate(0,-50%)}
.main-search .search-box input.error {border: 1px solid #EA4335 !important;}
.main-search .error-msg {display: none}
.main-search .error-msg.on {display: flex;margin-top: 24px; align-items: center;gap: 8px}
.main-search .error-msg img {height: 24px; }
.main-search .error-msg p {font-size: 13px; font-weight: 400; color: #EA4335}
.main-search .search-code {display: flex;align-items: center;gap: 10px;margin-bottom: 40px}
.main-search .search-code ul {display: flex; gap: 6px;width: calc(50% - 16px)}
.main-search .search-code ul li {display: flex;justify-content: center;align-items: center;box-shadow: 0px 0.5px 2px 0px #00000026 inset;background: #F8F8F8;border-radius: 4px;}
.main-search .search-code ul li input {font-size: 32px !important; font-weight: 400 !important; color: #202224;background: transparent;border: 0 !important;padding: 0 !important;text-align: center !important;}
.main-search .search-code .hyphen {width: 12px; height: 4px; border-radius: 2px; background: #F0F0F0;display: block}

.market-home {padding-top: 56px}
.market-home .top {box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); height: 56px; display: flex;align-items: center; justify-content: space-between;padding: 0 20px;
    /*position: relative*/
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 999;
    max-width: 450px;
    left: 50%;
    transform: translate(-50%, 0);

}
.market-home .top .left{display: flex;align-items: center;gap: 12px}
.market-home .top .left .market-img{
    width: 33px;
    height: 33px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 2.5px solid #6342E8;
    padding: 1px;}
.market-home .top .left .market-img img{width: 100%; height: 100%; object-fit: cover;border-radius: 50%}
.market-home .top .left .market-name{font-size: 16px; line-height: 22px; letter-spacing: -0.4px;font-weight: 500; color: #6342E8 }
.market-home .top .right{display: flex;align-items: center;gap: 8px}
.market-home .top .right .zzim{}
.market-home .top .right .zzim button{width: 24px; height: 24px; background: url("../img/zzim_off.png") no-repeat; background-size: cover}
.market-home .top .right .zzim button.on{width: 24px; height: 24px; background: url("../img/zzim_on.png") no-repeat; background-size: cover}
.market-home .top .right .close{}
.market-home .top .right .close button{width: 24px; height: 24px; background: url("../img/close_black.png") no-repeat; background-size: cover}
.market-home .top .right .setting {}
.market-home .top .right .setting button{width: 24px; height: 24px; background: url("../img/more_icon.png") no-repeat; background-size: cover}
.market-home .top .partner-menu {position: absolute; padding: 16px 10px; display: none}
.market-home .top .partner-menu.on {display: flex;flex-direction: column; gap: 16px;top: 50px;right: 10px;background: #fff;z-index: 3; border: 1px solid rgba(99, 66, 232, 0.5); border-radius: 4px  }
.market-home .top .partner-menu a{font-size: 14px; line-height: 12px; font-weight: 400; color: #202224}
.market-home .add-item-btn {width: 60px; height: 60px;background: transparent;position: absolute;/*bottom: 65px;*/top: calc(100vh - 125px);right: 10px;z-index: 3}
.market-home .add-item-btn img{width: 100%; height: 100%; object-fit: cover}

.list-wrap {padding: 16px 10px 95px}
.list-wrap .list-filter {margin-bottom: 16px;padding: 0 10px}
.list-wrap .list-filter input[type=checkbox]{display: none}
.list-wrap .list-filter input[type=checkbox] + label {display: flex; align-items: center; font-size: 14px; line-height: 14px; font-weight: 400;color: #BEBEBE;gap: 4px;cursor: pointer}
.list-wrap .list-filter input[type=checkbox]:checked + label {display: flex; align-items: center; font-size: 14px; line-height: 14px; font-weight: 400;color: #6342E8}
.list-wrap .list-filter input[type=checkbox] + label i {display: block; width: 18px; height: 18px; background: url("../img/radio_circle_off.png") no-repeat; background-size: cover}
.list-wrap .list-filter input[type=checkbox]:checked + label i {display: block; width: 18px; height: 18px; background: url("../img/radio_circle_on.png") no-repeat; background-size: cover}
.list-wrap .list .item {border-radius: 10px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}
.list-wrap .list .item+.item {margin-top: 24px}
.list-wrap .list .item .thumb {border-radius: 10px 10px 0 0 ;  overflow: hidden;position: relative}
.list-wrap .list .item .thumb .sold-out {background: rgba(0, 0, 0, 0.7);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2}
.list-wrap .list .item .thumb .sold-out p{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 30px; line-height: 30px; font-weight: 700;  font-family: "Poppins", sans-serif !important;}
.list-wrap .list .item .thumb .swiper {}
.list-wrap .list .item .thumb .swiper .swiper-slide {aspect-ratio: 3 / 4; max-width: 100%}
.list-wrap .list .item .thumb .swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover}
.list-wrap .list .item .thumb .swiper .swiper-pagination {}
.list-wrap .list .item .thumb .type-label {position: absolute;top: 0;left:0;z-index: 2; display: flex; width: 103px; height: 32px;justify-content: center; align-items: center; gap: 4px; background: rgba(255,255,255,0.7); border-radius: 10px 0 10px 0}
.list-wrap .list .item .thumb .type-label p {font-size: 14px; font-weight: 500; color: #6342E8;line-height: 14px;}
.list-wrap .list .item .thumb .type-label.typeM .label-img {width: 16px; height: 16px;background: url("../img/product-label1.png") no-repeat; background-size: contain}
.list-wrap .list .item .thumb .type-label.typeC .label-img {width: 16px; height: 16px;background: url("../img/product-label2.png") no-repeat; background-size: contain}
.list-wrap .list .item .thumb .type-label.typeN .label-img {width: 16px; height: 16px;background: url("../img/product-label3.png") no-repeat; background-size: contain}
.list-wrap .list .item .thumb .type-label.typeN {background: rgba(32, 34, 36, 0.7); }
.list-wrap .list .item .thumb .type-label.typeN p {color: #fff}

.list-wrap .list .item .code {height: 40px; background: #6342E8; display: flex; justify-content: space-between; align-items: center;padding: 0 16px;cursor: pointer }
.list-wrap .list .item .code p {color: #fff;font-size: 14px; font-weight: 500; }
.list-wrap .list .item .code a {color: #fff; display: flex; align-items: center;font-size: 14px; font-weight: 500;gap: 4px }
.list-wrap .list .item .code a img {height: 16px}
.list-wrap .list .item .detail {padding: 16px;cursor: pointer}
.list-wrap .list .item .detail .item-name {font-size: 18px; font-weight: 700; letter-spacing: -0.3px;line-height: 22.54px;margin-bottom: 8px}
.list-wrap .list .item .detail .item-description {font-size: 12px; line-height: 16px; letter-spacing: -0.1px; font-weight: 400;white-space: pre-line;
    /* Multi-line ellipsis */
    display: -webkit-box; /* 사용 필수 */
    -webkit-line-clamp: 3; /* 최대 줄 수 설정 */
    -webkit-box-orient: vertical; /* 텍스트 방향 지정 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 넘치는 텍스트에 ... 추가 */
}
.list-wrap .list .item .thumb .swiper .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background-color: #fff;
    opacity: 1;
    margin: 2px;
}
.list-wrap .list .item .thumb .swiper .swiper-pagination-bullet-active {
    background-color: #6342E8;
}
.list-wrap .list .empty {padding-top: 104px;text-align: center}
.list-wrap .list .empty p {display: inline-block; background: #D1D1D6; color: #fff; padding: 10px; font-size: 16px; line-height: 16px; font-weight: 500; border-radius: 10px}
.list-wrap.empty .list-filter{display: none}
.list-wrap.empty .list .item {display: none}

.market-detail {}
.market-detail .swiper {}
.market-detail .swiper .swiper-slide {}
.market-detail .swiper .swiper-slide img{max-width: 100%}
.market-detail .thumb .swiper .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background-color: #B4B4B4;
    opacity: 1;
    margin: 2px;
}
.market-detail .thumb .swiper .swiper-pagination-bullet-active {
    background-color: #6342E8;
}
.market-detail .thumb .swiper .swiper-slide {padding-bottom: 32px;}
.market-detail .thumb .swiper .swiper-slide .detail-img { aspect-ratio: 3 / 4; max-width: 100%;}
.market-detail .thumb .swiper .swiper-slide .detail-img img{width: 100%; height: 100%; object-fit: cover}
.market-detail .detail {}
.market-detail .detail-content {padding: 6px 20px 20px; border-bottom: 1px solid #BEBEBE}
.market-detail .detail-content .item-name {font-size: 22px; font-weight: 700; letter-spacing: -0.3px;line-height: 27.54px;margin-bottom: 16px}
.market-detail .detail-content .item-description {font-size: 14px; line-height: 17.53px; letter-spacing: -0.1px; font-weight: 400;white-space: pre-line}
.market-detail .detail .price-wrap {display: flex;/*align-items: center;*/align-items: start;  justify-content: space-between;padding: 20px 20px 25px}
.market-detail .detail .price-wrap .price {font-size: 24px; line-height: 30.05px; font-weight: 500; letter-spacing: -0.3px;color: #6342E8;padding-left: 4px}
.market-detail .detail .price-wrap .price.small {font-size: 16px;display: flex;flex-direction: column}
.market-detail .detail .price-wrap .price.small span {line-height: 20px}
.market-detail .detail .price-wrap .price.small .eng {font-size: 10px;line-height: 13px;text-align: center}
.market-detail .detail .price-wrap .option {display: flex;align-items: center;gap: 7px}
.market-detail .detail .price-wrap .option > p {font-size: 14px; font-weight: 500; line-height: 17.53px; letter-spacing: -0.3px;color: #6342E8}
.market-detail .detail .price-wrap .option .qty {min-width: 78px;border: 1px solid rgba(99, 66, 232, 0.5);display: flex; align-items: center; border-radius: 24px; padding: 2.24px 8px;gap: 10px;justify-content: center}
.market-detail .detail .price-wrap .option .qty button{background: transparent;width: 16px; height: 16px;display: flex;align-items: center;justify-content: center}
.market-detail .detail .price-wrap .option .qty button img {width: 100%;height: 100%; object-fit: cover}
.market-detail .detail .price-wrap .option .qty .minus{}
.market-detail .detail .price-wrap .option .qty .plus{}
.market-detail .detail .price-wrap .option .qty span {font-size: 14px; font-weight: 400; line-height: 17.53px; letter-spacing: -0.3px;color: #202224}
.market-detail .detail .price-wrap .option.limited > p{color: #EA4335}
.market-detail .detail .price-wrap .option.limited .qty button{display: none}
.market-detail .detail .price-wrap .option.limited .qty {border: 1px solid rgba(234, 67, 53, 0.5)}
.market-detail .button-wrap {padding: 0 20px 95px}

.order-wrap .search-box {position: relative;margin-bottom: 8px}
.order-wrap .search-box button {width: 24px; height: 24px; background: url("../img/search_icon_black.png") no-repeat;background-size: cover; border: 0;position: absolute; right: 16px; top: 50%; transform: translate(0,-50%)}
.order-wrap .search-input {background: transparent url(../img/search_icon_black.png) no-repeat right 13px center / auto 24px !important;cursor: pointer}


.order-wrap {padding: 0 20px 60px}
.order-wrap .item {padding: 8px 0;display: flex; gap: 10px;align-items: center;border-top: 1px dotted rgba(32, 34, 36, 1);border-bottom: 1px dotted rgba(32, 34, 36, 1)}
.order-wrap .item .item-img {width: 90px; height: 90px; border-radius: 10px; overflow: hidden; }
.order-wrap .item .item-img img{width: 100%; height: 100%; object-fit: cover}
.order-wrap .item .item-info {}
.order-wrap .item .item-info .item-name {font-size: 22px; font-weight: 700; color: #202224; line-height: 27.54px; letter-spacing: -0.3px}
.order-wrap .item .item-info .item-code {padding-top: 8px; font-size: 16px; font-weight: 400; line-height: 20.03px; letter-spacing: -0.3px;color: #202224}
.order-wrap .section-title {padding-top: 32px; font-size: 16px; color: #6342E8; font-weight: 700; line-height: 20.03px; letter-spacing: -0.3px}
.order-wrap .buyer-info {}
.order-wrap .input-row{}
.order-wrap .input-row+.input-row{}
.order-wrap .input-row .row-title{padding-top: 16px; padding-bottom: 8px; padding-left: 5px; font-size: 13px; line-height: 13px; font-weight: 500; color: #202224}
.order-wrap .payment-info {}
.order-wrap .payment-info .total-info {padding: 0 20px; }
.order-wrap .payment-info .total-info p{font-size: 16px; line-height: 16px; font-weight: 400; color: #202224; padding: 8px 0; border-bottom: 1px dotted #BEBEBE}
.order-wrap .payment-info .total-info .total-price{font-size: 18px; font-weight: 500; line-height: 18px; margin-bottom: 16px }
.order-wrap .payment-info .method {display: flex;align-items: center;gap: 40px;padding: 8px 20px 0}
.order-wrap .payment-info .payment-method input[type=radio]{display: none}
.order-wrap .payment-info .payment-method input[type=radio] + label {display: flex; align-items: center; font-size: 16px; line-height: 16px; font-weight: 400;color: #202224;gap: 8px;cursor: pointer}
.order-wrap .payment-info .payment-method input[type=radio]:checked + label {display: flex; align-items: center; font-size: 16px; line-height: 16px; font-weight: 400;/*color: #6342E8*/}
.order-wrap .payment-info .payment-method input[type=radio] + label i {display: block; width: 24px; height: 24px; background: url("../img/radio_off.png") no-repeat; background-size: cover}
.order-wrap .payment-info .payment-method input[type=radio]:checked + label i {display: block; width: 24px; height: 24px; background: url("../img/radio_on.png") no-repeat; background-size: cover}
.order-wrap .check-agree {padding-top: 40px}
.order-wrap .check-agree > p{display: flex;align-items: center;gap: 4px;font-size: 13px; font-weight: 400; color: #6342E8; line-height: 16.28px;    text-decoration: underline;}
.order-wrap .check-agree > p img {width: 16px; height: 16px}
.order-wrap .check-box {margin-top: 16px}
.order-wrap .check-box input[type=checkbox] {display: none}
.order-wrap .check-box input[type=checkbox] + label {display: flex; align-items: center; font-size: 16px; line-height: 16px; font-weight: 400;color: #202224;gap: 10px;cursor: pointer}
.order-wrap .check-box input[type=checkbox]:checked + label {display: flex; align-items: center; font-size: 16px; line-height: 16px; font-weight: 400;color: #202224}
.order-wrap .check-box input[type=checkbox] + label i {display: block; width: 20px; height: 20px; background: url("../img/check_off.png") no-repeat; background-size: cover}
.order-wrap .check-box input[type=checkbox]:checked + label i {display: block; width: 20px; height: 20px; background: url("../img/check_on.png") no-repeat; background-size: cover}
.order-wrap .button-wrap {margin-top: 40px}
.order-wrap .copy-row {position: relative}
.order-wrap .copy-row button{position: absolute;right: 0; top: 50%; transform: translate(0,-50%);font-size: 13px; font-weight: 400; color: #6342E8;background: transparent;height: 50px; padding: 0 16px;}
.order-wrap .description {display: flex;align-items: center;gap: 4px;font-size: 13px; font-weight: 400; color: #6342E8; line-height: 16.28px; margin-top: 5px}
.order-wrap .description img {width: 16px; height: 16px}
.order-wrap .bank-info .input-row .row-title {padding-top: 24px}
.order-wrap .bank-info .input-row select {height: 50px; width: 100%; border: 1px solid #bebebe; border-radius: 10px;padding: 0 10px; font-size: 16px;outline: none !important;line-height: 50px;  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;outline: none}

.order-wrap.finish {padding: 0}
.order-wrap .finish-wrap {padding: 0 20px;}
.order-wrap .finish-wrap .finish-title {font-size: 24px; font-weight: 700; line-height: 30.05px;padding: 16px 0}
.order-wrap .top {height: 56px;position: relative}
.order-wrap .top button {width: 24px; height: 24px;position: absolute; right: 16px; top: 50%; transform: translate(0,-50%);background: transparent}
.order-wrap .top button img {width: 100%; height: 100%; object-fit: cover}
.order-wrap .finish-txt {margin-top: 24px; font-size: 14px; font-weight: 400; color: #202224; line-height: 17.53px;margin-bottom: 40px}
.order-wrap .link {}
.order-wrap .link a{display: flex; align-items: center; gap: 8px; color: #6342E8; font-size: 16px; font-weight: 500; line-height: 20.03px}
.order-wrap .link a img{height: 24px;}
.order-wrap .link a+a {margin-top: 14px}

.order-wrap.mypage .order-status {margin: 16px 0 24px;display: flex;align-items: center;justify-content: center;position: relative;background: #fff;width: 100%;height:40px;color: #6342E8; font-size: 14px; font-weight: 500; border-radius: 10px}
.order-wrap.mypage .order-status:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px; /* 모서리 둥글게 */
    padding: 1px; /* 테두리 두께 */
    background: linear-gradient(90deg, #D868FF 0%, #68F6FF 100%); /* 그라디언트 테두리 */
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.order-wrap.mypage .row{display: flex;align-items: start;gap: 8px}
.order-wrap.mypage .row .subj{width: 60px;font-size: 14px; line-height: 17.53px; font-weight: 400; color: #202224;position: relative;min-width: 60px}
.order-wrap.mypage .row .subj span {position: absolute;right: 0}
.order-wrap.mypage .row .cont{font-size: 14px; line-height: 17.53px; font-weight: 400; color: #202224}
.order-wrap.mypage .row+.row {margin-top: 12px}
.order-wrap.mypage .section-title {padding-top: 24px;margin-bottom: 16px}
.order-wrap.mypage .section-title.nop {padding-top: 0 !important;}

.wishlist-wrap {padding: 0px 20px 95px}
.wishlist-wrap .wishlist-market{}
.wishlist-wrap .wishlist-market .market-row {padding: 6px 0}
.wishlist-wrap .wishlist-market .market-row a{background: #F1F4FB; border-radius: 60px 7px 7px 60px;padding: 0px 60px 0px 0px;display: flex; gap: 24px;align-items: center;position: relative}
.wishlist-wrap .wishlist-market .market-row+.market-row {margin-top: 4px}
.wishlist-wrap .wishlist-market .market-row .market-img {width: 60px; height: 60px;border-radius: 50%; overflow: hidden;outline: 6px solid #fff}
.wishlist-wrap .wishlist-market .market-row .market-img img{width: 100%; height: 100%; object-fit: cover}
.wishlist-wrap .wishlist-market .market-row .market-info {max-width: calc(100% - 84px);display: flex; flex-direction: column; gap: 8px}
.wishlist-wrap .wishlist-market .market-row .market-name{width: 100%;  white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: 500; line-height: 12px; letter-spacing: -0.3px; color: #6342E8}
.wishlist-wrap .wishlist-market .market-row .market-msg {font-weight: 400; font-size: 13px; color: #202224; line-height: 10px}
.wishlist-wrap .wishlist-market .market-row .market-notice {position: absolute;right: 20px; top: 50%; transform: translate(0,-50%); width: 20px; height: 20px; border-radius: 50%; color:#fff; font-size: 10px; font-weight: 700; background: #EA4335; display: flex;justify-content: center;align-items: center }
.wishlist-wrap .empty-wishlist {padding-top: 60px}
.wishlist-wrap .empty-wishlist .empty-subj{font-size: 24px; font-weight: 500; line-height: 30px; color: #6342E8;margin-bottom: 35px}
.wishlist-wrap .empty-wishlist p{font-size: 11px; color: #6342E8; text-align: center}
.wishlist-wrap .empty-wishlist p+p {margin-top: 11px}


.mypage-main {padding: 14px 20px 95px}
.mypage-main .edit-btn {position: absolute; top:0; right: 0; background: transparent;padding: 16px;z-index: 1000}
.mypage-main .edit-btn img{height: 24px;}
.mypage-main .profile { display: flex; flex-direction: column; align-items: center;}
.mypage-main .profile .img {width: 120px; height: 120px; margin-bottom: 8px;position: relative}
.mypage-main .profile .img img {width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.mypage-main .profile .name {font-size: 20px; line-height: 24px; font-weight: 500; color: #202224;margin-bottom: 20px;}
.mypage-main .partner-apply-btn {}
.mypage-main .partner-apply-btn button {position: relative;background: #fff;width: 100%;height:40px;color: #6342E8; font-size: 14px; font-weight: 500;margin-bottom: 16px; border-radius: 10px}
.mypage-main .partner-apply-btn button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px; /* 모서리 둥글게 */
    padding: 1px; /* 테두리 두께 */
    background: linear-gradient(90deg, #D868FF 0%, #68F6FF 100%); /* 그라디언트 테두리 */
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.mypage-main .partner-apply-btn .info {font-size: 12px; font-weight: 500; color: #BEBEBE; text-decoration: underline;margin-bottom: 24px;display: flex; justify-content: center}
.mypage-main .partner-apply-btn .info.on {color: #6342E8}
.mypage-main .menu {}
.mypage-main .menu ul{}
.mypage-main .menu ul li{height: 52px;display: flex; align-items: center}
.mypage-main .menu ul li+li {border-top: 1px solid #F4F4F4}
.mypage-main .menu ul li a{display: flex;align-items: center;height: 100%;justify-content: space-between;width: 100%}
.mypage-main .menu ul li a .menu-row {display: flex;align-items: center; gap: 8px;}
.mypage-main .menu ul li a .menu-icon{height: 20px; }
.mypage-main .menu ul li a .go-link {height: 16px}
.mypage-main .menu ul li a p{font-size: 14px; font-weight: 500; color: #202224}

.mypage-main .edit-fin-btn {position: absolute; top:0; right: 0;background: transparent; color: #6342E8; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: -0.4px;padding: 16px 20px;z-index: 1000}
.mypage-main .upload-box {position: absolute;bottom: 0;right: 0}
.mypage-main .upload-box input{display: none}
.mypage-main .upload-box label{width: 26px; height: 26px; display: block;}
.mypage-main .upload-box label img {width: 100%; height: 100%; object-fit: cover}
.mypage-main .form {padding-top: 32px;}
.mypage-main .form p {padding-left: 5px;font-size: 14px; line-height: 14px; font-weight: 500; color: #202224;margin-bottom: 8px}

.mypage-qa {padding: 0 20px 95px}
.mypage-qa .cancel-btn {position: absolute; top:0; right: 0;background: transparent; color: #6342E8; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: -0.4px;padding: 16px 20px;z-index: 1000}
.mypage-qa .form {}
.mypage-qa .form p {padding-left: 5px;font-size: 14px; line-height: 14px; font-weight: 500; color: #202224;margin-bottom: 8px}
.mypage-qa .form .row {}
.mypage-qa .form .row+.row {margin-top: 24px}
.mypage-qa textarea{width: 100%; height: 154px; resize: none;border: 1px solid #BEBEBE;border-radius: 10px; padding: 17px 10px;outline: none }
.mypage-qa .button-wrap {margin-top: 40px}

#popup_partner {}
#popup_partner .modal_wrapper {padding: 0 20px}
#popup_partner .inner {border-radius: 20px;padding: 48px 10px}
#popup_partner .closeIcon {top: 16px; right: 16px; width: 24px; height: 24px;}
#popup_partner .closeIcon img{width: 100%; height: 100%; object-fit: cover}
#popup_partner .partners-explanation {}
#popup_partner .partners-explanation .subj {font-size: 16px; line-height: 16px; color: #6342E8; font-weight: 700;margin-bottom: 8px}
#popup_partner .partners-explanation .cont {padding: 0 10px; font-size: 13px; line-height: 20px; font-weight: 400; color: #202224;white-space: pre-line }
#popup_partner .partners-explanation .cont+.subj {margin-top: 30px}

.mypage-info { }
.mypage-info .form {padding: 20px}
.mypage-info .form .subj {padding-left: 5px; font-size: 14px; line-height: 14px; font-weight: 500; color: #202224; margin-bottom: 8px;}
.mypage-info .form .input-box {position: relative}
.mypage-info .form .input-box+.subj {margin-top: 24px}
.mypage-info .form .input-box input {}
.mypage-info .form .input-box .input-btn {background: transparent;font-size: 16px; line-height: 16px; font-weight: 400; color: #6342E8; position: absolute; top: 50%; transform: translate(0,-50%); right: 16px;}
.mypage-info .form .bottom-btn-wrap {padding: 40px 0;display: flex; justify-content: center;align-items: center;gap: 16px}
.mypage-info .form .bottom-btn-wrap a {color: #202224; font-size: 14px; font-weight: 500; line-height: 17.53px; }
.mypage-info .input-box .btnBT{margin-top: 20px;margin-bottom: 30px}

.mypage-info.password .input-box.bigM+.subj {margin-top: 30px}
.mypage-info.password .input-box+.subj {margin-top: 20px}

#popup_confirm .modal_wrapper {padding: 0 20px}
#popup_confirm {}
#popup_confirm .inner{border-radius: 20px;padding: 45px 48px}
#popup_confirm .message {font-size: 16px;line-height: 16px; color: #6342E8;font-weight: 700;text-align: center}
#popup_confirm button {border-radius: 10px;height: 50px}
#popup_confirm .button {margin-top: 33px}
#popup_confirm .button .btn + .btn {margin-left: 24px}
#popup_confirm .cancelBtn {border: 1px solid #BEBEBE; color: #202224; font-size: 16px; line-height: 16px; font-weight: 500;background: #fff}
#popup_confirm .confirmBtn {border: 1px solid #6342E8; background: #6342E8; color: #fff; font-size: 16px; line-height: 16px; font-weight: 500}

.leave-wrap {padding: 20px 25px}
.leave-wrap .content {white-space: pre-line;min-height: 280px}
.leave-wrap .check-box {padding-top: 20px;margin-bottom: 16px}
.leave-wrap .check-box input[type=checkbox] {display: none}
.leave-wrap .check-box input[type=checkbox] + label {display: flex; align-items: center; font-size: 14px; line-height: 14px; font-weight: 400;color: #202224;gap: 4px;cursor: pointer}
.leave-wrap .check-box input[type=checkbox]:checked + label {display: flex; align-items: center; font-size: 14px; line-height: 14px; font-weight: 400;color: #6342E8}
.leave-wrap .check-box input[type=checkbox] + label i {display: block; width: 24px; height: 24px; background: url("../img/check_off_square.png") no-repeat; background-size: cover}
.leave-wrap .check-box input[type=checkbox]:checked + label i {display: block; width: 24px; height: 24px; background: url("../img/check_on_square_color.png") no-repeat; background-size: cover}

.mypage-orderlist {padding: 8px 20px 95px}
.mypage-orderlist ul{}
.mypage-orderlist ul li{border-bottom: 1px solid #DFDFDF}
.mypage-orderlist ul li a{display: flex;justify-content: space-between;align-items: center;padding: 8px 0}
.mypage-orderlist ul li a .info-wrap {display: flex;gap: 11px;align-items: center}
.mypage-orderlist ul li a .thumb{width: 90px; height: 90px; border-radius: 10px;overflow: hidden}
.mypage-orderlist ul li a .thumb img {width: 100%; height: 100%; object-fit: cover}
.mypage-orderlist ul li a .info {display: flex; flex-direction: column; gap: 8px}
.mypage-orderlist ul li a .info .market-name {font-weight: 500; font-size: 16px; line-height: 20.03px; letter-spacing: -0.3px; color: #6342E8}
.mypage-orderlist ul li a .info .item-name {font-size: 16px; font-weight: 500; line-height: 20.03px; letter-spacing: -0.3px; color: #202224}
.mypage-orderlist ul li a .info .item-code {font-weight: 400; font-size: 13px; line-height: 16.28px; letter-spacing: -0.3px; color: #202224}
.mypage-orderlist ul li a .order-date {font-size: 11px; font-weight: 400; line-height: 13.77px; letter-spacing: -0.3px; color: #BEBEBE}

.mypage-terms {padding: 0 20px}
.mypage-terms .menu {}
.mypage-terms .menu ul{}
.mypage-terms .menu ul li{height: 52px;display: flex; align-items: center;border-bottom: 1px solid #F4F4F4}
.mypage-terms .menu ul li a{display: flex;align-items: center;height: 100%;justify-content: space-between;width: 100%}
.mypage-terms .menu ul li a .menu-row {display: flex;align-items: center; gap: 8px;}
.mypage-terms .menu ul li a .menu-icon{height: 20px; }
.mypage-terms .menu ul li a .go-link {height: 16px}
.mypage-terms .menu ul li a p{font-size: 14px; font-weight: 500; color: #202224}

.mypage-main.partner .partner-apply-btn button img {height: 16px;}
.mypage-main.partner .partner-apply-btn button {display: flex;align-items: center;justify-content: center; gap: 4px}
.mypage-main.partner .partner-apply-btn button {margin-bottom: 0; }
.mypage-main.partner .partner-apply-btn .info {margin-bottom: 0; margin-top: 16px}
.mypage-main.partner .menu {margin-top: 24px}
.mypage-main.partner .menu .subj {font-weight: 500; font-size: 16px; color: #6342E8; margin-bottom: 8px}

.item-form-wrap .top {height: 56px;position: relative}
.item-form-wrap .top button {width: 24px; height: 24px;position: absolute; right: 16px; top: 50%; transform: translate(0,-50%);background: transparent}
.item-form-wrap .top button img {width: 100%; height: 100%; object-fit: cover}

.item-form-wrap .top.modify {height: 56px;position: relative;margin-bottom: 16px}
.item-form-wrap .top.modify button {width: 24px; height: 24px;position: absolute; right: auto;left: 16px; top: 50%; transform: translate(0,-50%);background: transparent}
.item-form-wrap .top.modify a {font-size: 14px; line-height: 22px; letter-spacing: -0.4px; font-weight: 500; position: absolute; right: 20px;color: #6342E8;top: 17px}

.item-form-wrap .top.view {height: 56px;position: relative;margin-bottom: 16px}
.item-form-wrap .top.view button {width: 24px; height: 24px;position: absolute; right: auto;left: 16px; top: 50%; transform: translate(0,-50%);background: transparent}
.item-form-wrap .top.view a {font-size: 14px; line-height: 22px; letter-spacing: -0.4px; font-weight: 500;color: #6342E8;}
.item-form-wrap .right-btn-box { position: absolute; right: 20px;top: 17px;display: flex;align-items: center; gap: 8px}

.item-form-wrap .form {padding: 0 20px 40px;position: relative}
.item-form-wrap .form .item-form-view {position: absolute;width: 100%; height: 100%; z-index: 99;top: 0;left: 0}
.item-form-wrap .row {}
.item-form-wrap .row+.row {margin-top: 24px}
.item-form-wrap .row input.on:read-only {color: #6342E8}
.item-form-wrap .row .subj{font-size: 14px; font-weight: 500; line-height: 17.53px; letter-spacing: -0.3px;color: #202224;margin-bottom: 8px;padding-left: 5px}
.item-form-wrap .row .cont{display: flex;align-items: start;position: relative}
.item-form-wrap .row .cont.fdc {flex-direction: column;gap: 8px}
.item-form-wrap .row .cont ul {display: flex; align-items: center; gap: 10px;}
.item-form-wrap .row .cont ul+ul {margin-left: 10px;
    overflow-x: auto;
}
.item-form-wrap .row .cont .code-copy {position: absolute; bottom: 17px; right: 16px; font-size: 16px; line-height: 16px; font-weight: 400; color: #6342E8;cursor: pointer; z-index: 100}
.item-form-wrap .row .cont ul+ul::-webkit-scrollbar {

}
.item-form-wrap .row .attention {font-size: 12px; line-height: 12px; color: #BEBEBE; font-weight: 400; margin-top: 8px}
.item-form-wrap .row .radio-el{}
.item-form-wrap .row .radio-el+.radio-el {margin-left: 8px}
.item-form-wrap .row .radio-el input[type=radio]{display: none}
.item-form-wrap .row .radio-el input[type=radio]+label{cursor: pointer;font-size: 13px; font-weight: 500; line-height: 10px; letter-spacing: -0.3px; padding: 8px; border:1px solid rgba(32, 34, 36, 0.5);border-radius: 26px;color: #202224;display: flex;}
.item-form-wrap .row .radio-el input[type=radio]:checked+label{font-size: 13px; font-weight: 500; line-height: 10px; letter-spacing: -0.3px; padding: 8px; border:1px solid #6342E8;border-radius: 26px;color: #fff; background: #6342E8}
.item-form-wrap .row .upload {}
.item-form-wrap .row .upload input{display: none}
.item-form-wrap .row .upload label {cursor: pointer;display: flex; flex-direction: column; justify-content: center; align-items: center;gap: 7px;width:72px; height: 72px; border: 1px solid #BEBEBE; border-radius:10px }
.item-form-wrap .row .upload label img{height: 24px}
.item-form-wrap .row .upload label p{font-size: 12px; line-height: 12px; font-weight: 400; color: #202224 }
.item-form-wrap .row .upload label p span{color: #6342E8}
.item-form-wrap .row .uploaded-img {width: 72px; height: 72px; border-radius: 10px; overflow: hidden;position: relative }
.item-form-wrap .row .uploaded-img img{width: 100%; height: 100%; object-fit: cover}
.item-form-wrap .row .uploaded-img .main-img {position: absolute; bottom: 0; left: 0; background: #6342E8; color: #fff; width: 100%; height: 16px; font-size: 11px; font-weight: 500; line-height: 8px; letter-spacing: -0.3px;display: none; align-items: center;justify-content: center}
.item-form-wrap .row .upload-img-ul li {cursor: pointer}
.item-form-wrap .row .main .uploaded-img .main-img {display: flex}
.item-form-wrap .row .uploaded-img a {position: absolute; top: 0; right: 0; width: 16px; height: 16px;}
.item-form-wrap .row .uploaded-img a img{width: 100%; height: 100%; object-fit: cover}
.item-form-wrap .row .cont textarea {width: 100%; height: 154px; resize: none;border: 1px solid #BEBEBE;border-radius: 10px; padding: 17px 10px;outline: none }
.item-form-wrap .radio-el2 input[type=radio]{display: none}
.item-form-wrap .radio-el2 input[type=radio] + label {display: flex; align-items: center; font-size: 16px; line-height: 16px; font-weight: 400;color: #202224;gap: 8px;cursor: pointer}
.item-form-wrap .radio-el2 input[type=radio]:checked + label {display: flex; align-items: center; font-size: 16px; line-height: 16px; font-weight: 400;/*color: #6342E8*/}
.item-form-wrap .radio-el2 input[type=radio] + label i {display: block; width: 24px; height: 24px; background: url("../img/radio_off.png") no-repeat; background-size: cover}
.item-form-wrap .radio-el2 input[type=radio]:checked + label i {display: block; width: 24px; height: 24px; background: url("../img/radio_on.png") no-repeat; background-size: cover}
.item-form-wrap .button-wrap {margin-top: 40px}


.item-list-wrap {padding: 4px 20px 40px}
.item-list-wrap .top-filter{display: flex; gap: 20px}
.item-list-wrap .top-filter .filter-row{display: flex; flex-direction: column; gap: 5px;position: relative;width: 50%}
.item-list-wrap .top-filter .filter-row .subj{font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: -0.3px;color: #6342E8}
.item-list-wrap .top-filter .filter-row .select-wrap {position: relative}
.item-list-wrap .top-filter .filter-row .select-input {border: 1px solid rgba(99, 66, 232, 0.5);border-radius: 4px; background: transparent url(../img/select_down.png) no-repeat right 14px center / auto 16px !important;cursor: pointer;height: 36px;display: flex;align-items: center;padding-left: 10px;color: #202224; font-size: 12px; line-height: 12px; font-weight: 400;position: relative;z-index: 3}
.item-list-wrap .top-filter .filter-row .select-input.on {border: 1px solid rgba(99, 66, 232, 0.5);border-radius: 4px; background: transparent url(../img/select_up.png) no-repeat right 14px center / auto 16px !important;cursor: pointer;height: 36px;display: flex;align-items: center;padding-left: 10px;color: #202224; font-size: 12px; line-height: 12px; font-weight: 400;position: relative;z-index: 3}
.item-list-wrap .top-filter .filter-row .select-list {width: 100%; position: absolute; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);border: 1px solid rgba(99, 66, 232, 0.5); padding: 8px 0; display: flex; flex-direction: column; top: 40px; background: #fff;z-index: 3;display: none }
.item-list-wrap .top-filter .filter-row .select-list.on {display: flex}
.item-list-wrap .top-filter .filter-row .select-list a {font-size: 12px; line-height: 12px; font-weight: 400; color: #202224; padding: 8px 10px }
.item-list-wrap .list {padding-top: 8px}
.item-list-wrap .list ul{}
.item-list-wrap .list ul li{border-bottom: 1px solid #DFDFDF}
.item-list-wrap .list ul li a{padding: 8px 0;display: flex;}
.item-list-wrap .list ul li a .row{display: flex;justify-content: space-between;align-items: center;width: 100%}
.item-list-wrap .list ul li a .row .item{display: flex; gap: 11px; }
.item-list-wrap .list ul li a .row .item .thumb{width: 90px; height: 90px; border-radius: 10px; overflow: hidden;position: relative}
.item-list-wrap .list ul li a .row .item .thumb img{width: 100%; height: 100%; object-fit: cover}
.item-list-wrap .list ul li a .row .item .item-type {position: absolute;bottom: 0; width: 100%; display: flex; align-items: center;justify-content: center; font-size: 13px; font-weight: 500; line-height: 10px; letter-spacing: -0.3px; padding: 4px 0}
.item-list-wrap .list ul li a .row .item .item-type1 {background: #6342E8; color: #fff; border: 1px solid #6342E8}
.item-list-wrap .list ul li a .row .item .item-type2 {background: #fff; color: #6342E8; border: 1px solid rgba(99, 66, 232, 0.5);border-radius: 0 0 10px 10px}
.item-list-wrap .list ul li a .row .item .item-type3 {background: #BEBEBE; color: #fff; border: 1px solid #BEBEBE}
.item-list-wrap .list ul li a .row .item .item-info{display: flex; flex-direction: column; gap: 4px;}
.item-list-wrap .list ul li a .row .item .item-info .item-name{font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.3px;margin-bottom: 4px; color: #202224}
.item-list-wrap .list ul li a .row .item .item-info p {font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: -0.3px; color: #202224}
.item-list-wrap .list ul li a .row .item .item-info .date {font-size: 11px; font-weight: 400; line-height: 14px; letter-spacing: -0.3px; color: #BEBEBE}
.item-list-wrap .list ul li a .row .item-status {width: 60px; font-size: 13px; font-weight: 500; line-height: 10px; letter-spacing: -0.3px; padding: 4px 0;}
.item-list-wrap .list ul li a .row .item-status1 {border: 1px solid rgba(99, 66, 232, 0.5); color: #6342E8; border-radius: 18px;background: #fff;text-align: center}
.item-list-wrap .list ul li a .row .item-status2 {border: 1px solid #BEBEBE; color: #fff; border-radius: 18px;background: #BEBEBE;text-align: center}

.calculation-wrap {padding: 4px 20px 40px}
.calculation-wrap .tab-btn {margin-bottom: 12px;display: flex; align-items: center; gap: 20px }
.calculation-wrap .tab-btn a{width: 50%; display: flex; align-items: center; padding: 12px 10px; font-size: 12px; line-height: 12px; font-weight: 500; color: #6342E8; border: 1px solid rgba(99, 66, 232, 0.5);border-radius: 4px;background: #fff }
.calculation-wrap .tab-btn a.on{color: #fff; background: #6342E8;}
.calculation-wrap .tab-wrap {}
.calculation-wrap .tab-wrap .tab {display: none}
.calculation-wrap .tab-wrap .tab.on {display: block}
.calculation-wrap .tab-wrap .calendar {padding-top: 12px}
.calculation-wrap .tab-wrap .calendar > .date{display: flex;justify-content: center;align-items: center; gap: 21px;margin-bottom: 12px}
.calculation-wrap .tab-wrap .calendar > .date a{display: flex;align-items: center;justify-content: center; width: 22px; height: 22px; background: #E7E9EE;border-radius: 4px}
.calculation-wrap .tab-wrap .calendar > .date a img {height: 12px}
.calculation-wrap .tab-wrap .calendar > .date p{font-size: 13px; line-height: 10px; color: #000; font-weight: 500; letter-spacing: -0.3px}
.calculation-wrap .tab-wrap .calculate {}
.calculation-wrap .tab-wrap .list {margin-bottom: 24px}
.calculation-wrap .tab-wrap .list ul{}
.calculation-wrap .tab-wrap .list ul li{display: flex; align-items: center; justify-content: space-between;padding: 12px 0; border-bottom: 1px dotted #DFDFDF}
.calculation-wrap .tab-wrap .list ul li .date {font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: -0.3px; color: #202224;}
.calculation-wrap .tab-wrap .list ul li .price {font-size: 16px; line-height: 20px; letter-spacing: -0.3px; color: #202224;font-weight: 500}
.calculation-wrap .total-price {position: relative;background: #fff;width: 100%;height:40px;color: #6342E8; font-size: 14px; font-weight: 500;margin-bottom: 16px; border-radius: 10px;display: flex;align-items: center;justify-content: center}
.calculation-wrap .total-price:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px; /* 모서리 둥글게 */
    padding: 1px; /* 테두리 두께 */
    background: linear-gradient(90deg, #D868FF 0%, #68F6FF 100%); /* 그라디언트 테두리 */
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.calculation-wrap .description {display: flex;align-items: center; justify-content: center; gap: 4px}
.calculation-wrap .description img {height: 16px;}
.calculation-wrap .description p {font-size: 13px; font-weight: 400; line-height: 10px; color: #202224; letter-spacing: -0.3px}

.calculation-wrap .tab-wrap .calculate .list ul li {justify-content: start}
.calculation-wrap .tab-wrap .calculate .list ul li .date{width: 122px; }
.calculation-wrap .tab-wrap .calculate .list ul li .price {width: calc(100% - 187px);  }
.calculation-wrap .tab-wrap .calculate .list ul li .status {width: 65px; padding: 4px 8px; font-size: 13px; font-weight: 500; line-height: 10px; border-radius: 18px; letter-spacing: -0.3px}
.calculation-wrap .tab-wrap .calculate .list ul li .status1 {background: #fff; border:1px solid rgba(99, 66, 232, 0.5);color: #6342E8; }
.calculation-wrap .tab-wrap .calculate .list ul li .status2 {background: #6342E8; color: #fff;border:1px solid rgba(99, 66, 232, 0.5);}
.calculation-wrap .tab-wrap .calculate .more-wrap {display: flex; justify-content: center; align-items: center;}
.calculation-wrap .tab-wrap .calculate .more-wrap a {display: flex; justify-content: center; align-items: center;gap: 4px;font-size: 13px; font-weight: 500; line-height: 10px; color: #000; letter-spacing: -0.3px}
.calculation-wrap .tab-wrap .calculate .more-wrap img {height: 16px;}

.application-wrap {padding: 20px}
.application-wrap .button-wrap {margin-top: 20px}
.application-wrap .attention {font-size: 13px; line-height: 16px; font-weight: 400; color: #6342E8;margin-top: 8px;height: 16px}
.application-wrap .attention.error {color: #EA4335}

.application-wrap.finish {padding: 16px 20px}
.application-wrap.finish .title {font-size: 24px; line-height: 30px; font-weight: 700; color: #202224;margin-bottom: 40px}
.application-wrap.finish .Instructions {font-size: 18px; font-weight: 500; color: #6342E8; line-height: 23px; margin-bottom: 80px}
.application-wrap.finish .btn-wrap button {margin-bottom: 32px;}
.application-wrap.finish .btn-wrap a {color: #6342E8; font-size: 14px; line-height: 14px; display: block; font-weight: 500;text-align: center}

.partner-info-wrap {padding: 0 20px}
.partner-info-wrap .partner-info{padding: 20px 0 40px}
.partner-info-wrap .search-box {position: relative;margin-bottom: 8px}
.partner-info-wrap .search-box button {width: 24px; height: 24px; background: url("../img/search_icon_black.png") no-repeat;background-size: cover; border: 0;position: absolute; right: 16px; top: 50%; transform: translate(0,-50%)}
.partner-info-wrap .input-row{}
/*.partner-info-wrap .input-row input {color: #6342E8}*/
.partner-info-wrap .input-row input {color: #202224}
.partner-info-wrap .input-row input:read-only {color: #202224}
.partner-info-wrap .input-row input.on:read-only {color: #6342E8}
.partner-info-wrap .input-row+.input-row{padding-top: 24px;}
.partner-info-wrap .input-row .row-title{ padding-bottom: 8px; padding-left: 5px; font-size: 13px; line-height: 13px; font-weight: 500; color: #202224}
.partner-info-wrap .button-wrap {margin-top: 40px}
.partner-info-wrap .description {font-size: 13px; color: #bebebe; line-height: 16.28px; padding-left: 5px; margin-top: 8px; }
.partner-info-wrap .select-row {display: flex; align-items: center; gap: 10px}
.partner-info-wrap .select-row select {
    height: 50px; border: 1px solid #bebebe; border-radius: 10px;padding: 0 30px 0 10px; font-size: 12px;line-height: 50px;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(../img/select_down.png) no-repeat right 10px center / auto 16px !important;
    outline: none;
}
.partner-info-wrap .guide {display: flex;align-items: center;gap: 4px;background: #BEBEBE;height: 30px;margin-top: 8px;padding: 0 8px;border-radius: 4px}
.partner-info-wrap .guide img{height: 14px;}
.partner-info-wrap .guide p {font-size: 12px; line-height: 12px; font-weight: 500; color: #fff;}
.partner-info-wrap .search-input {background: transparent url(../img/search_icon_black.png) no-repeat right 13px center / auto 24px !important;cursor: pointer}

#popup_address .addressSearch {display: none;height: 466px !important;}
#popup_address .addressSearch.show {display: block !important;}
#popup_address .addressDetail {display: none}
#popup_address .addressDetail.show {display: flex;flex-direction: column;gap: 10px}
#popup_address .addressDetail p {margin-bottom: 5px;font-size: 14px;}
#popup_address .addressDetail input {width: 100%;font-size: 16px;padding: 5px 10px}

.popup_terms.modal_container {background: transparent; overflow-y: auto}
.popup_terms.modal_container .modal_wrapper { padding: 0; height: 100%;overflow: auto}
.popup_terms.modal_container .inner { height: 100%; max-height: 100%;  box-shadow: none;padding: 0;overflow: auto}
.popup_terms.modal_container .title { height: 56px; padding: 0 16px; display: flex; align-items: center; gap: 20px;margin: 0}
.popup_terms.modal_container .title a{
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0;
    gap: 4px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #333;
}
.popup_terms.modal_container .title a img{    height: 24px;}
.popup_terms.modal_container .title span{font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -0.4px;}
.popup_terms.modal_container .terms-content {white-space: pre-line;padding: 20px 20px 32px;background: #fff; /*display: flex;*/ height: calc(100% - 56px);overflow: auto}

.partner-msg .wishlist-wrap {padding: 0}
.partner-msg .attention-msg {display: flex; align-items: center; gap: 8px; padding-left: 5px;margin-top: 16px}
.partner-msg .attention-msg img {height: 24px;}
.partner-msg .attention-msg p {font-size: 13px; font-weight: 400; color: #202224;}
.mypage-main.partner-msg .form {padding-top: 24px}


.product-management-btn {cursor: pointer;position: absolute; top:0; right: 0;background: transparent; color: #6342E8; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: -0.4px;padding: 16px 20px}

#nice_layer {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
#bg_layer {position: fixed !important;}

.loader-bar .line {
    width: 8px;
    position: absolute;
    border-radius: 5px;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#C7BBF7), to(#6342E8));
    background: -webkit-linear-gradient(top, #C7BBF7, #6342E8);
    background: -o-linear-gradient(top, #C7BBF7, #6342E8);
    background: linear-gradient(to bottom, #C7BBF7, #6342E8);
}

.loadingScreen {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 9999;
}

.loadingScreen .loader.loader-bar {
    width: 50px;
    max-width: 450px;
    height: 70px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loader-bar .line1 {
    left: 0;
    -webkit-animation: line-grow 0.5s ease alternate infinite;
    animation: line-grow 0.5s ease alternate infinite;
}

.loader-bar .line2 {
    left: 20px;
    -webkit-animation: line-grow 0.5s 0.2s ease alternate infinite;
    animation: line-grow 0.5s 0.2s ease alternate infinite;
}

.loader-bar .line3 {
    left: 40px;
    -webkit-animation: line-grow 0.5s 0.4s ease alternate infinite;
    animation: line-grow 0.5s 0.4s ease alternate infinite;
}

@-webkit-keyframes line-grow {
    0% {
        height: 0;
    }
    100% {
        height: 75%;
    }
}

@keyframes line-grow {
    0% {
        height: 0;
    }
    100% {
        height: 75%;
    }
}