@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
/* ver250201 */
body {
    word-break: keep-all;
    line-height: 1.6;
    font-family: 'pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/* common */
.h100 {
    width: 100%;
    height: calc(100vh - 30px);
}

.main-wrap {
    position: relative;
    width: 100%;
    margin: 0;
}

.position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.header {
    position: sticky;
    top: 0;
    display: block;
    width: 100%;
    padding: 30px 0;   
    background: #fff;
    z-index: 99;
}

.header.scroll {
    border-bottom: 1px solid #f4f4f4;
}

.header .title {
    padding: 0 0 0 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.header .back {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    width: 25px;
    background: url(../images/back_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.header.dp-none {
    display: none;
}

.close-btn a {
    position: absolute;
    top: 39px;
    left: 510px;
    width: 30px;
    height: 30px;
    background: url(../images/close_btn_icon.png)no-repeat;
    background-size: 30px 30px;
    z-index: 9;
    text-indent: -9999px;
    overflow: hidden;
}

input {
    width: calc(100% - 32px);
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
}

input::placeholder {
    color: #aaa;
}

input:focus {
    outline: none;
    border: 1px solid #FF952C;
}

input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 12px !important;
    height: 12px;
    padding: 0;
    box-shadow: 0 0 0 1px #ddd;
    border: 3px solid #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

input[type='radio']:checked {
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #FF952C;
    background-color: #FF952C;
}

/* 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;
}

label {
    font-size: 14px;
    font-weight: 500;
}

.main-page > .btn-wrap {
    background: #fff;
    width: calc(100% - 60px);
    padding: 0 30px 30px;
    bottom: 0;
}

.btn {
    width: 100%;
    padding: 15px 0;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}

.btn.primary {
    background: #FF952C;
    color: #fff;
}

button.primary:disabled {
    background: #ddd !important;
}

.btn.secondary {
    background: #fff;
    border: 1px solid #FF952C;
    color: #FF952C;
}

button.secondary:disabled {
    background: #f4f4f4;
    border: 1px solid #ddd !important;
    color: #aaa !important;
}

.btn.small {
    padding: 12px 0;
}

.btn-wrap.flex {
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.btn-wrap.flex .btn {
    width: calc(50% - 10px);
}

.txt-color {
    color: #FF952C;
}

.txt-bold {
    font-weight: 600;
}

.border-none {
    border: none !important;
}

/* pin-number */
.pin-number .header .back {
    left: auto;
    right: 30px;
    width: 16px;
    background: url(../images/cancel_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.pin-number .keypad-wrap {
    display: block;
    width: 100%;
    height: calc(100vh - 195px);
    text-align: center;
}

.pin-number .number-keypad {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.pin-number .number-keypad li {
    position: relative;
    flex-basis: 30%;
}

.pin-number .number-keypad li a {
    display: block;
    padding: 25px 0;
    font-size: 18px;
    font-weight: 500;
}

.pin-number .number-keypad li a.active {
    background-color: #007bff;  /* 클릭된 버튼 색 */
    color: white;
}

.pin-number .number-keypad li .shuffle {
    background: url(../images/shuffle_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
}

.pin-number .number-keypad li .delete {
    background: url(../images/delete_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
}

.pin-number .text-wrap {
    position: relative;
    top: 15%;
    left: 50%;
    transform: translate(-50%,-15%);
    font-size: 16px;
    font-weight: 500;
}

.pin-number .text-wrap .dots {
    display: flex;
    margin: 30px 0 0 0;
    justify-content: center; 
}

.pin-number .text-wrap .dots li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #ddd;
}

.pin-number .text-wrap .dots li ~ li {
    margin: 0 0 0 25px;
}

.pin-number .text-wrap .dots li.on {
    background: #FF952C;
}

.box-wrap {
    padding: 25px 20px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.box-wrap .title {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.box-wrap .text {
    font-size: 12px;
}

.main-wrap .box-wrap .btn-wrap {
    position: static;
    margin: 30px 0 0 0;
}

/* map-search */
.header-serch.header-search-width {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 370px;
}

.map-search {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 370px;
}

.map-search > a {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/search_icon.png)no-repeat 0 0;
    background-size: 16px 16px;
    text-indent: -9999px;
    overflow: hidden;
}

/* toast-box */
.toast-box {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(370px - 60px);
    padding: 35px 30px 30px 30px;
    border: 1px solid #FF952C;
    border-radius: 30px;
    background: #fff;
    z-index: -2;
}

.toast-box .text {
    display: flex;
}

.toast-box .icon {
    width: 18px;
    height: 18px;
    background: url(../images/alert_small_icon.png)no-repeat 0 0;
    background-size: 18px 18px;
    margin: 2px 0 0 0;
}

.toast-box .text .txt {
    width: calc(100% - 28px);
    margin: 0 0 0 10px;
}

.toast-box a {
    display: block;
    margin: 10px 0 0 0;
    text-align: right;
    font-weight: 500;
}

/* gnb */
.gnb-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: calc(100vh - 60px);
    padding: 30px 0;
    background-color: rgba(255,255,255,1);
/*    backdrop-filter: blur(25px);*/
    z-index: 8;
}

.gnb-wrap .gnb-btn a {
    position: relative;
    display: block;
    padding: 0 15px;
    text-align: center;
    font-size: 10px;
}

.gnb-wrap .gnb-btn a.on:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 4px;
    height: 48px;
    background-color: #FF952C;
    border-radius: 5px;
}

.gnb-wrap .gnb-btn ~ .gnb-btn a {
    margin: 25px 0 0 0;
}

.gnb-wrap .gnb-btn a:before {
    content: "";
    display: block;
    width: 32px;
    height: 25px;
    margin: 0 auto 6px;
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: center;
}

.gnb-wrap .gnb-btn.home a:before {
    background-image: url(../images/home_icon.png);
}

.gnb-wrap .gnb-btn.nft-market a:before {
    background-image: url(../images/nft_market_icon.png);
}

/* .gnb-wrap .gnb-btn.qr a:before {
    background-image: url(../images/qr_icon.png);
}
.gnb-wrap .gnb-btn.trade a:before {
    background-image: url(../images/exchange_icon.png);
} */
.gnb-wrap .gnb-btn.mywallet a:before {
    background-image: url(../images/mywallet_icon.png);
}

.gnb-wrap .gnb-btn.my-nft a:before {
    background-image: url(../images/my_nft_icon.png);
}

.gnb-wrap .gnb-btn.setting a:before {
    background-image: url(../images/setting_icon.png);
}

/* nft-list-s */
.nft-list-s {
    display: flex;
    margin: 30px 0 0 30px;
    padding: 0 30px 0 0;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    cursor: grab; /* 기본 상태에서 손 모양 */
    cursor: -webkit-grab; /* 크로스 브라우저 지원 */
}

.nft-list-s .active {
    cursor: grabbing; /* 드래그 중 손 움켜짐 모양 */
    cursor: -webkit-grabbing; /* 크로스 브라우저 지원 */
}

.nft-list-s::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.nft-list-s .nft {
    width: 147px;
    padding: 10px 10px 15px 10px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.nft-list-s .nft ~ .nft {
    margin: 0 0 0 15px;
}

.nft-list-s .nft .thumb {
    width: 100%;
    height: 100px;
    background: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png)no-repeat 0 0;
    background-size: cover;
    border-radius: 15px;
}

.nft-list-s .nft .thumb .count {
    float: right;
    display: inline-block;
    margin: 6px 6px 0 0;
    padding: 2px 10px;
    background: rgba(000,000,000,.4);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.nft-list-s .nft .nft-name {
    margin: 10px 0 0 0;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
}

.nft-list-s .nft .nft-name .date {
    display: block;
    color: #666;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: 400;
}

.nft-list-s .nft .nft-price {
    display: flex;
}

.nft-list-s .nft .nft-price > div p:first-of-type {
    margin: 0 6px 0 0;
    color: #555;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-s .nft .nft-price > div p:nth-of-type(2) {
    color: #000;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-s .nft .nft-price > div p:nth-of-type(2) .number {
    margin: 0 2px 0 0;
    font-size: 14px;
    font-weight: 400;
}

.nft-list-s .nft .nft-price .price {
    display: flex;
    align-items: center;
}

.nft-list-s .nft .nft-price .price:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 6px;
    background: #ddd;
}

.nft-list-s .nft .nft-price .discount {
    display: flex;
    align-items: center;
}

.nft-list-s.block {
    flex-wrap: wrap;
    justify-content: space-between;
}

.nft-list-s.block .nft {
    width: calc(50% - 30px);
    margin: 0 0 20px 0;
}

.nft-list-s .nft.expiry {
    position: relative;
    border: none;
}

.nft-list-s .nft.expiry .expiry-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,.4);
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.nft-list-s .nft.add-nft a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
}

.nft-list-s .nft.add-nft a span {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-48%);
    width: 100%;
}

.nft-list-s .nft.add-nft a span:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 6px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
}

/* nft-list-m */
.nft-list-m {
    width: calc(100% - 60px);
    margin: 0 0 20px 0;
    padding: 0 30px;
}

.nft-list-m .nft > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.home .nft-list-m {
    width: 100%;
}

.home .subscribe-list .nft-list-m .nft:first-of-type {
    margin: 30px 0 0 0;
}

.home .subscribe-list .nft-list-m .text-wrap {
    width: calc(100% - 85px);
}

.nft-list-m .nft {
    margin: 15px 0 0 0;
}

.nft-list-m .nft .thumb {
    width: 85px;
    height: 85px;
    margin: 0 15px 0 0;
    background: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png)no-repeat 0 0;
    background-size: cover;
    border-radius: 12px;
}

.nft-list-m .nft .nft-name {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.nft-list-m .nft .nft-name .type {
    margin: 0 0 0 4px;
    padding: 2px 5px;
    background: #FFF2E5;
    border-radius: 5px;
    color: #FF952C;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-m .nft .nft-name .type.influencer {
    color: #FD3C43;
    background: #FFE0E1;
}

.nft-list-m .nft .nft-name .type.store {
    color: #3C5DE8;
    background: #E0E8FF;
}

.nft-list-m .nft .nft-name .count {
    color: #FF952C;
    font-weight: 400;
}

.nft-list-m .nft.hot .nft-name {
    display: flex;
    justify-content: space-between;
}

.nft-list-m .nft .nft-name .count > span:last-of-type {
    font-size: 12px;
    font-weight: 500;
}

.nft-list-m .nft .nft-name .date {
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: 400;
}

.nft-list-m .nft .nft-price {
    display: flex;
    margin: 10px 0 0 0;
}

.nft-list-m .nft .nft-price > div p:first-of-type {
    margin: 0 6px 0 0;
    color: #555;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-m .nft .nft-price > div p:nth-of-type(2) {
    color: #000;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-m .nft .nft-price > div p:nth-of-type(2) .number {
    margin: 0 2px 0 0;
    font-size: 14px;
    font-weight: 400;
}

.nft-list-m .nft .nft-price .price {
    display: flex;
    align-items: center;
}

.nft-list-m .nft .nft-price .price:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background: #ddd;
}

.nft-list-m .nft .nft-price .discount {
    display: flex;
    align-items: center;
}

.nft-list-m .nft .text-wrap {
    width: calc(100% - 110px);
}

.nft-list-m .nft.store a, .nft-list-m .nft.influencer a {
    padding: 9px 10px;
}

.nft-list-m .nft.store .text-wrap .nft-info, .nft-list-m .nft.influencer .text-wrap .nft-info {
    margin: 8px 0 0 0;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nft-list-m .nft.store .nft-info, .nft-list-m .nft.influencer .nft-info {
    color: #666;
    font-size: 12px;
}

.nft-list-m .nft.info:first-of-type:before {
    display: none;
}

.nft-list-m .nft.info:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background: #eee;
}

.nft-list-m .nft.info .nft-info {
    display: flex;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #666;
    font-size: 12px;
}

.nft-list-m .nft.info a {
    padding: 0;
    border: none;
}

.nft-list-m .nft.info .thumb {
    width: 70px;
    height: 70px;
}

/* home-my-nft */
.home .my-nft-wrap {
    margin: 30px 0 0 0;
}

.home .my-nft-wrap .text-wrap {
    margin: 0 30px;
}

.home .my-nft {
    display: flex;
    margin: 30px 0 0 0;
    padding: 0 30px;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    cursor: grab; /* 기본 상태에서 손 모양 */
    cursor: -webkit-grab; /* 크로스 브라우저 지원 */
}

.home .my-nft .nft ~ .nft {
    margin: 0 0 0 20px;
}

.home .my-nft .nft a {
    position: relative;
    display: block;
    width: 200px;
    height: 140px;
    background: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png)no-repeat 0 0;
    background-size: cover;
    border-radius: 20px;
}

.home .my-nft .nft .text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 140px;
    padding: 10px 15px;
    background: rgba(000,000,000,.1);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

.home .my-nft .nft .text span {
    display: block;
    color: #fff;
}


.home .my-nft .nft .text .date {
    font-size: 10px;
}

.home .my-nft .nft .text .name {
    line-height: 1.3;
    font-size: 14px;
    font-weight: 600;
}

/* popup */
.popup-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(000,000,000,.5);
    z-index: 100;
}

.popup-wrap .popup {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-45%);
    width: 300px;
    padding: 35px 30px 30px 30px;
    background: #fff;
    border-radius: 30px;
}

.popup-wrap .popup .title {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.popup-wrap .popup .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png)no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.popup-wrap .popup > div:nth-of-type(2) {
    color: #666;
}

.popup-wrap .popup-btn {
    display: flex;
    justify-content: flex-end;
    margin: 30px 0 0 0;
}

/* .popup-wrap .popup-btn button {
    color: #faf7f7;
} */

.popup-wrap .popup-btn button.txt-color {
    color: #FF952C;
}

.popup-wrap .popup-btn .cancel {
    margin: 0 20px 0 0;
}

/* alert*/
.alert-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(000,000,000,.5);
    z-index: 100;
}

.alert-wrap .alert {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-45%);
    width: 300px;
    padding: 30px 30px 35px 30px;
    background: #fff;
    border-radius: 30px;
}

.alert-wrap .text-wrap {
    position: relative;
    text-align: center;
}

.alert-wrap .text-wrap .title {
    font-size: 16px !important;
    font-weight: 600;
}

.alert-wrap .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png)no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.alert-wrap .text-wrap .text {
    margin: 10px 0 0 0;
    color: #666;
}

.alert-wrap .popup-btn {
    margin: 40px 0 0 0;
} 

.alert-wrap.wallet-send .title:before {
    display: none;
}

.alert-wrap.wallet-send .title .number {
    position: static;
    display: inline-block;
    width: auto;
    margin: 0 4px 0 6px;
    color: #FF952C;
    text-align: inherit;
    font-size: 22px;
    font-weight: 600;
}

.alert-wrap.wallet-send .title .mas {
    color: #FF952C;
    font-size: 16px;
    font-weight: 600;
}

.alert-wrap.wallet-send .popup-btn {
    display: flex;
    justify-content: space-between;
}

.alert-wrap.wallet-send .popup-btn .secondary {
    width: calc(100% / 3 - 10px);
}

.alert-wrap.wallet-send .popup-btn .primary {
    width: calc(100% / 3 * 2 - 10px);
}

/* splash */
.splash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: #fff;
}

.main-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: #fff;
}

.main-logo .logo {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-45%);
    width: 200px;
}

/* login */
.login .position-center {
    width: 500px;
}

.login .header {
    display: none;
}

.login .logo-wrap {
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
}
.login .logo-wrap img {
    width: 200px;
}

.login .form-wrap {
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.login .form-wrap label {
    display: block;
    margin: 0 0 15px 0;
}

.login .form-wrap .email input {
    margin: 0 0 -1px 0;
    padding: 18px 15px;
    border-radius: 15px 15px 0 0;
}

.login .form-wrap .email input:focus {
    position: relative;
}

.login .form-wrap .password input {
    padding: 18px 15px;
    border-radius: 0 0 15px 15px;
}

.form-wrap .recommend span {
    color: #888;
    font-size: 12px;
}

.login .login-checkbox-wrap {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0 0;
    color: #666;
}

.login .login-checkbox-wrap .forgot-password a {
    color: #666;
}

.login .login-checkbox-wrap label {
    display: inline-block;
    margin: 0;
    font-weight: 400;
}

.login .form-wrap .certify label {
    display: none;
}

.login .btn-wrap {
    margin: 30px 0 0 0;
}

.login .btn-wrap p {
    margin: 25px 0;
    text-align: center;
}

.login .btn-wrap p:before {
    content: "";
    display: inline-block;
    width: 32%;
    height: 1px;
    background: #ddd;
    margin: 0 10px 5px 0;
}

.login .btn-wrap p:after {
    content: "";
    display: inline-block;
    width: 32%;
    height: 1px;
    background: #ddd;
    margin: 0 0 5px 10px;
}

/* join */
.join .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 0 30px 40px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.join.compt .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.join .header {
    display: none;
}

.join .position-center .header {
    display: block;
}

.join .position-center .header .back {
    left: 0;
}

.join .logo-wrap {
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
}

.join .name, .join .certify, .join .password {
    margin: 0 0 30px 0;
}

.join .form-wrap label {
    display: block;
    margin: 0 0 15px 0;
}

.join .form-wrap .email input {
    float: left;
    width: 306px;
    margin: 0 0 2px 0;
}

.join .form-wrap .email .btn {
    float: right;
    width: 90px;
    margin: 0 0 2px 0;
    font-size: 14px;
}

.validation-text {
    color: #FD3C43;
    margin: 0 0 2px 0 !important; 
}

.join .form-wrap .certify input {
    margin: 10px 0 0 0;
}

.join .form-wrap .certify label {
    display: none;
}

.join .btn-wrap {
    margin: 30px 0 0 0;
}

/* join-terms-use */
.join-terms-use .all-check:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0 30px 0;
    background: #eee;
}

.join-terms-use .check-list {
    position: relative;
    margin: 0 0 25px 0;
}

.join-terms-use label {
    font-weight: 400;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    background: #fff;
}

input[type="checkbox"]:checked {
    background: url(../images/check-icon.png)no-repeat 0 0;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    background-position: center;
    background-color: #FF952C;
    border: 1px solid #333;
    color: #fff;
}

.join-terms-use .arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 10px;
    background: url(../images/arrow-icon.png)no-repeat 0 0;
    background-size: auto 10px;
    cursor: pointer;
    transition: 0.2s;
}

.join-terms-use .arrow.on {
    transform: rotate(180deg);
}

.join-terms-use .content {
    display: none;
    width: calc(100% - 30px);
    height: 150px;
    margin: 15px 0 0 0;
    padding: 15px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 20px;
    overflow: scroll;
}

/* compt */
.certified-member.compt .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.compt .text-wrap {
    text-align: center;
    margin: 0 0 50px 0;
}

.compt .text-wrap .title {
    font-size: 22px;
    font-weight: 600;
}
.compt .text-wrap .text {
    margin: 15px 0 0 0;
}

.compt .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 30px;
    background: url(../images/compt_icon.png)no-repeat 0 0;
    background-size: 50px 50px;
}

/* certified-wallet*/
.certified .position-center {
    width: 500px;
}

.certified .certified-wrap .title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.certified .certified-wrap {
    padding: 0 30px;
}

.certified .certified-wrap > a {
    display: inline-block;
    width: calc(50% - 50px);
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.certified .certified-wrap > a:before {
    content: "";
    display: block;
    float: right;
    width: 70px;
    height: 60px;
}

.certified .certified-wrap > a.import-wallet:before {
    background: url(../images/wallet_import.png)no-repeat 0 0;
    background-size: 70px auto;
}

.certified .certified-wrap > a.create-wallet:before {
    background: url(../images/wallet_create.png)no-repeat 0 0;
    background-size: 70px auto;
}

.certified .certified-wrap > a.create-wallet {
    float: right;
}


.certified .certified-wrap > a .text-wrap .title {
    margin: 90px 0 10px 0;
    text-align: left;
    font-size: 16px;
}

.certified .certified-wrap > a .text-wrap .text {
    font-size: 12px;
}

/* mnimonic */
.mnimonic .position-center {
    width: 500px;
}

.mnimonic .mnimonic-wrap {
    padding: 0 30px;
}

.mnimonic .mnimonic-wrap .mnimonic-code {
    width: calc(100% - 40px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 20px 10px 20px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.mnimonic .mnimonic-wrap .mnimonic-code .code {
    position: relative;
    flex-basis: calc(50% - 10px);
}

.mnimonic .mnimonic-wrap .mnimonic-code .code input {
    width: calc(100% - 55px);
    margin: 0 0 10px 0;
    padding: 15px 15px 15px 40px;
    border-radius: 10px;
}

.mnimonic .mnimonic-wrap .mnimonic-code .code input:disabled {
    background: #fff;
}

.mnimonic .mnimonic-wrap .mnimonic-code .code span {
    position: absolute;
    left: 15px;
    top: 40%;
    transform: translateY(-45%);
    width: 20px;
    text-align: center;
}

.mnimonic .mnimonic-wrap .btn-wrap .btn.secondary {
    margin: 20px 0 40px 0;
}

.mnimonic .mnimonic-wrap .btn-wrap .btn.secondary span {
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(../images/copy_icon.png)no-repeat 0 0;
    background-size: auto 14px;
    margin: 0 0 -1px 5px;
}

.mnimonic .mnimonic-wrap .text-wrap .text:last-of-type {
    margin: 20px 0 40px 0;
}

/* certified-member */
.certified-member .position-center {
    width: 500px;
}

.certified .certified-wrap > a.store:before {
    background: url(../images/store_icon.png)no-repeat 0 0;
    background-size: 70px auto;
}

.certified .certified-wrap > a.influencer {
    position: relative;
    float: right;
}

.certified .certified-wrap > a.influencer .disabled {
    pointer-events: none;
    color: gray; /* Adjust color for a "disabled" appearance */
    opacity: 0.5; /* Slight transparency for a more disabled look */
    cursor: not-allowed;
} 

.certified .certified-wrap > a.influencer:before {
    background: url(../images/influencer_icon.png)no-repeat 0 0;
    background-size: 70px auto;
}

.influencer .expiry-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,.4);
    border-radius: 19px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
}

.certified .box-wrap {
    margin: 30px 0 0 0;
}

.certified .box-wrap .title {
    text-align: left;
    font-size: 16px;
}

/* certified-store */
.certified-input .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.certified-input .position-center .title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.certified-input .form-wrap {
    height: calc(100% - 50px);
    padding: 0 0 50px 0;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.certified-input .form-wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.certified-input .form-wrap label {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
}

.certified-input .delete {
    position: absolute;
    top: 6px;
    right: 8px;
    padding: 0 6px;
    background: #FFE5E6;
    color: #FD3C43;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

#company-image {
    display: none;
}

.certified-input .form-wrap .address input {
    width: 210px;
}

.certified-input .form-wrap .address input:nth-of-type(2) {
    width: calc(100% - 32px);
    margin: 10px 0 0 0;
}

.certified-input .form-wrap .address .btn {
    float: right;
    width: 90px;
    font-size: 14px;
}

.certified-input .form-wrap .email input {
    width: 210px;
}

.certified-input .form-wrap .email input:nth-of-type(2) {
    width: calc(100% - 32px);
    margin: 10px 0 0 0;
}

.certified-input .form-wrap .email .btn {
    float: right;
    width: 90px;
    font-size: 14px;
}

.certified-input .form-wrap div {
    margin: 0 0 30px 0;
}

textarea {
    width: calc(100% - 32px);
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ddd;
    resize: none;
    line-height: 1.6;
    font-family: 'pretendard',sans-serif;
    font-size: 14px;
}

textarea::placeholder {
    color: #aaa;
}

textarea:focus {
    border: 1px solid #FF952C;
    outline: none;
}

textarea::-webkit-scrollbar {
   display: none;
 }

.certified-input .form-wrap .text {
    margin: 0 0 15px 0;
    font-size: 14px;
    font-weight: 500;
}

.certified-input .company-image .upload-btn {
    width: calc(100% - 2px);
}

.certified-input .upload-btn {
    height: 100px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
    background-position: center;
    margin: 15px 0 0 0;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.images .images-wrap .upload-btn {
    height: 100px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
    background-position: center;
    margin: 15px 0 0 0;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.images .images-wrap {
    margin: 0;
}

.images .images-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.images .images-wrap label {
    position: relative;
    flex-basis: 32%;
    margin: 0 0 10px 0;
}

.img-label {
    width: 100%;
    height: 102px;
}

.img-label img {
    width: calc(100% - 2px);
    height: 102px;
    object-fit: cover;
    border-radius: 15px;
    border: 1px solid #ddd;
}

.images .images-wrap .delete {
    position: absolute;
    top: 21px;
    right: 8px;
    padding: 0 6px;
    background: #FFE5E6;
    color: #FD3C43;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

#images, #images0, #images1, #images2, #images3, #images4, #images5, #images6 {
    display: none;
}

.certified-input .platform label ~ label {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: 400;
}

.certified-input .platform input {
    width: auto;
    margin: 0 6px 0 1px;
}

.certified-input .platform input ~ input {
    margin: 0 6px 0 20px;
}

.certified-influencer {
    position: relative;
    width: 100%;
    margin: 0;
}

.certified-influencer .form-wrap {
    height: auto;
    padding: 0 30px;
}

/* main-page home */
.map {
    width: 100%;
    height: 100vh;
}

.main-page {
    position: relative;
    top: 0;
    left: 100px;
    transform: translateY(calc(-100% - 30px));
    width: 400px;
    height: calc(100vh - 60px);
    background-color: rgba(255,255,255,1);
    border-radius: 30px;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    z-index: 2;
}

.contents-wrap {
    width: 400px;
    height: calc(100vh - 180px);
    padding: 0 0 60px 0;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.main-page::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.main-page .header-icon {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 25px 30px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    z-index: 999;
}

.main-page .header-icon .icon {
    display: flex;
}


.main-page .recommend-code:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    margin: 0 0 -2px 0;
    background: url(../images/copy_black_icon.png) no-repeat 0 0;
    background-size: auto 15px;
}

.main-page .user-wrap .user-name {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
}

.main-page .user-wrap .recommend-code {
    display: inline-block;
    margin: 0 0 0 6px;
    color: #888;
}



.main-page .header-icon .share a {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 20px 0 0;
    background: url(../images/share_icon.png)no-repeat 0 0;
    background-size: 20px 20px;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 20px;
}

.main-page .header-icon .notice {
    position: relative;
}

.main-page .header-icon .notice a {
    display: block;
    width: 19px;
    height: 22px;
    background: url(../images/notice_icon.png)no-repeat 0 0;
    background-size: auto 22px;
    text-indent: -9999px;
    overflow: hidden;
}

.main-page .header-icon .notice span {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #FD546E;
    font-size: 10px;
    font-weight: 600;
}

.main-page .header-icon-mynft {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 25px 30px 0px 30px;
}

.main-page .header-icon-mynft .notice {
    position: relative;
}

.main-page .header-icon-mynft .notice a {
    display: block;
    width: 19px;
    height: 22px;
    background: url(../images/notice_icon.png)no-repeat 0 0;
    background-size: auto 22px;
    text-indent: -9999px;
    overflow: hidden;
}

.main-page .header-icon-mynft .notice span {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #FD546E;
    font-size: 10px;
    font-weight: 600;
}

.home .wallet {
    width: 300px;
    margin: 15px auto 0;
    padding: 30px 20px 25px 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.home .wallet .text {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

.home .wallet .text:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 0 -0.5px 6px;
    background: url(../images/wallet_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.home .wallet .wallet-add {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #aaa;
}

.home .wallet .amount .amount-mas {
    color: #FF952C;
    font-size: 34px;
    font-weight: 600;
}

.home .wallet .amount {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: -4px 0 0 0;
}

.home .wallet .amount .more-btn a {
    display: block;
    width: 18px;
    height: 12px;
    background: url(../images/next_icon.png)no-repeat 0 0;
    background-size: 18px auto;
    text-indent: -9999px;
    overflow: hidden;
}

.home .wallet .amount .unit {
    margin: 0 0 0 4px;
    font-size: 18px;
    font-weight: 500;
}

.home .wallet .send-btn a {
    display: block;
    width: 100%;
    margin: 12px 0 0 0;
    padding: 12px 0;
    text-align: center;
    background: #F5F5F5;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 500;
}

.wallet .wallet-wrap {
    margin: 0 30px;
    padding: 0;
}

.wallet .wallet-wrap .text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wallet .wallet-wrap .text p {
    font-size: 18px;
    font-weight: 600;
}

.wallet .wallet-wrap .text p:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 0 0 4px;
    background: url(../images/wallet_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.wallet .wallet-wrap .text .qr-code {
    border: 1px solid #eee;
    border-radius: 10px;
}

.wallet .wallet-wrap .text .qr-code a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 6px -3px 0;
    background: url(../images/qr_code_icon.png)no-repeat 0 0;
    background-size: 16px 16px;
}

.wallet .wallet-wrap .text .qr-code a {
    display: block;
    padding: 4px 15px;
    font-weight: 500;
}

.wallet .wallet-wrap .wallet-add a {
    display: inline-block;
    margin: 0 0 0 2px;
    color: #aaa;
    font-size: 12px;
}

.wallet .wallet-wrap .wallet-add a:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 16px;
    margin: 0 0 -2px 4px;
    background: url(../images/copy_black_icon.png) no-repeat 0 0;
    background-size: auto 16px;
}

.wallet .wallet-wrap .amount .amount-mas {
    color: #FF952C;
    font-size: 34px;
    font-weight: 600;
}

.wallet .wallet-wrap .amount {
    margin: -4px 0 0 0;
}

.wallet .wallet-wrap .amount .unit {
    margin: 0 0 0 4px;
    font-size: 18px;
    font-weight: 500;
}

.main-page .text-wrap .title {
    font-size: 22px;
    font-weight: 600;
}

.main-page .text-wrap .text .name {
    display: inline-block;
}

.main-page .my-nft.none {
    display: block;
}

.main-page .my-nft .my-nft-none a {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 30px 0 35px 0;
    border: 1px solid #ddd;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
}

.main-page .my-nft .my-nft-none a span:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 6px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
}

.main-page .hot-deal {
    margin: 30px auto 0;
}

.main-page .hot-deal .text-wrap {
    width: 340px;
    margin: 0 auto;
}

.main-page .hot-deal .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.main-page .hot-deal .text-wrap .title a {
    font-size: 14px;
    font-weight: 500;
}

.main-page .subscribe-list {
    width: 340px;
    margin: 30px auto 30px;
}

.main-page .subscribe-list .text-wrap {
    width: 340px;
    margin: 0 auto;
}

.main-page .subscribe-list .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.main-page .subscribe-list .text-wrap .title a {
    font-size: 14px;
    font-weight: 500;
}

.main-page .subscribe-list .subscribe-none a {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 30px 0 35px 0;
    border: 1px solid #ddd;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
}

.main-page .subscribe-list .subscribe-none a span:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 6px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
}

.main-page.nft-market {
    height: calc(100vh - 70px);
}

.nft-market .back-btn {
    position: absolute;
    top: 30px;
    left: 0;
    width: 65px;
    height: 47px;
    background: rgba(255,255,255,.85);
    border-radius: 0 25px 25px 0;
    z-index: 1;
}

.nft-market .back-btn a {
    display: block;
    height: 47px;
    margin: 15px 0 0 30px;
    background: url(../images/back_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.nft-market .edit-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 4px 10px;
    background: rgba(000,000,000,.4);
    border-radius: 10px;
    z-index: 9;
}

.nft-market .edit-btn a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.header-search-wrap {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    background: #fff;
}

.header-search-wrap.scroll {
    border-bottom: 1px solid #f4f4f4;
}

.header-serch {
    position: sticky;
    top: 30px;
    left: 30px;
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 8;
}

.header-serch.fixed {
    position: absolute;
}

.header-serch input {
    padding: 15px 100px 15px 15px;
}

.header-serch .location {
    position: absolute;
    right: 20px;
}

.header-serch .location p a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin: 0 0 0 9px;
    background: url(../images/arrow_bottom_icon.png)no-repeat 0 0;
    background-size: 10px auto;
}

.header-serch .location ul {
    display: none;
}

.header-serch .location ul.on {
    display: block;
    position: absolute;
    top: 45px;
    right: -20px;
    width: 120px;
    padding: 25px 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(000,000,000,.1);
}

.header-serch .location ul li {
    position: relative;
}

.header-serch .location ul li ~ li {
    margin: 14px 0 0 0;
}

.header-serch .location ul li a.check {
    color: #FF952C;
}

.header-serch .location ul li a.check:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 5px;
    width: 15px;
    height: 11px;
    background: url(../images/check_icon.png)no-repeat 0 0;
    background-size: 15px auto;
}

.header-serch .location ul li a.mark:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 12px;
    margin: 0 8px -1px 0;
    background: url(../images/mark_icon.png)no-repeat 0 0;
    background-size: auto 12px;
}

.store-intro .store-thumb .thumb {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.store-intro .store-thumb .thumb1 {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.store-intro .store-thumb .thumb2 {
    background-image: url(../images/ryan-plomp-jvoZ-Aux9aw-unsplash.png);
}

.store-intro .store-thumb .thumb3 {
    background-image: url(../images/beautiful-floral-wallpaper.jpg);
}


.store-intro .store-thumb .slick-dots {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.store-intro .store-thumb .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 0 0 10px;
    background: rgba(255,255,255,0.6);
    border-radius: 6px;
    text-indent: -9999px;
    overflow: hidden;
}

.store-intro .store-thumb .slick-dots li button {
    text-indent: -9999px;
    overflow: hidden;
}

.store-intro .store-thumb .slick-dots .slick-active {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: rgba(255,255,255,0.9);
}

.main-page .store-intro .text-wrap {
    padding: 30px 30px 0 30px;
}

.main-page .store-intro .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-page .store-intro .text-wrap .title a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 6px -2px 0;
    background: url(../images/alarm_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.main-page .store-intro .text-wrap .title a.subscribe:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 10px;
    margin: 0 6px -1px 0;
    background: url(../images/chek_icon_black.png)no-repeat 0 0;
    background-size: 12px auto;
}

.main-page .store-intro .text-wrap .title a {
    padding: 4px 15px;
    background: #f4f4f4;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}

.main-page .store-intro .text-wrap .text {
    margin: 20px 0 0 0;
}

.main-page .push-noti {
    padding: 20px 30px 0;
}

.main-page .push-noti a {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 10px 25px 10px 10px;
    background: #FFF7EF;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-page .push-noti a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px -2.5px 0;
    background: url(../images/notice_list_icon.png)no-repeat center;
    background-size: 16px 16px;
}

.main-page .push-noti a:after {
    content: "";
    display: inline-block;
    position:absolute;
    top: 18px;
    right: 10px;
    width: 10px;
    height: 5px;
    background: url(../images/arrow_bottom_icon.png)no-repeat center;
    background-size: 10px auto;
    transform: rotate(-90deg);
}

.main-page .nft-history:before {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    margin: 30px 30px;
    background: #eee;
}

.main-page .nft-history .text-wrap {
    padding: 0 30px;
}

.main-page .nft-history .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order {
    position: relative;
}

.order p {
    padding: 4px 15px 4px 20px;
    border: 1px solid #eaeaea;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}

.order p a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin: 0 0 0 6px;
    background: url(../images/arrow_bottom_icon.png)no-repeat 0 0;
    background-size: 10px auto;
}

.order ul {
    display: none;
}

.order ul.on {
    display: block;
    position: absolute;
    top: 43px;
    right: 0;
    padding: 20px 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(000,000,000,.1);
    font-size: 14px;
    font-weight: 400;
}

.order ul.on li ~ li {
    margin: 10px 0 0 0;
}

.order ul.on li a.on {
    font-weight: 600;
}

.order ul.on li a.on:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 0 2px 5px;
    background: #000;
    border-radius: 4px;
}

.nft-market .nft-history .nft-list-s {
    flex-wrap: wrap;
    justify-content: space-between;
}

.nft-market .nft-history .nft-list-s .nft {
    width: calc(50% - 30px);
    margin: 0 0 20px 0;
}

.nft-list {
    padding: 0 0 30px 0;
}

.nft-list .category {
    margin: 50px 0 0 0;
    padding: 5px 30px;
}

.nft-list .category ul {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}

.nft-list .category ul li.on a {
    color: #FF952C;
    border: 1px solid #FF952C;
}

.nft-list .category ul li a {
    padding: 7px 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.list-map-btn {
    display: none;
}

.main-wrap.map .main-page {
    display: none;
}

/* nft-info */
.nft-info .header {
    position: absolute;
    background: none;
}

.nft-info .header .title {
    color: #fff;
}

.nft-info .header .back {
    width: 25px;
    height: 16px;
    background: url(../images/back_white_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.nft-info .nft-intro .nft-thumb {
    position: relative;
    width: 100%;
    height: 486px;
    border-radius: 0 0 0 50px;
}

.nft-info .nft-intro .nft-thumb .bg-wrap {
    position: absolute;
    width: 100%;
    height: 486px;
    z-index: 1;
}

.nft-info .nft-intro .nft-thumb .bg {
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0 0 50px;
    z-index: 1;
}

.nft-info .nft-intro .nft-thumb .bg1 {
    background-image: url(../images/ryan-plomp-jvoZ-Aux9aw-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .bg2 {
    background-image: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .bg3 {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .bg-blur {
    position: absolute;
    width: 100%;
    height: 486px;
    background: rgba(000,000,000,.15);
    backdrop-filter: blur(20px);
    border-radius: 0 0 0 50px;
    z-index: 2;
}

.nft-info .nft-intro .nft-thumb .thumb-wrap {
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 300px;
    z-index: 3;
}

.nft-info .nft-intro .nft-thumb .thumb-wrap .slick-prev {
    position: absolute;
    bottom: -70px;
    right: 70px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: rgba(000,000,000,.1);
    background-image: url(../images/back_white_icon.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center;
    font-size: 0;
}

.nft-info .nft-intro .nft-thumb .thumb-wrap .slick-next {
    position: absolute;
    bottom: -70px;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: rgba(000,000,000,.1);
    background-image: url(../images/back_white_icon.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center;
    transform: rotate(-180deg);
    font-size: 0;
}

.nft-info .nft-intro .nft-thumb .thumb {
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: contain;  /*cover */ 
    background-position: center;
    border-radius: 40px;
}

.nft-info .nft-intro .nft-thumb .thumb1 {
    background-image: url(../images/ryan-plomp-jvoZ-Aux9aw-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .thumb2 {
    background-image: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .thumb3 {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.nft-info .nft-intro .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0 0;
    padding: 0 30px;
    font-size: 22px;
    font-weight: 600;
}

.nft-info .nft-intro .title .date {
    padding: 4px 15px;
    background: #f4f4f4;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}

.nft-info .nft-intro .nft-price {
    display: flex;
    justify-content: space-around;
    margin: 40px 0;
    padding: 0 30px;
    text-align: center;
}

.nft-info .nft-intro .nft-price > div {
    position: relative;
}

.nft-info .nft-intro .nft-price > div:nth-of-type(2):before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -50%;
    width: 1px;
    height: 100%;
    background: #eee;
}

.nft-info .nft-intro .nft-price > div:nth-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -50%;
    width: 1px;
    height: 100%;
    background: #eee;
}

.nft-info .nft-intro .nft-price > div p:first-of-type {
    color: #FF952C;
    font-weight: 500;
}

.nft-info .nft-intro .nft-price > div .number {
    margin: 0 2px 0 0;
    font-size: 18px;
}

.nft-info .nft-intro .nft-price > div p:last-of-type {
    color: #666;
    font-size: 12px;
}

.nft-info .nft-intro .text {
    margin: 0 0 50px 0;
    padding: 0 30px;
}

.nft-info .nft-intro .text span {
    display: block;
    margin: 0 0 10px 0;
}

.map-area {
    width: 100%;
    height: 100vh;
    background: pink;
}

/* wallet */
.main-page.wallet .wallet {
    padding: 0 0 10px 0;
    border-bottom: none;
}

.main-page.wallet .wallet .wallet-add a {
    margin: 5px 0 0 0;
    color: #aaa;
}

.main-page.wallet .wallet .wallet-add a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    margin: 0 0 -2px 4px;
    background: url(../images/copy_black_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.wallet-history .history-tab ul {
    display: flex;
    justify-content: space-around;
    margin: 20px 0 0 0;
    padding: 0 30px;
    border-bottom: 1px solid #eee;
}

.wallet-history .history-tab li {
    flex-basis: 50%;
    text-align: center;
}

.wallet-history .history-tab li a {
    display: block;
    width: 100%;
    padding: 10px 0 10px 0;
    color: #666;
    font-size: 16px;
}

.wallet-history .history-tab li.on a {
    margin: 0 0 -1px 0;
    color: #FF952C;
    border-bottom: 2px solid #FF952C;
    font-weight: 500;
}

.wallet-history .recent-history {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 10px 30px;
}

.wallet-history .recent-history .title {
    font-weight: 500;
}

.wallet-history .recent-history .button-area ul {
    display: flex;
}

.wallet-history .recent-history .button-area li.on a {
    color: #FF952C;
}

.wallet-history .recent-history .button-area a {
    color: #888;
    font-weight: 500;
}

.wallet-history .recent-history .button-area li ~ li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #eee;
    border-radius: 4px;
    margin: 0 10px 3px;
}

.wallet-history .date-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}

.wallet-history .date-wrap .prev a {
    display: inline-block;
    width: 10px;
    height: 16px;
    margin: 0 0 -4px 0;
    background: url(../images/date_prev_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.wallet-history .date-wrap .next a {
    display: inline-block;
    width: 10px;
    height: 16px;
    margin: 0 0 -4px 0;
    background: url(../images/date_next_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.wallet-history .date-wrap .date {
    font-size: 16px;
    font-weight: 600;
}

.wallet-history .date-wrap .date:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 13px;
    margin: 0 4px 0 0;
    background: url(../images/date_icon.png)no-repeat 0 0;
    background-size: 15px auto;
}

.wallet-history .date-wrap .date div {
    display: inline-block;
}

.wallet-history .list-wrap .list ~ .list {
    border-top: 1px solid #eee;
}

.wallet-history .list-wrap .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
}

.wallet-history .list-wrap .list .title {
    font-size: 16px;
    font-weight: 500;
}

.wallet-history .list-wrap .list .add {
    color: #666;
    font-size: 11px;
}

.wallet-history .list-wrap .list .info {
    display: flex;
    margin: 10px 0 0 0;
    color: #666;
    font-size: 12px;
    font-weight: 500;
}

.wallet-history .list-wrap .list .info .type:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background: #ddd;
}

.wallet-history .list-wrap .list .plus {
    color: #78A7F9;
}

.wallet-history .list-wrap .list .minus {
    color: #FD546E;
}

.wallet-history .list-wrap .list .right {
    font-size: 16px;
    font-weight: 600;
}

.wallet-history .list-wrap .list .right span {
    font-size: 18px;
}

.wallet-history .button-area button {
    margin: 0 0 0 5px;
    padding: 6px 20px;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    font-weight: 500;
}

.wallet-history .button-area button.edit {
    border: 1px solid #FF952C;
    color: #FF952C;
}

.wallet-history .list-wrap.wallet-add .list {
    position: relative;
    justify-content: flex-start;
    margin: 0 30px;
    padding: 20px 0 20px 0;
    color: #666;
}

.wallet-history .list-wrap.wallet-add .list .name {
    margin: 0 20px 0 0;
    color: #111;
    font-weight: 500;
}

.wallet-history .list-wrap.wallet-add .list input {
    margin: 0 15px 0 0;
}

.wallet-history .list-wrap.wallet-add .list .edit-icon a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/edit_icon.png)no-repeat 0 0;
    background-size: 15px 15px;
}

.wallet .form-wrap {
    padding: 0 30px;
}

.wallet .form-wrap input {
    margin: 15px 0 0 0;
}

.wallet .form-wrap div ~ div {
    margin: 30px 0 0 0;
}

.wallet .form-wrap .wallet-add {
    position: relative;
}

.wallet .form-wrap .copy-wrap {
    position: absolute;
    top: 0;
    right: 0;
}

.wallet .form-wrap .copy-wrap ul {
    display: flex;
}

.wallet .form-wrap .copy-wrap ul li:first-of-type:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #ddd;
    margin: 0 10px;
}

.wallet .form-wrap .copy-wrap ul li a {
    color: #666;
    font-weight: 500;
}

/* wallet-send */
.wallet-send .wallet-history .list-wrap .list:first-of-type {
    padding: 20px 0;
}

.wallet-send .wallet-history .history-tab ul {
    justify-content: flex-start;
}

.wallet-send .wallet-history .history-tab ul li {
    flex-basis: auto;
}

.wallet-send .wallet-history .history-tab ul li:first-of-type {
    margin: 0 20px 0 0;
}

.wallet-send .wallet-history .history-tab ul li a {
    padding: 0 10px 10px 10px;
}

.wallet-send .wallet-add-wrap {
    margin: 30px 30px 30px;
}

.wallet-send .wallet-add-wrap .text {
    font-size: 22px;
    font-weight: 600;
}

.wallet-send .wallet-add-wrap input {
    width: 100%;
    margin: 20px 0;
    padding: 10px 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    text-align: right;
}

.wallet-send .wallet-add-wrap .paste ul {
    display: flex;
    justify-content: flex-end;
}

.wallet-send .wallet-add-wrap .paste li {
    margin: 0 0 0 10px;
}

.wallet-send .wallet-add-wrap .paste a {
    padding: 6px 20px;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    font-weight: 500;
}

.wallet-send .number {
    position: absolute;
    bottom: 90px;
    left: 30px;
    display: block;
    width: calc(100% - 60px);
    text-align: center;
}

.wallet-send .number .number-keypad {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.wallet-send .number .number-keypad li {
    position: relative;
    flex-basis: 30%;
}

.wallet-send .number .number-keypad li a {
    display: block;
    padding: 25px 0;
    font-size: 18px;
    font-weight: 500;
}

.wallet-send .number .number-keypad li .delete {
    background: url(../images/delete_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
}

.wallet-send .number .text-wrap {
    font-size: 16px;
    font-weight: 500;
}

.wallet-send .btn-wrap {
    position: sticky;
    bottom: 0;
    width: calc(100% - 60px);
}

.wallet-send .btn-wrap.absolute {
    position: absolute;
    bottom: 74px;
}

.wallet-send > .text-wrap {
    text-align: center;
    margin: 20px 0 0 0;
}

.wallet-send > .text-wrap label {
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
}

.wallet-send > .text-wrap input {
    padding: 10px 0;
    text-align: center;
    border: none;
    font-size: 30px;
    font-weight: 600;
}

.wallet-send .number .box {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.nft.compt .compt-wrap {
    position: absolute;
    top: 40%;
    left: 30px;
    width: calc(100% - 60px);
    transform: translateY(-40%);
}

.certified-member.nft.compt .compt-wrap {
    position: absolute;
    top: 20%;
    transform: translateY(-20%);
    width: calc(100% - 60px);
    margin: 50px auto 0;
}

.certified-member.nft.compt .compt-wrap .btn-wrap {
    position: static;
    width: 100%;
}

.nft.scroll .compt-wrap {
    position: static;
    transform: translateY(0);
    margin: 50px 30px 0;
}

.nft.compt .text-wrap {
    padding: 0 0 50px 0;
    border-bottom: 1px solid #eee;
}

.nft.compt .info-wrap > div {
    display: flex;
    justify-content: space-between;
}

.nft.compt .info-wrap > div ~ div {
    margin: 15px 0 0 0;
}

.nft.compt .info-wrap > div .left {
    color: #888;
}

.nft.compt .info-wrap > div .right {
    font-weight: 500;
}

.nft.compt .compt-wrap .btn {
    margin: 30px 0 0 0;
    border: 1px solid #ddd;
    color: #111;
}

.nft.compt .btn-wrap {
    position: fixed;
    bottom: 0;
}

.nft.scroll .btn-wrap {
    position: sticky;
    bottom: 0;
}

.nft.compt .position-center > .btn-wrap {
    margin: 50px 0 0 0;
}

.nft.compt .add-box {
    margin: 30px 30px;
    padding: 25px 20px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.nft.compt .add-box .text span {
    display: block;
    margin: 15px 0;
    color: #666;
    font-size: 12px;
}

.nft.compt .add-box input {
    width: 100%;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.nft.compt .add-box .btn-wrap {
    position: static;
    width: 100%;
    margin: 20px 0 0 0;
}

/* map-location */
.map-location .header p {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.map-location .header-serch {
    position: static;
    margin: 0 0 0 30px;
}

.map-location .header-serch input {
    padding: 15px;
}

.map-location .save {
    width: calc(100% - 62px);
    margin: 0 auto 30px;
}

.map-location .save .title {
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;
    color: #888;
    border-bottom: 1px solid #eee;
}

.map-location .save .add {
    position: relative;
    display: flex;
    margin: 20px 0 0 0;
}

.map-location .save .add a {
    position: absolute;
    top: 3px;
    right: 0;
    width: 14px;
    height: 16px;
    background: url(../images/mark_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.map-location .save .add a.on {
    background: url(../images/mark_color_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.map-location .save .add a.move {
    right: 0;
    top: 5px;
    background: url(../images/move_icon.png)no-repeat 0 0;
    background-size: auto 10px;
}

.map-location .save .add input {
    margin: 4px 13px 0 5px;
}

/* my-nft */
.my-nft .title-wrap {
    margin: 0 30px 0 30px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: 600;
}

.my-nft .header-icon p {
    display: none;
}

.my-nft .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.my-nft .title-wrap span {
    margin: 0 0 0 15px;
    color: #FF952C;
    font-size: 34px;
}

.my-nft .nft-list-s {
    margin: 20px 0 10px 30px;
}

.my-nft .nft-tab ul {
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 30px;
    border-bottom: 1px solid #eee;
}

.my-nft .nft-tab a {
    display: block;
    width: 170px;
    margin: 0 0 -1px 0;
    padding: 10px 0;
    text-align: center;
    color: #666;
    font-size: 16px;
    font-weight: 500;
}

.my-nft .nft-tab a.on {
    color: #FF952C;
    border-bottom: 2px solid #FF952C;
}

.create {
    float: right;
    position: sticky;
    right: 30px;
    bottom: 80px;
    width: 50px;
    height: 0;
    z-index: 2;
}

.create a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #FF952C;
    background-image: url(../images/create_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    border-radius: 50px;
}

.subscribe-list .create {
    bottom: 160px;
}

/* pin-box */
.pin-box {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 310px;
    padding: 30px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    background: #fff;
}

.pin-box .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pin-box .title .txt {
    font-size: 18px;
    font-weight: 500;
}

.pin-box .title .icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pin-box .title .icon a {
    display: block;
    width: 16px;
    height: 11px;
    background: url(../images/next_icon.png)no-repeat 0 0;
    background-size: cover;
}

.pin-box .date {
    margin: 0 0 20px 0;
    color: #888;
    font-size: 12px;
}

.pin-box .info {
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.pin-box .info .box {
    padding: 0 25px;
}

.pin-box .info .box .number {
    color: #FF952C;
    font-size: 18px;
    font-weight: 500;
}

.pin-box .info .box .number span {
    font-size: 14px;
}

.pin-box .info .box:nth-of-type(2) {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.pin-box .info .box .txt {
    color: #666;
    font-size: 12px;
}

/* landing-page */
.coming-soon {
    width: calc(100% - 570px);
    position: absolute;
    top: 50%;
    left: 535px;
    transform: translateY(-50%);
    margin: 0 0 0 0;
    text-align: center;
    line-height: 1.3;
    font-size: 40px;
    font-weight: 600;
}

.map-area.landing-map {
    background: url(../images/map_image.png)no-repeat 0 0;
    background-size: cover;
    background-position: center;
}

.landing .header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 0;
}

.landing .header-title p {
    font-size: 22px;
    font-weight: 600;
}

.landing .header-title .share a {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/share_icon.png)no-repeat 0 0;
    background-size: 20px 20px;
    text-indent: -9999px;
    overflow: hidden;
}

.landing .title-name {
    margin: 30px 0 0 0;
    padding: 0 30px 10px;
    border-bottom: 1px solid #ddd;
}

.landing .title-name .name {
    font-size: 26px;
    font-weight: 600;
}

.landing .title-name .recommend-code a {
    color: #aaa;
}

.landing .hot-deal {
    margin: 30px 0 30px 0;
}

.landing .hot-deal .nft:nth-of-type(1) .thumb {
    background-image: url(../images/beautiful-floral-wallpaper.jpg);
    background-position: center;
}

.landing .hot-deal .nft:nth-of-type(2) .thumb {
    background-image: url(../images/simon-lee-fyZOY0HiF9A-unsplash.jpg);
    background-position: center;
}

.landing .hot-deal .nft:nth-of-type(3) .thumb {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.landing .hot-deal .nft:nth-of-type(4) .thumb {
    background-image: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png);
    background-position: center;
}

.landing .recommend-list {
    margin: 0 30px 30px;
}

.landing .recommend-list .list ~ .list {
    border-top: 1px solid #eee;
}

.landing .recommend-list .list {
    padding: 20px 0;
}

.landing .recommend-list .list:first-of-type {
    padding: 30px 0 20px;
}

.landing .recommend-list .list:last-of-type {
    padding: 20px 0 0 0;
}

.landing .recommend-list .list .name {
    font-size: 16px;
    font-weight: 500;
}

.landing .recommend-list .list .code {
    color: #666;
}

/* subscribe-list */
.main-wrap.subscribe-list {
    width: 100%;
    margin: 0;
}

.main-wrap.subscribe-list .header {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.main-wrap.subscribe-list .header .title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    font-size: 22px;
    font-weight: 600;
}

.main-wrap.subscribe-list .header .back {
    width: 25px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: 30px;
    z-index: 9;
    background: url(../images/back_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.subscribe-list .nft-list-m {
    margin: 0 auto 30px;
    padding: 0;
}

/* setting */
.setting .header-title {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px;
    background: #fff;
}

.setting .header-title.scroll {
    border-bottom: 1px solid #f4f4f4;
}

.setting .header-title p {
    font-size: 22px;
    font-weight: 600;
}

.setting .header-title .notice a {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/share_icon.png)no-repeat 0 0;
    background-size: 20px 20px;
    text-indent: -9999px;
    overflow: hidden;
}

.setting .my-info {
    padding: 0 30px 0 30px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
}

.setting .my-info .my-mas {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.setting .my-info .my-nft {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 15px 0 20px 0;
}

.setting .my-info > div span {
    color: #FF952C;
    font-size: 18px;
}

.setting .my-info > div a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 12px;
    margin: 0 0 0 10px;
    background: url(../images/date_next_icon.png)no-repeat 0 0;
    background-size: auto 12px;
}

.setting .setting-list {
    padding: 5px 30px;
    font-size: 16px;
}

.setting .setting-list li a {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #f4f4f4;
}

.setting .setting-list li:last-of-type a {
    border-bottom: none;
    color: #FD546E;
}

.setting .setting-list li a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 10px -2px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
}

.setting .setting-list li:nth-of-type(1) a:before {
    background-image: url(../images/my_info_icon.png);
}

.setting .setting-list li:nth-of-type(2) a:before {
    background-image: url(../images/certified_icon.png);
}

.setting .setting-list li:nth-of-type(3) a:before {
    background-image: url(../images/notice_list_icon.png);
}

.setting .setting-list li:nth-of-type(4) a:before {
    background-image: url(../images/alarm_icon.png);
}

.setting .setting-list li:nth-of-type(5) a:before {
    background-image: url(../images/email_icon.png);
}

.setting .setting-list li:nth-of-type(6) a:before {
    background-image: url(../images/key_icon.png);
}

/* .setting .setting-list li:nth-of-type(7) a:before {
    background-image: url(../images/location_icon.png);
} */

.setting .setting-list li:nth-of-type(7) a:before {
    background-image: url(../images/logout_icon.png);
}

/* keystore */
.keystore .header {
    margin: 0 0 25px 0;
}

.keystore .header p {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.keystore .keystore-list a {
    position: relative;
    display: block;
    padding: 15px 30px;
    font-size: 16px;
}

.keystore .keystore-list a:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 30px;
    width: 7px;
    height: 12px;
    background: url(../images/date_next_icon.png)no-repeat 0 0;
    background-size: auto 12px;
}

.keystore .compt-wrap .text-wrap {
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translate(-50%,-32%);
    width: 100%;
    text-align: center;
}

.keystore .compt-wrap .box-wrap {
    position: absolute;
    bottom: 110px;
    left: 30px;
    width: calc(100% - 100px);
    padding: 20px 20px 25px 20px;
}

.keystore .compt-wrap .text-wrap .text {
    margin: 15px 0 0 0;
}

.keystore .compt-wrap .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png) no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.keystore > .btn-wrap {
    width: calc(100% - 60px);
    position: absolute;
    bottom: 10px;
}

.alert-wrap .popup-btn.flex {
    display: flex;
    justify-content: space-between;
}

.alert-wrap .popup-btn.flex .btn.small {
    width: calc(50% - 10px);
}

/* my-info */
.main-wrap.my-info {
    width: 100%;
    margin: 0;
}

.my-info .form-wrap {
    margin: 0 30px;
}

.my-info .form-wrap div ~ div {
    margin: 30px 0 0 0;
}

.my-info .form-wrap div input {
    margin: 15px 0 0 0;
}

.my-info .form-wrap div input:disabled {
    background: #fff;
}

.my-info .withdrawal {
    margin: 30px 30px 0;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.my-info .withdrawal a {
    color: #FD3C43;
    font-weight: 500;
}

.my-info .compt-wrap {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 100%;
    text-align: center;
}

.my-info .compt-wrap .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png) no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.compt-wrap .text-wrap .title.check:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/compt_icon.png) no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.my-info .compt-wrap .text-wrap .text {
    margin: 15px 0 0 0;
}


.my-info .form-wrap {
    padding: 0;
}

.my-info .form-wrap .withdrawal-form {
    margin: 30px 0 0 0;
    text-align: left;
}

.my-info .form-wrap .withdrawal-form label {
    display: none;
}

.my-info .form-wrap .withdrawal-form input {
    margin: 20px 10px 0 0;
}

.my-info .form-wrap .withdrawal-form input:last-of-type {
    margin: 10px 0 0 0;
}

.withdrawal-wrap .compt-wrap {
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 0 30px;
}

.withdrawal-wrap .compt-wrap .text-wrap {
    text-align: left;
}

.withdrawal-wrap .compt-wrap .text-wrap .title:before {
    display: none;
}

.withdrawal-wrap .form-wrap {
    margin: 0;
}

/* switch input */
.switch-list {
    padding: 15px 30px;
}

.switch-list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.switch-list ul li a {
    font-size: 16px;
}

.switch-btn {
    display: block;
    position: relative;
    width: 40px;
    height: 22px;
    background: #ddd;
    border-radius: 60px;
    transition: background 0.4s;
}

.switch-btn:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: all 0.4s;
}

#switch {
    display: none;
}

#switch:checked + .switch-btn {
    background: #FF952C;
}

#switch:checked + .switch-btn:after {
    left: calc(100% - 19px);
}

/* contact-us */
.contact-us .compt-wrap .text-wrap {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.contact-us .compt-wrap .text-wrap .title {
    margin: 0 0 15px 0;
}

.contact-us .compt-wrap .text-wrap .title:before {
    background: url(../images/contact_icon.png)no-repeat 0 0;
    background-size: contain;
}

.contact-us .compt-wrap .text-wrap .text:last-of-type {
    margin: 10px 0 0 0;
}

/* notice */
.notice .notice-list {
    padding: 0 30px;
}

.notice .notice-list .list {
    position: relative;
    padding: 20px 0;
}

.notice .notice-list .list:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 7px;
    height: 12px;
    background: url(../images/date_next_icon.png) no-repeat 0 0;
    background-size: auto 12px;
}

.notice .notice-list .list ~ .list {
    border-top: 1px solid #eee;
}

.notice .notice-list .list .date {
    color: #888;
    font-size: 12px;
}

.notice .notice-list .list .title {
    width: 270px;
    margin: 2px 0 0 0;
    font-weight: 500;
}

.notice .notice-list .list .text {
    color: #6e6e6e;
    font-size: 12px;
}

.notice .notice-page .title {
    padding: 20px 30px 0 30px;
    font-weight: 500;
}

.notice .notice-page .date {
    padding: 0 30px 20px 30px;
    border-bottom: 1px solid #eee;
    color: #888;
    font-size: 12px;
}

.notice .notice-page .date span {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 6px;
    background: #ddd;
}

.notice .notice-page .text {
    padding: 20px 30px;
}

.notice .store {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.notice .store .text {
    color: #888;
}

.notice .store .store-name {
    color: #FF952C;
    font-weight: 500;
}

.notice .location {
    margin: 0 30px;
}

.notice .target {
    margin: 0 30px;
    padding: 30px 0 30px;
}

.notice .target label {
    display: block;
    margin: 0 0 15px 0;
}

.notice .target input {
    margin: 0 6px 0 20px;
}

.notice .target input:nth-of-type(1) {
    margin: 0 6px 0 0;
}

.notice .location label {
    display: block;
    margin: 0 0 15px 0;
}

.notice .location input {
    margin: 0 6px 0 20px;
}

.notice .location input:nth-of-type(1) {
    margin: 0 6px 0 0;
}

.notice .message {
    margin: 30px 30px 0;
    padding: 0 0 20px 0;
}

.notice .message label {
    display: block;
    margin: 0 0 15px 0;
}

.notice .message input {
    margin: 0 6px 0 20px;
}

.notice .message input:nth-of-type(1) {
    margin: 0 6px 0 0;
}

.notice .images {
    margin: 0 30px 20px;
}

.notice .images label {
    margin: 0 0 15px 0;
}

.notice .price-wrap {
    position: sticky;
    bottom: 0;
    padding: 0 30px 30px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.notice .price-wrap .price {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 20px 0;
}

.notice .price-wrap .price .text {
    color: #888;
}

.notice .price-wrap .price .price-mas span {
    font-size: 18px;
    font-weight: 500;
}

.teg {
    margin: 0 0 0 2px;
    padding: 1px 5px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
}

.teg.new {
    color: #FF952C;
    background: #FFF2E5;
}

.teg.imp {
    color: #FD3C43;
    background: #FFE0E1;
}

/* nft-input */
.nft-input .form-wrap .quantity .quantity-wrap {
    display: flex;
    justify-content: space-between;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(1) {
    width: calc(100% / 2.5 - 5px);
    background: #fff;
    color: #FF952C;
    border: 1px solid #FF952C;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(1).on {
    background: #FF952C;
    color: #fff;
    border: 1px solid #FF952C;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(1).off {
    color: #aaa;
    border: 1px solid #ddd;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(2) {
    width: calc(100% / 2 - 5px);
    text-align: center;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(2).on {
    border: 2px solid #FF952C;
    outline: none;
    background: #fff;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(2).off {
    background: #fff;
}

  /* .quantity-wrap input {
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .quantity-wrap input#unlimited.selected {
    background: #FF952C;
    color: #fff;
    border: 1px solid #FF952C;
  }
  .quantity-wrap input#quantity:focus {
    border: 2px solid #FF952C;
    outline: none;
  }
  .quantity-wrap input#quantity:disabled {
    color: #aaa;
    border: 1px solid #ddd;
    background: #f9f9f9;
  } */


.nft-input .form-wrap .location {
    margin: 0 0 30px 0;
}

.nft-input .form-wrap .location input {
    width: 208px;
}

.nft-input .form-wrap .location .btn {
    float: right;
    width: 90px;
    font-size: 14px;
}

.nft-input .form-wrap .location2 label {
    display: none;
}

.nft-input .form-wrap .date .flex-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nft-input .form-wrap .date input {
    width: 124px;
}

.location select {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.location select:focus {
    border: 1px solid #FF952C;
    outline: none;
}

.no-scroll {
    overflow: hidden !important;
}

/* qr */
.main-page.qr {
    background: rgba(000,000,000,.75);
    position: absolute;
    top: 100vh;
}

.main-page.qr .header {
    background: none;
    color: #fff;
    margin: 0 0 25px 0;
}

.main-page.qr .header .back {
    background: url(../images/back_white_icon.png) no-repeat 0 0;
    background-size: auto 16px;
}

.main-page.qr .tab-wrap {
    width: 100%;
    padding: 0 30px;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.main-page.qr .tab-wrap ul {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 60px);
}

.main-page.qr .tab-wrap ul li {
    flex-basis: 50%;
}

.main-page.qr .tab-wrap ul li a {
    display: block;
    padding: 15px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.main-page.qr .tab-wrap ul li.on a {
    border-bottom: 2px solid #fff;
    font-weight: 500;
}

.main-page.qr .qr-wrap {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-55%);
    text-align: center;
}

.main-page.qr .qr-wrap .qr-code-wrap {
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ffffff;
    padding: 10px 4px 4px 4px; 
    display: inline-block;
}

.main-page.qr .qr-code-wrap video {
    background: #000;
    width: 100%;             /* 부모 요소의 너비에 맞춤 */
    height: 100%;            /* 부모 요소의 높이에 맞춤 */
    object-fit: cover;       /* 비율을 유지하면서 꽉 차게 맞춤 */
    border-radius: 10px;     /* 부모와 같은 border-radius 적용 */
}

/* .main-page.qr .qr-wrap .qr-code-wrap.send {
    background: #000;
} */

.main-page.qr .qr-wrap .text-wrap {
    width: 250px;
    color: #fff;
}

.main-page.qr .qr-wrap .text-wrap .title {
    margin: 30px 0 0 0;
    font-size: 22px;
    font-weight: 600;
}

/* exchange */
.exchange {
    background: url(../images/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative.jpg)no-repeat center;
    background-size: cover;
}

.main-page .btn-wrap.left-0 {
    left: 0 !important;
}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
/* ver250201 */
body {
    word-break: keep-all;
    line-height: 1.6;
    font-family: 'pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/* common */
.h100 {
    width: 100%;
    height: calc(100vh - 30px);
}

.main-wrap {
    position: relative;
    width: 100%;
    margin: 0;
}

.position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.header {
    position: sticky;
    top: 0;
    display: block;
    width: 100%;
    padding: 30px 0;   
    background: #fff;
    z-index: 99;
}

.header.scroll {
    border-bottom: 1px solid #f4f4f4;
}

.header .title {
    padding: 0 0 0 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.header .back {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    width: 25px;
    background: url(../images/back_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.header.dp-none {
    display: none;
}

.close-btn a {
    position: absolute;
    top: 39px;
    left: 510px;
    width: 30px;
    height: 30px;
    background: url(../images/close_btn_icon.png)no-repeat;
    background-size: 30px 30px;
    z-index: 9;
    text-indent: -9999px;
    overflow: hidden;
}

input {
    width: calc(100% - 32px);
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
}

input::placeholder {
    color: #aaa;
}

input:focus {
    outline: none;
    border: 1px solid #FF952C;
}

input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 12px !important;
    height: 12px;
    padding: 0;
    box-shadow: 0 0 0 1px #ddd;
    border: 3px solid #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

input[type='radio']:checked {
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #FF952C;
    background-color: #FF952C;
}

/* 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;
}

label {
    font-size: 14px;
    font-weight: 500;
}

.main-page > .btn-wrap {
    background: #fff;
    width: calc(100% - 60px);
    padding: 0 30px 30px;
    bottom: 0;
}

.btn {
    width: 100%;
    padding: 15px 0;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}

.btn.primary {
    background: #FF952C;
    color: #fff;
}

button.primary:disabled {
    background: #ddd !important;
}

.btn.secondary {
    background: #fff;
    border: 1px solid #FF952C;
    color: #FF952C;
}

button.secondary:disabled {
    background: #f4f4f4;
    border: 1px solid #ddd !important;
    color: #aaa !important;
}

.btn.small {
    padding: 12px 0;
}

.btn-wrap.flex {
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.btn-wrap.flex .btn {
    width: calc(50% - 10px);
}

.txt-color {
    color: #FF952C;
}

.txt-bold {
    font-weight: 600;
}

.txt-16 {
    font-size: 16px;
}

.border-none {
    border: none !important;
}

/* pin-number */
.pin-number .header .back {
    left: auto;
    right: 30px;
    width: 16px;
    background: url(../images/cancel_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.pin-number .keypad-wrap {
    display: block;
    width: 100%;
    height: calc(100vh - 195px);
    text-align: center;
}

.pin-number .number-keypad {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.pin-number .number-keypad li {
    position: relative;
    flex-basis: 30%;
}

.pin-number .number-keypad li a {
    display: block;
    padding: 25px 0;
    font-size: 18px;
    font-weight: 500;
}

.pin-number .number-keypad li a.active {
    background-color: #007bff;  /* 클릭된 버튼 색 */
    color: white;
}

.pin-number .number-keypad li .shuffle {
    background: url(../images/shuffle_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
}

.pin-number .number-keypad li .delete {
    background: url(../images/delete_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
}

.pin-number .text-wrap {
    position: relative;
    top: 15%;
    left: 50%;
    transform: translate(-50%,-15%);
    font-size: 16px;
    font-weight: 500;
}

.pin-number .text-wrap .dots {
    display: flex;
    margin: 30px 0 0 0;
    justify-content: center; 
}

.pin-number .text-wrap .dots li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #ddd;
}

.pin-number .text-wrap .dots li ~ li {
    margin: 0 0 0 25px;
}

.pin-number .text-wrap .dots li.on {
    background: #FF952C;
}

.box-wrap {
    padding: 25px 20px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.box-wrap .title {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.box-wrap .text {
    font-size: 12px;
}

.main-wrap .box-wrap .btn-wrap {
    position: static;
    margin: 30px 0 0 0;
}

/* map-search */
.header-serch.header-search-width {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 370px;
}

.map-search {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 370px;
}

.map-search > a {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/search_icon.png)no-repeat 0 0;
    background-size: 16px 16px;
    text-indent: -9999px;
    overflow: hidden;
}

/* toast-box */
.toast-box {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(370px - 60px);
    padding: 35px 30px 30px 30px;
    border: 1px solid #FF952C;
    border-radius: 30px;
    background: #fff;
    z-index: -2;
}

.toast-box .text {
    display: flex;
}

.toast-box .icon {
    width: 18px;
    height: 18px;
    background: url(../images/alert_small_icon.png)no-repeat 0 0;
    background-size: 18px 18px;
    margin: 2px 0 0 0;
}

.toast-box .text .txt {
    width: calc(100% - 28px);
    margin: 0 0 0 10px;
}

.toast-box a {
    display: block;
    margin: 10px 0 0 0;
    text-align: right;
    font-weight: 500;
}

/* gnb */
.gnb-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: calc(100vh - 60px);
    padding: 30px 0;
    background-color: rgba(255,255,255,1);
/*    backdrop-filter: blur(25px);*/
    z-index: 8;
}

.gnb-wrap .gnb-btn a {
    position: relative;
    display: block;
    padding: 0 15px;
    text-align: center;
    font-size: 10px;
}

.gnb-wrap .gnb-btn a.on:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 4px;
    height: 48px;
    background-color: #FF952C;
    border-radius: 5px;
}

.gnb-wrap .gnb-btn ~ .gnb-btn a {
    margin: 25px 0 0 0;
}

.gnb-wrap .gnb-btn a:before {
    content: "";
    display: block;
    width: 32px;
    height: 25px;
    margin: 0 auto 6px;
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: center;
}

.gnb-wrap .gnb-btn.home a:before {
    background-image: url(../images/home_icon.png);
}

.gnb-wrap .gnb-btn.nft-market a:before {
    background-image: url(../images/nft_market_icon.png);
}

/* .gnb-wrap .gnb-btn.qr a:before {
    background-image: url(../images/qr_icon.png);
}
.gnb-wrap .gnb-btn.trade a:before {
    background-image: url(../images/exchange_icon.png);
} */

.gnb-wrap .gnb-btn.mywallet a:before {
    background-image: url(../images/mywallet_icon.png);
}

.gnb-wrap .gnb-btn.my-nft a:before {
    background-image: url(../images/my_nft_icon.png);
}

.gnb-wrap .gnb-btn.setting a:before {
    background-image: url(../images/setting_icon.png);
}

/* nft-list-s */
.nft-list-s {
    display: flex;
    margin: 30px 0 0 30px;
    padding: 0 30px 0 0;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    cursor: grab; /* 기본 상태에서 손 모양 */
    cursor: -webkit-grab; /* 크로스 브라우저 지원 */
}

.nft-list-s .active {
    cursor: grabbing; /* 드래그 중 손 움켜짐 모양 */
    cursor: -webkit-grabbing; /* 크로스 브라우저 지원 */
}

.nft-list-s::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.nft-list-s .nft {
    position: relative;
    width: 147px;
    padding: 10px 10px 15px 10px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.nft-list-s .nft ~ .nft {
    margin: 0 0 0 15px;
}

.nft-list-s .nft .partner {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 5px;
    background: #FFEDDB;
    color: #FF952C;
    border-radius: 0 0 5px 5px;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-s .nft .thumb {
    width: 100%;
    min-width: 120px;
    height: 90px;
    background: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png)no-repeat 0 0;
    background-size: cover;
    border-radius: 15px;
}

.nft-list-s .nft .thumb .count {
    float: right;
    display: inline-block;
    margin: 6px 6px 0 0;
    padding: 2px 10px;
    background: rgba(000,000,000,.4);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.nft-list-s .nft .nft-name {
    margin: 10px 0 0 0;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
}

.nft-list-s .nft .nft-name span:first-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.nft-list-s .nft .nft-name .date {
    display: block;
    color: #666;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: 400;
}

.nft-list-s .nft .nft-price {
    display: flex;
}

.nft-list-s .nft .nft-price > div p:first-of-type {
    margin: 0 4px 0 0;
    color: #555;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-s .nft .nft-price > div p:nth-of-type(2) {
    color: #000;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-s .nft .nft-price > div p:nth-of-type(2) .number {
    margin: 0 2px 0 0;
    font-size: 14px;
    font-weight: 400;
}

.nft-list-s .nft .nft-price .price {
    display: flex;
    align-items: center;
}

.nft-list-s .nft .nft-price .price:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 6px;
    background: #ddd;
}

.nft-list-s .nft .nft-price .discount {
    display: flex;
    align-items: center;
}

.nft-list-s.block {
    flex-wrap: wrap;
    justify-content: space-between;
}

.nft-list-s.block .nft {
    width: calc(50% - 30px);
    margin: 0 0 20px 0;
}

.nft-list-s .nft.expiry {
    position: relative;
    border: none;
}

.nft-list-s .nft.expiry .expiry-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,.4);
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.nft-list-s .nft.add-nft a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
}

.nft-list-s .nft.add-nft a span {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-48%);
    width: 100%;
}

.nft-list-s .nft.add-nft a span:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 6px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
}

/* nft-list-m */
.nft-list-m {
    width: calc(100% - 60px);
    margin: 0 0 20px 0;
    padding: 0 30px;
}

.nft-list-m .nft > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.home .nft-list-m {
    width: 100%;
}

.home .subscribe-list .nft-list-m .nft:first-of-type {
    margin: 30px 0 0 0;
}

.home .subscribe-list .nft-list-m .text-wrap {
    width: calc(100% - 85px);
}

.nft-list-m .nft {
    margin: 15px 0 0 0;
}

.nft-list-m .nft .thumb {
    width: 85px;
    height: 85px;
    margin: 0 15px 0 0;
    background: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png)no-repeat 0 0;
    background-size: cover;
    border-radius: 12px;
}

.nft-list-m .nft .nft-name {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.nft-list-m .nft .nft-name .type {
    margin: 0 0 0 4px;
    padding: 2px 5px;
    background: #FFF2E5;
    border-radius: 5px;
    color: #FF952C;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-m .nft .nft-name .type.influencer {
    color: #FD3C43;
    background: #FFE0E1;
}

.nft-list-m .nft .nft-name .type.store {
    color: #3C5DE8;
    background: #E0E8FF;
}

.nft-list-m .nft .nft-name .count {
    color: #FF952C;
    font-weight: 400;
}

.nft-list-m .nft.hot .nft-name {
    display: flex;
    justify-content: space-between;
}

.nft-list-m .nft .nft-name .count > span:last-of-type {
    font-size: 12px;
    font-weight: 500;
}

.nft-list-m .nft .nft-name .date {
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: 400;
}

.nft-list-m .nft .nft-price {
    display: flex;
    margin: 10px 0 0 0;
}

.nft-list-m .nft .nft-price > div p:first-of-type {
    margin: 0 6px 0 0;
    color: #555;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-m .nft .nft-price > div p:nth-of-type(2) {
    color: #000;
    font-size: 10px;
    font-weight: 500;
}

.nft-list-m .nft .nft-price > div p:nth-of-type(2) .number {
    margin: 0 2px 0 0;
    font-size: 14px;
    font-weight: 400;
}

.nft-list-m .nft .nft-price .price {
    display: flex;
    align-items: center;
}

.nft-list-m .nft .nft-price .price:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background: #ddd;
}

.nft-list-m .nft .nft-price .discount {
    display: flex;
    align-items: center;
}

.nft-list-m .nft .text-wrap {
    width: calc(100% - 110px);
}

.nft-list-m .nft.store a, .nft-list-m .nft.influencer a {
    padding: 9px 10px;
}

.nft-list-m .nft.store .text-wrap .nft-info, .nft-list-m .nft.influencer .text-wrap .nft-info {
    margin: 8px 0 0 0;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nft-list-m .nft.store .nft-info, .nft-list-m .nft.influencer .nft-info {
    color: #666;
    font-size: 12px;
}

.nft-list-m .nft.info:first-of-type:before {
    display: none;
}

.nft-list-m .nft.info:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background: #eee;
}

.nft-list-m .nft.info .nft-info {
    display: flex;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #666;
    font-size: 12px;
}

.nft-list-m .nft.info a {
    padding: 0;
    border: none;
}

.nft-list-m .nft.info .thumb {
    width: 70px;
    height: 70px;
}

/* home-my-nft */
.home .my-nft-wrap {
    margin: 30px 0 0 0;
}

.home .my-nft-wrap .text-wrap {
    margin: 0 30px;
}

.home .my-nft {
    display: flex;
    margin: 30px 0 0 0;
    padding: 0 30px;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    cursor: grab; /* 기본 상태에서 손 모양 */
    cursor: -webkit-grab; /* 크로스 브라우저 지원 */
}

.home .my-nft .nft ~ .nft {
    margin: 0 0 0 20px;
}

.home .my-nft .nft a {
    position: relative;
    display: block;
    width: 200px;
    height: 130px;
    background: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png)no-repeat 0 0;
    background-size: cover;
    border-radius: 20px;
}

.home .my-nft .nft .text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 150px;
    padding: 10px 15px;
    background: rgba(000,000,000,.1);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

.home .my-nft .nft .text span {
    display: block;
    color: #fff;
}


.home .my-nft .nft .text .date {
    font-size: 10px;
}

.home .my-nft .nft .text .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 600;
}

/* popup */
.popup-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(000,000,000,.5);
    z-index: 100;
}

.popup-wrap .popup {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-45%);
    width: 300px;
    padding: 35px 30px 30px 30px;
    background: #fff;
    border-radius: 30px;
}

.popup-wrap .popup .title {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.popup-wrap .popup .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png)no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.popup-wrap .popup > div:nth-of-type(2) {
    color: #666;
}

.popup-wrap .popup-btn {
    display: flex;
    justify-content: flex-end;
    margin: 30px 0 0 0;
}

/* .popup-wrap .popup-btn button {
    color: #faf7f7;
} */

.popup-wrap .popup-btn button.txt-color {
    color: #FF952C;
}

.popup-wrap .popup-btn .cancel {
    margin: 0 20px 0 0;
}

/* alert*/
.alert-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(000,000,000,.5);
    z-index: 100;
}

.alert-wrap .alert {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-45%);
    width: 300px;
    padding: 30px 30px 35px 30px;
    background: #fff;
    border-radius: 30px;
}

.alert-wrap .text-wrap {
    position: relative;
    text-align: center;
}

.alert-wrap .text-wrap .title {
    font-size: 16px !important;
    font-weight: 600;
}

.alert-wrap .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png)no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.alert-wrap .text-wrap .text {
    margin: 10px 0 0 0;
    color: #666;
}

.alert-wrap .popup-btn {
    margin: 40px 0 0 0;
} 

.alert-wrap.wallet-send .title:before {
    display: none;
}

.alert-wrap.wallet-send .title .number {
    position: static;
    display: inline-block;
    width: auto;
    margin: 0 4px 0 6px;
    color: #FF952C;
    text-align: inherit;
    font-size: 22px;
    font-weight: 600;
}

.alert-wrap.wallet-send .title .mas {
    color: #FF952C;
    font-size: 16px;
    font-weight: 600;
}

.alert-wrap.wallet-send .popup-btn {
    display: flex;
    justify-content: space-between;
}

.alert-wrap.wallet-send .popup-btn .secondary {
    width: calc(100% / 3 - 10px);
}

.alert-wrap.wallet-send .popup-btn .primary {
    width: calc(100% / 3 * 2 - 10px);
}

/* splash */
.splash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: #fff;
}

.main-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: #fff;
}

.main-logo .logo {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-45%);
    width: 200px;
}

/* login */
.login .position-center {
    width: 500px;
}

.login .header {
    display: none;
}

.login .logo-wrap {
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
}
.login .logo-wrap img {
    width: 200px;
}

.login .form-wrap {
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.login .form-wrap label {
    display: block;
    margin: 0 0 15px 0;
}

.login .form-wrap .email input {
    margin: 0 0 -1px 0;
    padding: 18px 15px;
    border-radius: 15px 15px 0 0;
}

.login .form-wrap .email input:focus {
    position: relative;
}

.login .form-wrap .password input {
    padding: 18px 15px;
    border-radius: 0 0 15px 15px;
}

.form-wrap .recommend span {
    color: #888;
    font-size: 12px;
}

.login .login-checkbox-wrap {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0 0;
    color: #666;
}

.login .login-checkbox-wrap .forgot-password a {
    color: #666;
}

.login .login-checkbox-wrap label {
    display: inline-block;
    margin: 0;
    font-weight: 400;
}

.login .form-wrap .certify label {
    display: none;
}

.login .btn-wrap {
    margin: 30px 0 0 0;
}

.login .btn-wrap p {
    margin: 25px 0;
    text-align: center;
}

.login .btn-wrap p:before {
    content: "";
    display: inline-block;
    width: 32%;
    height: 1px;
    background: #ddd;
    margin: 0 10px 5px 0;
}

.login .btn-wrap p:after {
    content: "";
    display: inline-block;
    width: 32%;
    height: 1px;
    background: #ddd;
    margin: 0 0 5px 10px;
}

/* join */
.join .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 0 30px 40px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.join.compt .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.join .header {
    display: none;
}

.join .position-center .header {
    display: block;
}

.join .position-center .header .back {
    left: 0;
}

.join .logo-wrap {
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
}

.join .name, .join .certify, .join .password {
    margin: 0 0 30px 0;
}

.join .form-wrap label {
    display: block;
    margin: 0 0 15px 0;
}

.join .form-wrap .email input {
    float: left;
    width: 306px;
    margin: 0 0 2px 0;
}

.join .form-wrap .email .btn {
    float: right;
    width: 90px;
    margin: 0 0 2px 0;
    font-size: 14px;
}

.validation-text {
    color: #FD3C43;
    margin: 0 0 2px 0 !important; 
}

.join .form-wrap .certify input {
    margin: 10px 0 0 0;
}

.join .form-wrap .certify label {
    display: none;
}

.join .btn-wrap {
    margin: 30px 0 0 0;
}

/* join-terms-use */
.join-terms-use .all-check:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0 30px 0;
    background: #eee;
}

.join-terms-use .check-list {
    position: relative;
    margin: 0 0 25px 0;
}

.join-terms-use label {
    font-weight: 400;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    background: #fff;
}

input[type="checkbox"]:checked {
    background: url(../images/check-icon.png)no-repeat 0 0;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    background-position: center;
    background-color: #FF952C;
    border: 1px solid #333;
    color: #fff;
}

.join-terms-use .arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 10px;
    background: url(../images/arrow-icon.png)no-repeat 0 0;
    background-size: auto 10px;
    cursor: pointer;
    transition: 0.2s;
}

.join-terms-use .arrow.on {
    transform: rotate(180deg);
}

.join-terms-use .content {
    display: none;
    width: calc(100% - 30px);
    height: 150px;
    margin: 15px 0 0 0;
    padding: 15px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 20px;
    overflow: scroll;
}

/* compt */
.certified-member.compt .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.compt .text-wrap {
    text-align: center;
    margin: 0 0 50px 0;
}

.compt .text-wrap .title {
    font-size: 22px;
    font-weight: 600;
}
.compt .text-wrap .text {
    margin: 15px 0 0 0;
}

.compt .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 30px;
    background: url(../images/compt_icon.png)no-repeat 0 0;
    background-size: 50px 50px;
}

/* certified-wallet*/
.certified .position-center {
    width: 500px;
}

.certified .certified-wrap .title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.certified .certified-wrap {
    padding: 0 30px;
}

.certified .certified-wrap > a {
    display: inline-block;
    width: calc(50% - 50px);
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.certified .certified-wrap > a:before {
    content: "";
    display: block;
    float: right;
    width: 70px;
    height: 60px;
}

.certified .certified-wrap > a.import-wallet:before {
    background: url(../images/wallet_import.png)no-repeat 0 0;
    background-size: 70px auto;
}

.certified .certified-wrap > a.create-wallet:before {
    background: url(../images/wallet_create.png)no-repeat 0 0;
    background-size: 70px auto;
}

.certified .certified-wrap > a.create-wallet {
    float: right;
}


.certified .certified-wrap > a .text-wrap .title {
    margin: 90px 0 10px 0;
    text-align: left;
    font-size: 16px;
}

.certified .certified-wrap > a .text-wrap .text {
    font-size: 12px;
}

/* mnimonic */
.mnimonic .position-center {
    width: 500px;
}

.mnimonic .mnimonic-wrap {
    padding: 0 30px;
}

.mnimonic .mnimonic-wrap .mnimonic-code {
    width: calc(100% - 40px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 20px 10px 20px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.mnimonic .mnimonic-wrap .mnimonic-code .code {
    position: relative;
    flex-basis: calc(50% - 10px);
}

.mnimonic .mnimonic-wrap .mnimonic-code .code input {
    width: calc(100% - 55px);
    margin: 0 0 10px 0;
    padding: 15px 15px 15px 40px;
    border-radius: 10px;
}

.mnimonic .mnimonic-wrap .mnimonic-code .code input:disabled {
    background: #fff;
}

.mnimonic .mnimonic-wrap .mnimonic-code .code span {
    position: absolute;
    left: 15px;
    top: 40%;
    transform: translateY(-45%);
    width: 20px;
    text-align: center;
}

.mnimonic .mnimonic-wrap .btn-wrap .btn.secondary {
    margin: 20px 0 40px 0;
}

.mnimonic .mnimonic-wrap .btn-wrap .btn.secondary span {
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(../images/copy_icon.png)no-repeat 0 0;
    background-size: auto 14px;
    margin: 0 0 -1px 5px;
}

.mnimonic .mnimonic-wrap .text-wrap .text:last-of-type {
    margin: 20px 0 40px 0;
}

/* certified-member */
.certified-member .position-center {
    width: 500px;
}

.certified .certified-wrap > a.store:before {
    background: url(../images/store_icon.png)no-repeat 0 0;
    background-size: 70px auto;
}

.certified .certified-wrap > a.influencer {
    position: relative;
    float: right;
}

.certified .certified-wrap > a.influencer .disabled {
    pointer-events: none;
    color: gray; /* Adjust color for a "disabled" appearance */
    opacity: 0.5; /* Slight transparency for a more disabled look */
    cursor: not-allowed;
} 

.certified .certified-wrap > a.influencer:before {
    background: url(../images/influencer_icon.png)no-repeat 0 0;
    background-size: 70px auto;
}

.influencer .expiry-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,.4);
    border-radius: 19px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
}

.certified .box-wrap {
    margin: 30px 0 0 0;
}

.certified .box-wrap .title {
    text-align: left;
    font-size: 16px;
}

/* certified-store */
.certified-input .position-center {
    width: 440px;
    margin: 0 auto;
    padding: 50px 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.certified-input .position-center .title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.certified-input .form-wrap {
    height: calc(100% - 50px);
    padding: 0 0 50px 0;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.certified-input .form-wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.certified-input .form-wrap label {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
}

.certified-input .delete {
    position: absolute;
    top: 6px;
    right: 8px;
    padding: 0 6px;
    background: #FFE5E6;
    color: #FD3C43;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

#company-image {
    display: none;
}

.certified-input .form-wrap .address input {
    width: 210px;
}

.certified-input .form-wrap .address input:nth-of-type(2) {
    width: calc(100% - 32px);
    margin: 10px 0 0 0;
}

.certified-input .form-wrap .address .btn {
    float: right;
    width: 90px;
    font-size: 14px;
}

.certified-input .form-wrap .email input {
    width: 210px;
}

.certified-input .form-wrap .email input:nth-of-type(2) {
    width: calc(100% - 32px);
    margin: 10px 0 0 0;
}

.certified-input .form-wrap .email .btn {
    float: right;
    width: 90px;
    font-size: 14px;
}

.certified-input .form-wrap div {
    margin: 0 0 30px 0;
}

textarea {
    width: calc(100% - 32px);
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ddd;
    resize: none;
    line-height: 1.6;
    font-family: 'pretendard',sans-serif;
    font-size: 14px;
}

textarea::placeholder {
    color: #aaa;
}

textarea:focus {
    border: 1px solid #FF952C;
    outline: none;
}

textarea::-webkit-scrollbar {
   display: none;
 }

.certified-input .form-wrap .text {
    margin: 0 0 15px 0;
    font-size: 14px;
    font-weight: 500;
}

.certified-input .company-image .upload-btn {
    width: calc(100% - 2px);
}

.certified-input .upload-btn {
    height: 100px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
    background-position: center;
    margin: 15px 0 0 0;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.images .images-wrap .upload-btn {
    height: 100px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
    background-position: center;
    margin: 15px 0 0 0;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.images .images-wrap {
    margin: 0;
}

.images .images-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.images .images-wrap label {
    position: relative;
    flex-basis: 32%;
    margin: 0 0 10px 0;
}

.img-label {
    width: 100%;
    height: 102px;
}

.img-label img {
    width: calc(100% - 2px);
    height: 102px;
    object-fit: cover;
    border-radius: 15px;
    border: 1px solid #ddd;
}

.images .images-wrap .delete {
    position: absolute;
    top: 21px;
    right: 8px;
    padding: 0 6px;
    background: #FFE5E6;
    color: #FD3C43;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

#images, #images0, #images1, #images2, #images3, #images4, #images5, #images6 {
    display: none;
}

.certified-input .platform label ~ label {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: 400;
}

.certified-input .platform input {
    width: auto;
    margin: 0 6px 0 1px;
}

.certified-input .platform input ~ input {
    margin: 0 6px 0 20px;
}

.certified-influencer {
    position: relative;
    width: 100%;
    margin: 0;
}

.certified-influencer .form-wrap {
    height: auto;
    padding: 0 30px;
}

/* main-page home */
.map {
    width: 100%;
    height: 100vh;
}

.main-page {
    position: relative;
    top: 0;
    left: 100px;
    transform: translateY(calc(-100% - 30px));
    width: 400px;
    height: calc(100vh - 60px);
    background-color: rgba(255,255,255,1);
    border-radius: 30px;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    z-index: 2;
}

.contents-wrap {
    width: 400px;
    height: calc(100vh - 180px);
    padding: 0 0 60px 0;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.main-page::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.main-page .header-icon {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 25px 30px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    z-index: 999;
}

.main-page .header-icon .icon {
    display: flex;
}


.main-page .recommend-code:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    margin: 0 0 -2px 0;
    background: url(../images/copy_black_icon.png) no-repeat 0 0;
    background-size: auto 15px;
}

.main-page .user-wrap .user-name {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
}

.main-page .user-wrap .recommend-code {
    display: inline-block;
    margin: 0 0 0 6px;
    color: #888;
}



.main-page .header-icon .share a {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 20px 0 0;
    background: url(../images/share_icon.png)no-repeat 0 0;
    background-size: 20px 20px;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 20px;
}

.main-page .header-icon .notice {
    position: relative;
}

.main-page .header-icon .notice a {
    display: block;
    width: 19px;
    height: 22px;
    background: url(../images/notice_icon.png)no-repeat 0 0;
    background-size: auto 22px;
    text-indent: -9999px;
    overflow: hidden;
}

.main-page .header-icon .notice span {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #FD546E;
    font-size: 10px;
    font-weight: 600;
}

.main-page .header-icon-mynft {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 25px 30px 0px 30px;
}

.main-page .header-icon-mynft .notice {
    position: relative;
}

.main-page .header-icon-mynft .notice a {
    display: block;
    width: 19px;
    height: 22px;
    background: url(../images/notice_icon.png)no-repeat 0 0;
    background-size: auto 22px;
    text-indent: -9999px;
    overflow: hidden;
}

.main-page .header-icon-mynft .notice span {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #FD546E;
    font-size: 10px;
    font-weight: 600;
}

.home .wallet {
    width: 300px;
    margin: 15px auto 0;
    padding: 30px 20px 25px 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.home .wallet .text {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

.home .wallet .text:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 0 -0.5px 6px;
    background: url(../images/wallet_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.home .wallet .wallet-add {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #aaa;
}

.home .wallet .amount .amount-mas {
    color: #FF952C;
    font-size: 34px;
    font-weight: 600;
}

.home .wallet .amount {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: -4px 0 0 0;
}

.home .wallet .amount .more-btn a {
    display: block;
    width: 18px;
    height: 12px;
    background: url(../images/next_icon.png)no-repeat 0 0;
    background-size: 18px auto;
    text-indent: -9999px;
    overflow: hidden;
}

.home .wallet .amount .unit {
    margin: 0 0 0 4px;
    font-size: 18px;
    font-weight: 500;
}

.home .wallet .send-btn a {
    display: block;
    width: 100%;
    margin: 12px 0 0 0;
    padding: 12px 0;
    text-align: center;
    background: #F5F5F5;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 500;
}

.wallet .wallet-wrap {
    margin: 0 30px;
    padding: 0;
}

.wallet .wallet-wrap .text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wallet .wallet-wrap .text p {
    font-size: 18px;
    font-weight: 600;
}

.wallet .wallet-wrap .text p:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 0 0 4px;
    background: url(../images/wallet_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.wallet .wallet-wrap .text .qr-code {
    border: 1px solid #eee;
    border-radius: 10px;
}

.wallet .wallet-wrap .text .qr-code a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 6px -3px 0;
    background: url(../images/qr_code_icon.png)no-repeat 0 0;
    background-size: 16px 16px;
}

.wallet .wallet-wrap .text .qr-code a {
    display: block;
    padding: 4px 15px;
    font-weight: 500;
}

.wallet .wallet-wrap .wallet-add a {
    display: inline-block;
    margin: 0 0 0 2px;
    color: #aaa;
    font-size: 12px;
}

.wallet .wallet-wrap .wallet-add a:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 16px;
    margin: 0 0 -2px 4px;
    background: url(../images/copy_black_icon.png) no-repeat 0 0;
    background-size: auto 16px;
}

.wallet .wallet-wrap .amount .amount-mas {
    color: #FF952C;
    font-size: 34px;
    font-weight: 600;
}

.wallet .wallet-wrap .amount {
    margin: -4px 0 0 0;
}

.wallet .wallet-wrap .amount .unit {
    margin: 0 0 0 4px;
    font-size: 18px;
    font-weight: 500;
}

.main-page .text-wrap .title {
    font-size: 22px;
    font-weight: 600;
}

.main-page .text-wrap .text .name {
    display: inline-block;
}

.main-page .my-nft.none {
    display: block;
}

.main-page .my-nft .my-nft-none a {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 30px 0 35px 0;
    border: 1px solid #ddd;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
}

.main-page .my-nft .my-nft-none a span:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 6px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
}

.main-page .hot-deal {
    margin: 30px auto 0;
}

.main-page .hot-deal .text-wrap {
    width: 340px;
    margin: 0 auto;
}

.main-page .hot-deal .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.main-page .hot-deal .text-wrap .title a {
    font-size: 14px;
    font-weight: 500;
}

.main-page .subscribe-list {
    width: 340px;
    margin: 30px auto 30px;
}

.main-page .subscribe-list .text-wrap {
    width: 340px;
    margin: 0 auto;
}

.main-page .subscribe-list .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.main-page .subscribe-list .text-wrap .title a {
    font-size: 14px;
    font-weight: 500;
}

.main-page .subscribe-list .subscribe-none a {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 30px 0 35px 0;
    border: 1px solid #ddd;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
}

.main-page .subscribe-list .subscribe-none a span:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto 6px;
    background: url(../images/upload_icon.png)no-repeat 0 0;
    background-size: 22px 22px;
}

.main-page.nft-market {
    height: calc(100vh - 70px);
}

.nft-market .back-btn {
    position: absolute;
    top: 30px;
    left: 0;
    width: 65px;
    height: 47px;
    background: rgba(255,255,255,.85);
    border-radius: 0 25px 25px 0;
    z-index: 1;
}

.nft-market .back-btn a {
    display: block;
    height: 47px;
    margin: 15px 0 0 30px;
    background: url(../images/back_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.nft-market .edit-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 4px 10px;
    background: rgba(000,000,000,.4);
    border-radius: 10px;
    z-index: 9;
}

.nft-market .edit-btn a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.header-search-wrap {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    background: #fff;
}

.header-search-wrap.scroll {
    border-bottom: 1px solid #f4f4f4;
}

.header-serch {
    position: sticky;
    top: 30px;
    left: 30px;
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 8;
}

.header-serch.fixed {
    position: absolute;
}

.header-serch input {
    padding: 15px 100px 15px 15px;
}

.header-serch .location {
    position: absolute;
    right: 20px;
}

.header-serch .location p a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin: 0 0 0 9px;
    background: url(../images/arrow_bottom_icon.png)no-repeat 0 0;
    background-size: 10px auto;
}

.header-serch .location ul {
    display: none;
}

.header-serch .location ul.on {
    display: block;
    position: absolute;
    top: 45px;
    right: -20px;
    width: 120px;
    padding: 25px 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(000,000,000,.1);
}

.header-serch .location ul li {
    position: relative;
}

.header-serch .location ul li ~ li {
    margin: 14px 0 0 0;
}

.header-serch .location ul li a.check {
    color: #FF952C;
}

.header-serch .location ul li a.check:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 5px;
    width: 15px;
    height: 11px;
    background: url(../images/check_icon.png)no-repeat 0 0;
    background-size: 15px auto;
}

.header-serch .location ul li a.mark:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 12px;
    margin: 0 8px -1px 0;
    background: url(../images/mark_icon.png)no-repeat 0 0;
    background-size: auto 12px;
}

.store-intro .store-thumb .thumb {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.store-intro .store-thumb .thumb1 {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.store-intro .store-thumb .thumb2 {
    background-image: url(../images/ryan-plomp-jvoZ-Aux9aw-unsplash.png);
}

.store-intro .store-thumb .thumb3 {
    background-image: url(../images/beautiful-floral-wallpaper.jpg);
}


.store-intro .store-thumb .slick-dots {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.store-intro .store-thumb .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 0 0 10px;
    background: rgba(255,255,255,0.6);
    border-radius: 6px;
    text-indent: -9999px;
    overflow: hidden;
}

.store-intro .store-thumb .slick-dots li button {
    text-indent: -9999px;
    overflow: hidden;
}

.store-intro .store-thumb .slick-dots .slick-active {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: rgba(255,255,255,0.9);
}

.main-page .store-intro .text-wrap {
    padding: 30px 30px 0 30px;
}

.main-page .store-intro .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-page .store-intro .text-wrap .title a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 6px -2px 0;
    background: url(../images/alarm_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.main-page .store-intro .text-wrap .title a.subscribe:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 10px;
    margin: 0 6px -1px 0;
    background: url(../images/chek_icon_black.png)no-repeat 0 0;
    background-size: 12px auto;
}

.main-page .store-intro .text-wrap .title a {
    padding: 4px 15px;
    background: #f4f4f4;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}

.main-page .store-intro .text-wrap .text {
    margin: 20px 0 0 0;
}

.main-page .push-noti {
    padding: 20px 30px 0;
}

.main-page .push-noti a {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 10px 25px 10px 10px;
    background: #FFF7EF;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-page .push-noti a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px -2.5px 0;
    background: url(../images/notice_list_icon.png)no-repeat center;
    background-size: 16px 16px;
}

.main-page .push-noti a:after {
    content: "";
    display: inline-block;
    position:absolute;
    top: 18px;
    right: 10px;
    width: 10px;
    height: 5px;
    background: url(../images/arrow_bottom_icon.png)no-repeat center;
    background-size: 10px auto;
    transform: rotate(-90deg);
}

.main-page .nft-history:before {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    margin: 30px 30px;
    background: #eee;
}

.main-page .nft-history .text-wrap {
    padding: 0 30px;
}

.main-page .nft-history .text-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order {
    position: relative;
}

.order p {
    padding: 4px 15px 4px 20px;
    border: 1px solid #eaeaea;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}

.order p a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin: 0 0 0 6px;
    background: url(../images/arrow_bottom_icon.png)no-repeat 0 0;
    background-size: 10px auto;
}

.order ul {
    display: none;
}

.order ul.on {
    display: block;
    position: absolute;
    top: 43px;
    right: 0;
    width: calc(100% - 20px);
    padding: 20px 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(000,000,000,.1);
    font-size: 14px;
    font-weight: 400;
    z-index: 9;
}

.order ul.on li ~ li {
    margin: 10px 0 0 0;
}

.order ul.on li a.on {
    font-weight: 600;
}

.order ul.on li a.on:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 0 2px 5px;
    background: #000;
    border-radius: 4px;
}

.nft-market .nft-history .nft-list-s {
    flex-wrap: wrap;
    justify-content: space-between;
}

.nft-market .nft-history .nft-list-s .nft {
    width: calc(50% - 30px);
    margin: 0 0 20px 0;
}

.nft-list {
    padding: 0 0 30px 0;
}

.nft-list .category {
    margin: 50px 0 0 0;
    padding: 5px 30px;
}

.nft-list .category ul {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}

.nft-list .category ul li.on a {
    color: #FF952C;
    border: 1px solid #FF952C;
}

.nft-list .category ul li a {
    padding: 7px 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.list-map-btn {
    display: none;
}

.main-wrap.map .main-page {
    display: none;
}

/* nft-info */
.nft-info .header {
    position: absolute;
    background: none;
}

.nft-info .header .title {
    color: #fff;
}

.nft-info .header .back {
    width: 25px;
    height: 16px;
    background: url(../images/back_white_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.nft-info .nft-intro .nft-thumb {
    position: relative;
    width: 100%;
    height: 465px; /* 486px */
    border-radius: 0 0 0 50px;
}

.nft-info .nft-intro .nft-thumb .bg-wrap {
    position: absolute;
    width: 100%;
    height: 465px; /* 486px */
    z-index: 1;
}

.nft-info .nft-intro .nft-thumb .bg {
    width: 100%;
    height: 465px; /* 486px */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0 0 50px;
    z-index: 1;
}

.nft-info .nft-intro .nft-thumb .bg1 {
    background-image: url(../images/ryan-plomp-jvoZ-Aux9aw-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .bg2 {
    background-image: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .bg3 {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .bg-blur {
    position: absolute;
    width: 100%;
    height: 465px; /* 486px */
    background: rgba(000,000,000,.15);
    backdrop-filter: blur(20px);
    border-radius: 0 0 0 50px;
    z-index: 2;
}

.nft-info .nft-intro .nft-thumb .thumb-wrap {
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 300px;
    z-index: 3;
}

.nft-info .nft-intro .nft-thumb .thumb-wrap .slick-prev {
    display: none !important; /* 이미지 여러개 노출 시 삭제 */
    position: absolute;
    bottom: -70px;
    right: 70px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: rgba(000,000,000,.1);
    background-image: url(../images/back_white_icon.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center;
    font-size: 0;
}

.nft-info .nft-intro .nft-thumb .thumb-wrap .slick-next {
    display: none !important; /* 이미지 여러개 노출 시 삭제 */
    position: absolute;
    bottom: -70px;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: rgba(000,000,000,.1);
    background-image: url(../images/back_white_icon.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center;
    transform: rotate(-180deg);
    font-size: 0;
}

.nft-info .nft-intro .nft-thumb .thumb {
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;  /* contain */ 
    background-position: center;
    border-radius: 40px;
}

.nft-info .nft-intro .nft-thumb .thumb1 {
    background-image: url(../images/ryan-plomp-jvoZ-Aux9aw-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .thumb2 {
    background-image: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png);
}

.nft-info .nft-intro .nft-thumb .thumb3 {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.nft-info .nft-intro .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0 0;
    padding: 0 30px;
    font-size: 22px;
    font-weight: 600;
}

.nft-info .nft-intro .title .date {
    padding: 4px 15px;
    background: #f4f4f4;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}

.nft-info .nft-intro .nft-price {
    display: flex;
    justify-content: space-around;
    margin: 40px 0;
    padding: 0 30px;
    text-align: center;
}

.nft-info .nft-intro .nft-price > div {
    position: relative;
}

.nft-info .nft-intro .nft-price > div:nth-of-type(2):before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -50%;
    width: 1px;
    height: 100%;
    background: #eee;
}

.nft-info .nft-intro .nft-price > div:nth-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -50%;
    width: 1px;
    height: 100%;
    background: #eee;
}

.nft-info .nft-intro .nft-price > div p:first-of-type {
    color: #FF952C;
    font-weight: 500;
}

.nft-info .nft-intro .nft-price > div .number {
    margin: 0 2px 0 0;
    font-size: 18px;
}

.nft-info .nft-intro .nft-price > div p:last-of-type {
    color: #666;
    font-size: 12px;
}

.nft-info .nft-intro .text {
    margin: 0 0 50px 0;
    padding: 0 30px;
}

.nft-info .nft-intro .text span {
    display: block;
    margin: 0 0 10px 0;
}

.map-area {
    width: 100%;
    height: 100vh;
    background: pink;
}

/* wallet */
.main-page.wallet .wallet {
    padding: 0 0 10px 0;
    border-bottom: none;
}

.main-page.wallet .wallet .wallet-add a {
    margin: 5px 0 0 0;
    color: #aaa;
}

.main-page.wallet .wallet .wallet-add a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    margin: 0 0 -2px 4px;
    background: url(../images/copy_black_icon.png)no-repeat 0 0;
    background-size: auto 15px;
}

.wallet-history .history-tab ul {
    display: flex;
    justify-content: space-around;
    margin: 20px 0 0 0;
    padding: 0 30px;
    border-bottom: 1px solid #eee;
}

.wallet-history .history-tab li {
    flex-basis: 50%;
    text-align: center;
}

.wallet-history .history-tab li a {
    display: block;
    width: 100%;
    padding: 10px 0 10px 0;
    color: #666;
    font-size: 16px;
}

.wallet-history .history-tab li.on a {
    margin: 0 0 -1px 0;
    color: #FF952C;
    border-bottom: 2px solid #FF952C;
    font-weight: 500;
}

.wallet-history .recent-history {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 10px 30px;
}

.wallet-history .recent-history .title {
    font-weight: 500;
}

.wallet-history .recent-history .button-area ul {
    display: flex;
}

.wallet-history .recent-history .button-area li.on a {
    color: #FF952C;
}

.wallet-history .recent-history .button-area a {
    color: #888;
    font-weight: 500;
}

.wallet-history .recent-history .button-area li ~ li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #eee;
    border-radius: 4px;
    margin: 0 10px 3px;
}

.wallet-history .date-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}

.wallet-history .date-wrap .prev a {
    display: inline-block;
    width: 10px;
    height: 16px;
    margin: 0 0 -4px 0;
    background: url(../images/date_prev_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.wallet-history .date-wrap .next a {
    display: inline-block;
    width: 10px;
    height: 16px;
    margin: 0 0 -4px 0;
    background: url(../images/date_next_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.wallet-history .date-wrap .date {
    font-size: 16px;
    font-weight: 600;
}

.wallet-history .date-wrap .date:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 13px;
    margin: 0 4px 0 0;
    background: url(../images/date_icon.png)no-repeat 0 0;
    background-size: 15px auto;
}

.wallet-history .date-wrap .date div {
    display: inline-block;
}

.wallet-history .list-wrap .list ~ .list {
    border-top: 1px solid #eee;
}

.wallet-history .list-wrap .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
}

.wallet-history .list-wrap .list .title {
    font-size: 16px;
    font-weight: 500;
}

.wallet-history .list-wrap .list .add {
    color: #666;
    font-size: 11px;
}

.wallet-history .list-wrap .list .info {
    display: flex;
    margin: 10px 0 0 0;
    color: #666;
    font-size: 12px;
    font-weight: 500;
}

.wallet-history .list-wrap .list .info .type:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background: #ddd;
}

.wallet-history .list-wrap .list .plus {
    color: #78A7F9;
}

.wallet-history .list-wrap .list .minus {
    color: #FD546E;
}

.wallet-history .list-wrap .list .right {
    font-size: 16px;
    font-weight: 600;
}

.wallet-history .list-wrap .list .right span {
    font-size: 18px;
}

.wallet-history .button-area button {
    margin: 0 0 0 5px;
    padding: 6px 20px;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    font-weight: 500;
}

.wallet-history .button-area button.edit {
    border: 1px solid #FF952C;
    color: #FF952C;
}

.wallet-history .list-wrap.wallet-add .list {
    position: relative;
    justify-content: flex-start;
    margin: 0 30px;
    padding: 20px 0 20px 0;
    color: #666;
}

.wallet-history .list-wrap.wallet-add .list .name {
    margin: 0 20px 0 0;
    color: #111;
    font-weight: 500;
}

.wallet-history .list-wrap.wallet-add .list input {
    margin: 0 15px 0 0;
}

.wallet-history .list-wrap.wallet-add .list .edit-icon a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/edit_icon.png)no-repeat 0 0;
    background-size: 15px 15px;
}

.wallet .form-wrap {
    padding: 0 30px;
}

.wallet .form-wrap input {
    margin: 15px 0 0 0;
}

.wallet .form-wrap div ~ div {
    margin: 30px 0 0 0;
}

.wallet .form-wrap .wallet-add {
    position: relative;
}

.wallet .form-wrap .copy-wrap {
    position: absolute;
    top: 0;
    right: 0;
}

.wallet .form-wrap .copy-wrap ul {
    display: flex;
}

.wallet .form-wrap .copy-wrap ul li:first-of-type:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #ddd;
    margin: 0 10px;
}

.wallet .form-wrap .copy-wrap ul li a {
    color: #666;
    font-weight: 500;
}

/* wallet-send */
.wallet-send .wallet-history .list-wrap .list:first-of-type {
    padding: 20px 0;
}

.wallet-send .wallet-history .history-tab ul {
    justify-content: flex-start;
}

.wallet-send .wallet-history .history-tab ul li {
    flex-basis: auto;
}

.wallet-send .wallet-history .history-tab ul li:first-of-type {
    margin: 0 20px 0 0;
}

.wallet-send .wallet-history .history-tab ul li a {
    padding: 0 10px 10px 10px;
}

.wallet-send .wallet-add-wrap {
    margin: 30px 30px 30px;
}

.wallet-send .wallet-add-wrap .text {
    font-size: 22px;
    font-weight: 600;
}

.wallet-send .wallet-add-wrap input {
    width: 100%;
    margin: 20px 0;
    padding: 10px 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    text-align: right;
}

.wallet-send .wallet-add-wrap .paste ul {
    display: flex;
    justify-content: flex-end;
}

.wallet-send .wallet-add-wrap .paste li {
    margin: 0 0 0 10px;
}

.wallet-send .wallet-add-wrap .paste a {
    padding: 6px 20px;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    font-weight: 500;
}

.wallet-send .number {
    position: absolute;
    bottom: 90px;
    left: 30px;
    display: block;
    width: calc(100% - 60px);
    text-align: center;
}

.wallet-send .number .number-keypad {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.wallet-send .number .number-keypad li {
    position: relative;
    flex-basis: 30%;
}

.wallet-send .number .number-keypad li a {
    display: block;
    padding: 25px 0;
    font-size: 18px;
    font-weight: 500;
}

.wallet-send .number .number-keypad li .delete {
    background: url(../images/delete_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
}

.wallet-send .number .text-wrap {
    font-size: 16px;
    font-weight: 500;
}

.wallet-send .btn-wrap {
    position: sticky;
    bottom: 0;
    width: calc(100% - 60px);
}

.wallet-send .btn-wrap.absolute {
    position: absolute;
    bottom: 74px;
}

.wallet-send > .text-wrap {
    text-align: center;
    margin: 20px 0 0 0;
}

.wallet-send > .text-wrap label {
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
}

.wallet-send > .text-wrap input {
    padding: 10px 0;
    text-align: center;
    border: none;
    font-size: 30px;
    font-weight: 600;
}

.wallet-send .number .box {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.nft.compt .compt-wrap {
    position: absolute;
    top: 40%;
    left: 30px;
    width: calc(100% - 60px);
    transform: translateY(-40%);
}

.certified-member.nft.compt .compt-wrap {
    position: absolute;
    top: 20%;
    transform: translateY(-20%);
    width: calc(100% - 60px);
    margin: 50px auto 0;
}

.certified-member.nft.compt .compt-wrap .btn-wrap {
    position: static;
    width: 100%;
}

.nft.scroll .compt-wrap {
    position: static;
    transform: translateY(0);
    margin: 50px 30px 0;
}

.nft.compt .text-wrap {
    padding: 0 0 50px 0;
    border-bottom: 1px solid #eee;
}

.nft.compt .info-wrap > div {
    display: flex;
    justify-content: space-between;
}

.nft.compt .info-wrap > div ~ div {
    margin: 15px 0 0 0;
}

.nft.compt .info-wrap > div .left {
    color: #888;
}

.nft.compt .info-wrap > div .right {
    font-weight: 500;
}

.nft.compt .compt-wrap .btn {
    margin: 30px 0 0 0;
    border: 1px solid #ddd;
    color: #111;
}

.nft.compt .btn-wrap {
    position: fixed;
    bottom: 0;
}

.nft.scroll .btn-wrap {
    position: sticky;
    bottom: 0;
}

.nft.compt .position-center > .btn-wrap {
    margin: 50px 0 0 0;
}

.nft.compt .add-box {
    margin: 30px 30px;
    padding: 25px 20px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.nft.compt .add-box .text span {
    display: block;
    margin: 15px 0;
    color: #666;
    font-size: 12px;
}

.nft.compt .add-box input {
    width: 100%;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.nft.compt .add-box .btn-wrap {
    position: static;
    width: 100%;
    margin: 20px 0 0 0;
}

/* map-location */
.map-location .header p {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.map-location .header-serch {
    position: static;
    margin: 0 0 0 30px;
}

.map-location .header-serch input {
    padding: 15px;
}

.map-location .save {
    width: calc(100% - 62px);
    margin: 0 auto 30px;
}

.map-location .save .title {
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;
    color: #888;
    border-bottom: 1px solid #eee;
}

.map-location .save .add {
    position: relative;
    display: flex;
    margin: 20px 0 0 0;
}

.map-location .save .add a {
    position: absolute;
    top: 3px;
    right: 0;
    width: 14px;
    height: 16px;
    background: url(../images/mark_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.map-location .save .add a.on {
    background: url(../images/mark_color_icon.png)no-repeat 0 0;
    background-size: auto 16px;
}

.map-location .save .add a.move {
    right: 0;
    top: 5px;
    background: url(../images/move_icon.png)no-repeat 0 0;
    background-size: auto 10px;
}

.map-location .save .add input {
    margin: 4px 13px 0 5px;
}

/* my-nft */
.my-nft .title-wrap {
    margin: 0 30px 0 30px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: 600;
}

.my-nft .header-icon p {
    display: none;
}

.my-nft .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.my-nft .title-wrap span {
    margin: 0 0 0 15px;
    color: #FF952C;
    font-size: 34px;
}

.my-nft .nft-list-s {
    margin: 20px 0 10px 30px;
}

.my-nft .nft-tab ul {
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 30px;
    border-bottom: 1px solid #eee;
}

.my-nft .nft-tab a {
    display: block;
    width: 170px;
    margin: 0 0 -1px 0;
    padding: 10px 0;
    text-align: center;
    color: #666;
    font-size: 16px;
    font-weight: 500;
}

.my-nft .nft-tab a.on {
    color: #FF952C;
    border-bottom: 2px solid #FF952C;
}

.create {
    float: right;
    position: sticky;
    right: 30px;
    bottom: 80px;
    width: 50px;
    height: 0;
    z-index: 2;
}

.create a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #FF952C;
    background-image: url(../images/create_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    border-radius: 50px;
}

.subscribe-list .create {
    bottom: 160px;
}

/* pin-box */
.pin-box {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 310px;
    padding: 30px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    background: #fff;
}

.pin-box .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pin-box .title .txt {
    font-size: 18px;
    font-weight: 500;
}

.pin-box .title .icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pin-box .title .icon a {
    display: block;
    width: 16px;
    height: 11px;
    background: url(../images/next_icon.png)no-repeat 0 0;
    background-size: cover;
}

.pin-box .date {
    margin: 0 0 20px 0;
    color: #888;
    font-size: 12px;
}

.pin-box .info {
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.pin-box .info .box {
    padding: 0 25px;
}

.pin-box .info .box .number {
    color: #FF952C;
    font-size: 18px;
    font-weight: 500;
}

.pin-box .info .box .number span {
    font-size: 14px;
}

.pin-box .info .box:nth-of-type(2) {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.pin-box .info .box .txt {
    color: #666;
    font-size: 12px;
}

/* landing-page */
.coming-soon {
    width: calc(100% - 570px);
    position: absolute;
    top: 50%;
    left: 535px;
    transform: translateY(-50%);
    margin: 0 0 0 0;
    text-align: center;
    line-height: 1.3;
    font-size: 40px;
    font-weight: 600;
}

.map-area.landing-map {
    background: url(../images/map_image.png)no-repeat 0 0;
    background-size: cover;
    background-position: center;
}

.landing .header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 0;
}

.landing .header-title p {
    font-size: 22px;
    font-weight: 600;
}

.landing .header-title .share a {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/share_icon.png)no-repeat 0 0;
    background-size: 20px 20px;
    text-indent: -9999px;
    overflow: hidden;
}

.landing .title-name {
    margin: 30px 0 0 0;
    padding: 0 30px 10px;
    border-bottom: 1px solid #ddd;
}

.landing .title-name .name {
    font-size: 26px;
    font-weight: 600;
}

.landing .title-name .recommend-code a {
    color: #aaa;
}

.landing .hot-deal {
    margin: 30px 0 30px 0;
}

.landing .hot-deal .nft:nth-of-type(1) .thumb {
    background-image: url(../images/beautiful-floral-wallpaper.jpg);
    background-position: center;
}

.landing .hot-deal .nft:nth-of-type(2) .thumb {
    background-image: url(../images/simon-lee-fyZOY0HiF9A-unsplash.jpg);
    background-position: center;
}

.landing .hot-deal .nft:nth-of-type(3) .thumb {
    background-image: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png);
}

.landing .hot-deal .nft:nth-of-type(4) .thumb {
    background-image: url(../images/pawel-czerwinski-8uZPynIu-rQ-unsplash.png);
    background-position: center;
}

.landing .recommend-list {
    margin: 0 30px 30px;
}

.landing .recommend-list .list ~ .list {
    border-top: 1px solid #eee;
}

.landing .recommend-list .list {
    padding: 20px 0;
}

.landing .recommend-list .list:first-of-type {
    padding: 30px 0 20px;
}

.landing .recommend-list .list:last-of-type {
    padding: 20px 0 0 0;
}

.landing .recommend-list .list .name {
    font-size: 16px;
    font-weight: 500;
}

.landing .recommend-list .list .code {
    color: #666;
}

/* subscribe-list */
.main-wrap.subscribe-list {
    width: 100%;
    margin: 0;
}

.main-wrap.subscribe-list .header {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.main-wrap.subscribe-list .header .title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    font-size: 22px;
    font-weight: 600;
}

.main-wrap.subscribe-list .header .back {
    width: 25px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: 30px;
    z-index: 9;
    background: url(../images/back_icon.png)no-repeat 0 0;
    background-size: auto 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.subscribe-list .nft-list-m {
    margin: 0 auto 30px;
    padding: 0;
}

/* setting */
.setting .header-title {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px;
    background: #fff;
}

.setting .header-title.scroll {
    border-bottom: 1px solid #f4f4f4;
}

.setting .header-title p {
    font-size: 22px;
    font-weight: 600;
}

.setting .header-title .notice a {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/share_icon.png)no-repeat 0 0;
    background-size: 20px 20px;
    text-indent: -9999px;
    overflow: hidden;
}

.setting .my-info {
    padding: 0 30px 0 30px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
}

.setting .my-info .my-mas {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.setting .my-info .my-nft {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 15px 0 20px 0;
}

.setting .my-info > div span {
    color: #FF952C;
    font-size: 18px;
}

.setting .my-info > div a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 12px;
    margin: 0 0 0 10px;
    background: url(../images/date_next_icon.png)no-repeat 0 0;
    background-size: auto 12px;
}

.setting .setting-list {
    padding: 5px 30px;
    font-size: 16px;
}

.setting .setting-list li a {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #f4f4f4;
}

.setting .setting-list li:last-of-type a {
    border-bottom: none;
    color: #FD546E;
}

.setting .setting-list li a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 10px -2px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
}

.setting .setting-list li:nth-of-type(1) a:before {
    background-image: url(../images/my_info_icon.png);
}

.setting .setting-list li:nth-of-type(2) a:before {
    background-image: url(../images/certified_icon.png);
}

.setting .setting-list li:nth-of-type(3) a:before {
    background-image: url(../images/notice_list_icon.png);
}

.setting .setting-list li:nth-of-type(4) a:before {
    background-image: url(../images/alarm_icon.png);
}

.setting .setting-list li:nth-of-type(5) a:before {
    background-image: url(../images/email_icon.png);
}

.setting .setting-list li:nth-of-type(6) a:before {
    background-image: url(../images/key_icon.png);
}

/* .setting .setting-list li:nth-of-type(7) a:before {
    background-image: url(../images/location_icon.png);
} */

.setting .setting-list li:nth-of-type(7) a:before {
    background-image: url(../images/logout_icon.png);
}

/* keystore */
.keystore .header {
    margin: 0 0 25px 0;
}

.keystore .header p {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.keystore .keystore-list a {
    position: relative;
    display: block;
    padding: 15px 30px;
    font-size: 16px;
}

.keystore .keystore-list a:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 30px;
    width: 7px;
    height: 12px;
    background: url(../images/date_next_icon.png)no-repeat 0 0;
    background-size: auto 12px;
}

.keystore .compt-wrap .text-wrap {
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translate(-50%,-32%);
    width: 100%;
    text-align: center;
}

.keystore .compt-wrap .box-wrap {
    position: absolute;
    bottom: 110px;
    left: 30px;
    width: calc(100% - 100px);
    padding: 20px 20px 25px 20px;
}

.keystore .compt-wrap .text-wrap .text {
    margin: 15px 0 0 0;
}

.keystore .compt-wrap .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png) no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.keystore > .btn-wrap {
    width: calc(100% - 60px);
    position: absolute;
    bottom: 10px;
}

.alert-wrap .popup-btn.flex {
    display: flex;
    justify-content: space-between;
}

.alert-wrap .popup-btn.flex .btn.small {
    width: calc(50% - 10px);
}

/* my-info */
.main-wrap.my-info {
    width: 100%;
    margin: 0;
}

.my-info .form-wrap {
    margin: 0 30px;
}

.my-info .form-wrap div ~ div {
    margin: 30px 0 0 0;
}

.my-info .form-wrap div input {
    margin: 15px 0 0 0;
}

.my-info .form-wrap div input:disabled {
    background: #fff;
}

.my-info .withdrawal {
    margin: 30px 30px 0;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.my-info .withdrawal a {
    color: #FD3C43;
    font-weight: 500;
}

.my-info .compt-wrap {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 100%;
    text-align: center;
}

.my-info .compt-wrap .text-wrap .title:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/alert_icon.png) no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.compt-wrap .text-wrap .title.check:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/compt_icon.png) no-repeat 0 0;
    background-size: 50px 50px;
    margin: 0 auto 20px;
}

.my-info .compt-wrap .text-wrap .text {
    margin: 15px 0 0 0;
}


.my-info .form-wrap {
    padding: 0;
}

.my-info .form-wrap .withdrawal-form {
    margin: 30px 0 0 0;
    text-align: left;
}

.my-info .form-wrap .withdrawal-form label {
    display: none;
}

.my-info .form-wrap .withdrawal-form input {
    margin: 20px 10px 0 0;
}

.my-info .form-wrap .withdrawal-form input:last-of-type {
    margin: 10px 0 0 0;
}

.withdrawal-wrap .compt-wrap {
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 0 30px;
}

.withdrawal-wrap .compt-wrap .text-wrap {
    text-align: left;
}

.withdrawal-wrap .compt-wrap .text-wrap .title:before {
    display: none;
}

.withdrawal-wrap .form-wrap {
    margin: 0;
}

/* switch input */
.switch-list {
    padding: 15px 30px;
}

.switch-list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.switch-list ul li a {
    font-size: 16px;
}

.switch-btn {
    display: block;
    position: relative;
    width: 40px;
    height: 22px;
    background: #ddd;
    border-radius: 60px;
    transition: background 0.4s;
}

.switch-btn:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: all 0.4s;
}

#switch {
    display: none;
}

#switch:checked + .switch-btn {
    background: #FF952C;
}

#switch:checked + .switch-btn:after {
    left: calc(100% - 19px);
}

/* contact-us */
.contact-us .compt-wrap .text-wrap {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.contact-us .compt-wrap .text-wrap .title {
    margin: 0 0 15px 0;
}

.contact-us .compt-wrap .text-wrap .title:before {
    background: url(../images/contact_icon.png)no-repeat 0 0;
    background-size: contain;
}

.contact-us .compt-wrap .text-wrap .text:last-of-type {
    margin: 10px 0 0 0;
}

/* notice */
.notice .notice-list {
    padding: 0 30px;
}

.notice .notice-list .list {
    position: relative;
    padding: 20px 0;
}

.notice .notice-list .list:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 7px;
    height: 12px;
    background: url(../images/date_next_icon.png) no-repeat 0 0;
    background-size: auto 12px;
}

.notice .notice-list .list ~ .list {
    border-top: 1px solid #eee;
}

.notice .notice-list .list .date {
    color: #888;
    font-size: 12px;
}

.notice .notice-list .list .title {
    width: 270px;
    margin: 2px 0 0 0;
    font-weight: 500;
}

.notice .notice-list .list .text {
    color: #6e6e6e;
    font-size: 12px;
}

.notice .notice-page .title {
    padding: 20px 30px 0 30px;
    font-weight: 500;
}

.notice .notice-page .date {
    padding: 0 30px 20px 30px;
    border-bottom: 1px solid #eee;
    color: #888;
    font-size: 12px;
}

.notice .notice-page .date span {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 6px;
    background: #ddd;
}

.notice .notice-page .text {
    padding: 20px 30px;
}

.notice .store {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.notice .store .text {
    color: #888;
}

.notice .store .store-name {
    color: #FF952C;
    font-weight: 500;
}

.notice .location {
    margin: 0 30px;
}

.notice .target {
    margin: 0 30px;
    padding: 30px 0 30px;
}

.notice .target label {
    display: block;
    margin: 0 0 15px 0;
}

.notice .target input {
    margin: 0 6px 0 20px;
}

.notice .target input:nth-of-type(1) {
    margin: 0 6px 0 0;
}

.notice .location label {
    display: block;
    margin: 0 0 15px 0;
}

.notice .location input {
    margin: 0 6px 0 20px;
}

.notice .location input:nth-of-type(1) {
    margin: 0 6px 0 0;
}

.notice .message {
    margin: 30px 30px 0;
    padding: 0 0 20px 0;
}

.notice .message label {
    display: block;
    margin: 0 0 15px 0;
}

.notice .message input {
    margin: 0 6px 0 20px;
}

.notice .message input:nth-of-type(1) {
    margin: 0 6px 0 0;
}

.notice .images {
    margin: 0 30px 20px;
}

.notice .images label {
    margin: 0 0 15px 0;
}

.notice .price-wrap {
    position: sticky;
    bottom: 0;
    padding: 0 30px 30px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.notice .price-wrap .price {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 20px 0;
}

.notice .price-wrap .price .text {
    color: #888;
}

.notice .price-wrap .price .price-mas span {
    font-size: 18px;
    font-weight: 500;
}

.teg {
    margin: 0 0 0 2px;
    padding: 1px 5px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
}

.teg.new {
    color: #FF952C;
    background: #FFF2E5;
}

.teg.imp {
    color: #FD3C43;
    background: #FFE0E1;
}

/* nft-input */
.nft-input .form-wrap .images label {
    width: 102px;
}

.nft-input .form-wrap .quantity .quantity-wrap {
    display: flex;
    justify-content: space-between;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(1) {
    width: calc(100% / 2.5 - 5px);
    background: #fff;
    color: #FF952C;
    border: 1px solid #FF952C;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(1).on {
    background: #FF952C;
    color: #fff;
    border: 1px solid #FF952C;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(1).off {
    color: #aaa;
    border: 1px solid #ddd;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(2) {
    width: calc(100% / 2 - 5px);
    text-align: center;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(2).on {
    border: 2px solid #FF952C;
    outline: none;
    background: #fff;
}

.nft-input .form-wrap .quantity .quantity-wrap input:nth-of-type(2).off {
    background: #fff;
}

  /* .quantity-wrap input {
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .quantity-wrap input#unlimited.selected {
    background: #FF952C;
    color: #fff;
    border: 1px solid #FF952C;
  }
  .quantity-wrap input#quantity:focus {
    border: 2px solid #FF952C;
    outline: none;
  }
  .quantity-wrap input#quantity:disabled {
    color: #aaa;
    border: 1px solid #ddd;
    background: #f9f9f9;
  } */


.nft-input .form-wrap .location {
    margin: 0 0 30px 0;
}

.nft-input .form-wrap .location input {
    width: 208px;
}

.nft-input .form-wrap .location .btn {
    float: right;
    width: 90px;
    font-size: 14px;
}

.nft-input .form-wrap .location2 label {
    display: none;
}

.nft-input .form-wrap .date .flex-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nft-input .form-wrap .date input {
    width: 124px;
}

.location select {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.location select:focus {
    border: 1px solid #FF952C;
    outline: none;
}

.no-scroll {
    overflow: hidden !important;
}

/* qr */
.main-page.qr {
    background: rgba(000,000,000,.75);
    position: absolute;
    top: 100vh;
}

.main-page.qr .header {
    background: none;
    color: #fff;
    margin: 0 0 25px 0;
}

.main-page.qr .header .back {
    background: url(../images/back_white_icon.png) no-repeat 0 0;
    background-size: auto 16px;
}

.main-page.qr .tab-wrap {
    width: 100%;
    padding: 0 30px;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.main-page.qr .tab-wrap ul {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 60px);
}

.main-page.qr .tab-wrap ul li {
    flex-basis: 50%;
}

.main-page.qr .tab-wrap ul li a {
    display: block;
    padding: 15px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.main-page.qr .tab-wrap ul li.on a {
    border-bottom: 2px solid #fff;
    font-weight: 500;
}

.main-page.qr .qr-wrap {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-55%);
    text-align: center;
}

.main-page.qr .qr-wrap .qr-code-wrap {
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ffffff;
    padding: 10px 4px 4px 4px; 
    display: inline-block;
}

.main-page.qr .qr-code-wrap video {
    background: #000;
    width: 100%;             /* 부모 요소의 너비에 맞춤 */
    height: 100%;            /* 부모 요소의 높이에 맞춤 */
    object-fit: cover;       /* 비율을 유지하면서 꽉 차게 맞춤 */
    border-radius: 10px;     /* 부모와 같은 border-radius 적용 */
}

/* .main-page.qr .qr-wrap .qr-code-wrap.send {
    background: #000;
} */

.main-page.qr .qr-wrap .text-wrap {
    width: 250px;
    color: #fff;
}

.main-page.qr .qr-wrap .text-wrap .title {
    margin: 30px 0 0 0;
    font-size: 22px;
    font-weight: 600;
}

/* exchange */
.exchange {
    background: url(../images/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative.jpg)no-repeat center;
    background-size: cover;
}

.main-page .btn-wrap.left-0 {
    left: 0 !important;
}

/* review */
.review {
    display: flex;
    justify-content: space-between;
    margin: 30px 30px 0;
}

.review .rating ul li {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/rating_icon.png)no-repeat center;
    background-size: 16px auto;
}

.review .rating ul li.on {
    background: url(../images/rating_icon_on.png)no-repeat center;
    background-size: 16px auto;
}

.review .text a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
    margin: 0 0 1.5px 0;
    background: url(../images/arrow_bottom_icon.png) no-repeat center;
    background-size: 10px auto;
    transform: rotate(-90deg);
}

.review-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 30px;
}

.review-top .rating {
    margin: 0 0 0 40px;
    font-size: 22px;
    font-weight: 600;
}

.review-top .rating:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 4px;
    background: url(../images/rating_icon_on.png)no-repeat center;
    background-size: 20px auto;
}

.review-top .graph > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-top .graph > div ~ div {
    margin: 4px 0 0 0;
}

.review-top .graph .bar {
    width: 130px;
    height: 3px;
    margin: 0 10px;
    background: #f4f4f4;
    border-radius: 3px;
}

.review-top .graph > div:first-of-type .bar .color-bar {
    width: 80%;
    height: 3px;
    background: #333;
    border-radius: 3px;
}

.review-top .graph > div:nth-of-type(2) .bar .color-bar {
    width: 60%;
    height: 3px;
    background: #333;
    border-radius: 3px;
}

.review-more:before {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    margin: 30px;
    background: #eee;
}

.review-wrap > div {
    margin: 30px 0;
}

.review-wrap > div ~ div:before {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    margin: 0 auto 30px;
    background: #eee;
}

.review-wrap .text-top {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
}

.review-wrap .text-top .nickname {
    font-size: 16px;
    font-weight: 500;
}

.review-wrap .text-top .nickname span {
    font-size: 14px;
    font-weight: 600;
}

.review-wrap .text-top .nickname span:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 -3px -1px 6px;
    padding: 0 0 0 16px;
    background: url(../images/rating_icon_on.png)no-repeat center;
    background-size: 12px auto;
    border-left: 1px solid #ddd;
}

.review-wrap .text-top .date {
    color: #666;
}

.review-wrap .thumb-img {
    white-space: nowrap;
    margin: 30px 0 0 30px;
    padding: 0 30px 0 0;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    cursor: grab; /* 기본 상태에서 손 모양 */
    cursor: -webkit-grab; /* 크로스 브라우저 지원 */
}

.review-wrap .thumb-img .active {
    cursor: grabbing; /* 드래그 중 손 움켜짐 모양 */
    cursor: -webkit-grabbing; /* 크로스 브라우저 지원 */
}

.review-wrap .thumb-img::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.review-wrap .thumb-img .img {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 20px;
}

.review-wrap .thumb-img .img ~ .img {
    margin: 0 0 0 20px;
}

.review-wrap .thumb-img .img:nth-of-type(1) {
    background: url(../images/beautiful-floral-wallpaper.jpg)no-repeat center;
    background-size: cover;
}

.review-wrap .thumb-img .img:nth-of-type(2) {
    background: url(../images/jr-korpa-9XngoIpxcEo-unsplash.png)no-repeat center;
    background-size: cover;
}

.review-wrap .thumb-img .img:nth-of-type(3) {
    background: url(../images/beautiful-floral-wallpaper.jpg)no-repeat center;
    background-size: cover;
}

.review-wrap .text {
    margin: 20px 30px 0;
    word-wrap: break-word;
}

.review-wrap .icon-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 30px 0;
}

.review-wrap .icon-wrap > div:nth-of-type(1) {
    display: flex;
}

.review-wrap .icon-wrap .good-icon a {
    color: #666;
}

.review-wrap .icon-wrap .good-icon a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 14px;
    margin: 0 6px -1.5px 0;
    background: url(../images/good_icon.png)no-repeat center;
    background-size: 16px auto;
}

.review-wrap .icon-wrap .comment-icon {
    color: #666;
}

.review-wrap .icon-wrap .comment-icon:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 15px;
    margin: 0 6px -3px 20px;
    background: url(../images/comment_icon.png)no-repeat center;
    background-size: 16px auto;
}

.review-wrap .icon-wrap .meatball-menu {
    position: relative;
}

.review-wrap .icon-wrap .meatball-menu .meatball-icon {
    position: relative;
    width: 17px;
    height: 3px;
    background: url(../images/meatball_icon.png)no-repeat 0 0;
    background-size: 17px auto;
}

.review-wrap .icon-wrap .meatball-menu .meatball-icon a {
    display: block;
    width: 17px;
    height: 10px;
}

.review-wrap .icon-wrap .meatball-menu ul {
    display: none;
}

.review-wrap .icon-wrap .meatball-menu ul.on {
    display: block;
    position: absolute;
    z-index: 99;
    top: 13px;
    right: 0;
    width: 55px;
    padding: 20px 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(000,000,000,.1);
    font-size: 14px;
    font-weight: 400;
}

.review-wrap .icon-wrap .meatball-menu ul.on li ~ li {
    margin: 10px 0 0 0;
}

.review-wrap .icon-wrap .meatball-menu ul li:last-of-type a {
    color: #FD546E;
}

.review-wrap .comment-wrap  {
    margin: 20px 30px 0;
    padding: 15px 15px 20px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.review-wrap .comment-wrap .title {
    margin: 0 0 10px 0;
    font-weight: 500;
}

.review-wrap .comment-wrap .text {
    margin: 0;
}

.review-wrap .images .images-wrap .upload-btn {
    margin: 0;
}

.review-wrap .images .images-wrap label {
    margin: 0 0 7px 0;
}

.rating-top {
    text-align: center;
}

.rating-top ul li {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 5px;
    background: url(../images/rating_icon.png)no-repeat center;
    background-size: 25px auto;
}

.rating-top ul li.on {
    background: url(../images/rating_icon_on.png)no-repeat center;
    background-size: 25px auto;
}

.rating-top:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    margin: 30px;
    background: #eee;
}

.review-text-wrap .review-text {
    margin: 0 30px 30px;
}

.review-text-wrap .review-text textarea {
}

/* banner-wrap */
.banner-wrap {
    position: fixed;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    width: 400px;
    height: calc(100% - 60px);
    background: rgba(000,000,000,.5);
    border-radius: 30px;
    z-index: 999;
    overflow: hidden;
}

.banner-wrap .close-btn-wrap div:nth-of-type(1) {
    position: absolute;
    top: -42px;
    left: 16px;
}

.banner-wrap .close-btn-wrap div:nth-of-type(1) label {
    color: #fff;
}

.banner-wrap .close-btn-wrap div:nth-of-type(2) a {
    display: block;
    position: absolute;
    top: -36px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(../images/cancel_icon_white.png)no-repeat 0 0;
    background-size: 16px 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.banner-wrap .banner {
    width: 100%;
    position: absolute;
    bottom: 109px;
}

.banner-wrap .banner .img {
    position: relative;
}

.banner-wrap .banner .img img {
    width: 100%;
    max-width: 400px;
}

.banner-wrap .banner .img .text-wrap {
    padding: 20px 16px;
    background: #fff;
}

.banner-wrap .btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 60px);
    max-width: 400px;
    padding: 30px;
    background: #fff;
}

/* toast-popup-wrap */
.toast-popup-wrap {
    position: fixed;
    left: 100px;
    bottom: 30px;
    width: calc(100% - 60px);
    max-width: 340px;
    padding: 30px;
    background: #fff;
    border-radius: 20px 20px 30px 30px;
    z-index: 1000;
    box-shadow: 0 0 30px rgba(000,000,000,.1);
}

.toast-popup-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 600;
}

.toast-popup-wrap .title div:nth-of-type(2) a {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/cancel_icon.png)no-repeat 0 0;
    background-size: 16px 16px;
    text-indent: -9999px;
    overflow: hidden;
}

.toast-popup-wrap .btn-wrap {
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
}

.toast-popup-wrap .btn-wrap button {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.toast-popup-wrap .btn-wrap button:first-of-type {
    border-right: 1px solid #eee;
}