/* main *//* main */ .main-basic .section { margin: 70px auto; } /*.main-basic .section:first-child { margin-top: 0; }*/ .main-basic .list-main { position: relative; width: 96%; max-width: 1280px; margin:0 auto; } .main-basic .h3-tit { margin-right: 15px; font-size: var(--font30); font-weight: bold; } .main-basic .h3-tit b {color:var(--primary)} .main-basic .sec-tit-wrap { justify-content:space-between;} .main-basic .btn-sec-more a {display:flex; align-items: center; font-size:14px;} .main-basic .btn-sec-more a i {display:inline-block; width:16px; height:16px; background:url("/assets/img/common/icon-more.svg")no-repeat center 0px;} .main-basic .list-main .sec-tit-wrap .bootstrap-select { max-width: 220px; } .main-basic .list-main .sec-tit-wrap .bootstrap-select .dropdown-toggle { padding: 0; background-color: transparent; } .main-basic .list-main .sec-tit-wrap .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: var(--font28); color: var(--gray07); } .main-basic .list-main .sec-tit-wrap .bootstrap-select .dropdown-toggle .caret::after { top: 4px; right: 0; font-size: var(--font30); } .main-basic .list-main .swiper-button-prev, .main-basic .list-main .swiper-button-next { width: 46px; height: 46px; line-height: 46px; font-size: var(--font14) !important; font-weight: var(--font800); color: var(--gray04); border-radius: 50%; background-color: var(--white); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); } .main-basic .list-main .swiper-button-prev { top: 55%; left: -20px; } .main-basic .list-main .swiper-button-next { top: 55%; right: -20px; } /*.main-basic .list-main .swiper-recommend, .main-basic .list-main .swiper-nft, .main-basic .list-main .swiper-series { padding: 16px 0.5%; margin: -16px -0.5% 0; overflow: hidden; }*/ .sec-recommend {background: rgb(188 52 83 / 6%); padding:60px 0;} .sec-recommend .list-series .series-info-box { margin: 0; } .sec-shopping {background: #f2f2f2; padding:60px 0;} /*.main-basic .list-series .list-inner ul,*/ /*.main-basic .list-top .list-inner ul { gap: 24px; }*/ .main-basic .list-series .list-inner ul > li.swiper-slide, .main-basic .list-top .list-inner ul > li.swiper-slide { width: 33.33%; max-width: 505px; } /*.main-basic .list-top .list-inner ul > li.swiper-slide { width: calc(33.33% - 20px) !important; max-width: 505px; max-height: 384px; }*/ .main-basic .list-top .list-inner ul > li a { padding: 25px 22px 28px; } .main-basic .list-top .list-inner .user-info-box .img-wrap { max-width: 30px; } .main-basic .list-top .list-inner .user-txt { width: 100%; max-width: calc(100% - 34px); font-size: var(--font14); font-weight: var(--font500); } .main-basic .list-top .list-inner .user-txt .user-name.user-badge span { max-width: calc(100% - 17px); } .main-basic .list-top .list-inner .user-txt .user-name.user-badge::after { width: 14px; height: 14px; } .main-basic .list-top .list-inner .series-txt { justify-content: space-between; } .main-basic .list-top .list-inner .image-group { gap: 4px; margin: 13px 0; } .main-basic .list-top .list-inner .image-group .img-wrap.no-image img { max-width: 60px !important; max-height: 60px !important;} .main-basic .list-top .list-inner .image-group .img-box { padding-top: 84.3%; border-radius: 10px; } .main-basic .list-top .list-inner .img-group1 { flex: 2 1 0; } .main-basic .list-top .list-inner .img-group2 { flex: 1 1 0; } .main-basic .list-top .list-inner .img-group2 .img-wrap:first-child { margin-bottom:3px } .main-basic .list-top .list-inner .img-group2 .img-box { padding-top: 83%; } .main-basic .list-shopping .list-inner { overflow: hidden; } .main-basic .list-shopping .video_time {position: absolute; right:20px; bottom:12px; font-size:var(--font13); background:rgba(26, 26, 26, 0.6); border-radius: 4px; height:24px; line-height: 24px; color:#fff; text-align: center; padding:0 8px;} @media all and (max-width : 1200px ) { .main-basic .list-nft > .list-inner > ul.list-ul-5 > li:nth-child(5) { display: none; } .main-basic .list-business .list-inner ul.list-ul li:nth-child(7), .main-basic .list-business .list-inner ul.list-ul li:nth-child(8) { display: none; } } @media all and (max-width : 960px ) { .main-basic .section { margin: 40px auto; } .main-basic .list-main .sec-tit-wrap .h3-tit { font-size: var(--font24); } .main-basic .list-main .sec-tit-wrap .bootstrap-select { max-width: 170px; } .main-basic .list-main .sec-tit-wrap .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: var(--font22); } .main-basic .list-main .sec-tit-wrap .bootstrap-select .dropdown-toggle .caret::after { top: 2px; font-size: var(--font22); } .main-basic .list-main .swiper-button-prev { left: -10px; } .main-basic .list-main .swiper-button-next { right: -10px; } /*.main-basic .list-series .list-inner ul,*/ /*.main-basic .list-top .list-inner ul { gap: 10px; }*/ /*.main-basic .list-series .list-inner ul > li,*/ /*.main-basic .list-top .list-inner ul > li { width:calc(33.33% - 7px) !important; }*/ .main-basic .list-nft > .list-inner > ul.list-ul-5 > li:nth-child(4) { display: none; } } @media all and (max-width : 768px ) { /* .main-basic .list-main .list-inner { padding: 10px 0.5%; }*/ .main-basic .list-gallery .list-inner ul li:nth-child(5), .main-basic .list-gallery .list-inner ul li:nth-child(6) { display: none; } .sec-recommend {padding:30px 0;} .sec-recommend .list-series .series-info-box { padding-bottom: 0; } .sec-shopping {padding:30px 0;} } @media all and (max-width : 640px ) { .main-basic .section { margin: 25px auto; } .main-basic .list-main { width: 92%; } .main-basic .list-main .sec-tit-wrap .h3-tit { font-size: var(--font20); } .main-basic .list-main .sec-tit-wrap .bootstrap-select { max-width: 130px; margin: 0 auto 0 8px; } .main-basic .list-main .sec-tit-wrap .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: var(--font15); } .main-basic .list-main .sec-tit-wrap .bootstrap-select .dropdown-toggle .caret::after { top: 0; font-size: var(--font15); } .main-basic .list-main .swiper-button-prev, .main-basic .list-main .swiper-button-next { width: 35px; height: 35px; line-height: 35px; } /*.main-basic .list-series .list-inner ul > li,*/ /*.main-basic .list-top .list-inner ul > li { width:calc(50% - 5px) !important; }*/ .main-basic .list-top .list-inner ul > li a { padding: 17px 15px 22px; } .main-basic .list-top .list-inner .image-group { margin: 8px 0; } } @media all and (max-width : 480px ) { .main-basic .list-main .sec-tit-wrap {margin-bottom: 15px; } .main-basic .list-main .sec-tit-wrap .bootstrap-select { position: absolute; top: 32px; max-width: 100%; padding: 7px 11px; margin: 0; border-radius: 13px; background: #f5f5f5; } .main-basic .list-series .list-inner ul > li, .main-basic .list-top .list-inner ul li { max-width:100%; } .main-basic .btn-sec-more a {text-indent: -999px} } /* main *//* piki */ .sub-bottom-piki .piki-banner { width: 100%; margin-top:60px; margin-bottom: 60px; border-radius: var(--font30); overflow: hidden; } .m_img {display:none;} .sub-bottom-piki .swiper-slide { height: 250px; color: var(--white); padding: 3.3% 35% 3.3% 7%; border-radius: var(--font30); } .sub-bottom-piki .h4-tit { font-size: var(--font40); } .sub-bottom-piki p { font-size: var(--font18); } .sub-bottom-piki .btn { width: 100%; max-width: 246px; margin-top: 20px; } .sub-bottom-piki .banner-app { background: url('/assets/img/main/banner_app.webp') no-repeat 90% 50%; background-size: cover; } .sub-bottom-piki .banner-room { background: url('/assets/img/main/banner_room.webp') no-repeat 100% 50%;; background-size: cover; } .sub-bottom-piki .banner-market { background: url('/assets/img/main/banner_market.webp') no-repeat 70% 50%; background-size: cover; } .sub-bottom-piki .swiper-pagination-bullet { width: 13px; height: 13px; background-color: var(--white); } /*.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { top: 88%; }*/ @media all and (max-width: 1280px ) { .sub-bottom-piki .piki-banner {padding:0 16px;} .sub-bottom-piki .piki-banner img {width:100%;} } @media all and (max-width: 1024px ) { .sub-bottom-piki .swiper-slide { padding: 4.5% 35% 4.5% 6%; } .sub-bottom-piki .banner-app { background-position: 52% 50%; } .sub-bottom-piki .banner-room { background-position: 88% 50%; } .sub-bottom-piki .swiper-pagination-bullet { width: 9px; height: 9px; } } @media all and (max-width: 960px ){ .sub-bottom-piki .piki-banner { margin: 40px auto; } .sub-bottom-piki .swiper-slide { height: 230px; padding: 4% 30% 4.5% 6%; } .sub-bottom-piki .h4-tit { font-size: var(--font32); } .sub-bottom-piki p { min-height: 65px; font-size: var(--font16); } .sub-bottom-piki .swiper-slide { padding: 5% 30% 5% 6%; } .sub-bottom-piki .banner-room { background-position: 77% 50%; } .sub-bottom-piki .btn { height: 50px; line-height: 50px; margin-top: 0; } } @media all and (max-width: 640px ) { .sub-bottom-piki .piki-banner { margin: 0 auto 28px ; } .sub-bottom-piki .swiper-slide {padding: 6.5%; } .sub-bottom-piki .h4-tit { font-size: var(--font28); } .sub-bottom-piki .banner-room { background-position: 77% 50%; } .sub-bottom-piki .banner-market { background-position: 67% 50%; } .pc_img {display:none;} .m_img {display:block;} } @media all and (max-width: 480px ) { .sub-bottom-piki .swiper-slide { height: 180px; padding: 30px; } .sub-bottom-piki .swiper-pagination { width: auto; max-height: 17px; top: 10px; right: 30px; text-align: right; } .sub-bottom-piki .banner-app { background-position: 50% 50%; } .sub-bottom-piki p { min-height: 75px; } .sub-bottom-piki .btn { display: none; } } #pikiApp .modal { max-width: 700px; color: var(--white); padding: 60px 60px 0; background-color: var(--primary); } #pikiApp .modal-head { width: 0; height: 0; } #pikiApp .modal-head .modal-close::before { color: var(--white); } #pikiApp .modal-body { align-items: flex-end; gap: 20px; } #pikiApp .modal-body .app-down { padding-bottom: 60px; } #pikiApp .modal-body .app-down .app-txt { font-weight: 300; margin: 18px 0 40px; } #pikiApp .modal-body .app-down .app-txt span { position: relative; } #pikiApp .modal-body .app-down .app-txt span::after { position: absolute; left: 0; bottom: -1px; content: ""; display:inline-block; width: 100%; height: 8px; background-color: rgba(255,241,245,0.16); } #pikiApp .modal-body .down-link-wrap { display: flex; justify-content: space-around; align-items: center; gap: 10px; } #pikiApp .modal-body .down-link-wrap .link-box { flex: 1 1 0; max-width: 124px; } #pikiApp .modal-body .down-link-wrap .link-box .img-wrap { width: 85%; max-width: 106px; padding: 11%; margin: 0 auto 12px; border-radius: 10px; background-color: var(--white); } #pikiApp .modal-body .down-link-wrap .link-box .img-box { border: 0; overflow: inherit; } #pikiApp .modal-body .down-link-wrap .link-box .img-box img { border: 1px solid var(--primary); } #pikiApp .modal-body .down-link-wrap .link-box .os { width: 100%; padding: 8px; border-radius: 10px; background-color: var(--black); } #pikiApp .modal-body .down-link-wrap .link-box .os img { width: 100%; } @media all and (max-width : 768px ) { #pikiApp .modal { padding: 40px 40px 0; } } @media all and (max-width : 480px ) { #pikiApp .modal-body { align-items: center; } #pikiApp .modal-body .app-down { width: 100%; padding-bottom: 50px; } #pikiApp .modal-body .app-image { display: none; } } @media all and (max-width : 320px ) { #pikiApp .modal { padding: 30px 22px 0; } #pikiApp .modal-body .app-down { padding-bottom: 40px; } #pikiApp .modal-body .app-down > p img { width: 42%; } #pikiApp .modal-body .app-down .app-txt { margin: 13px 0 20px; } } /* member *//* member */ .member-wrap {} .member-wrap .btn-open-mbCheck { width: 100%; } /*.member-wrap .sec-signup .agree-wrap label { line-height: inherit; }*/ /*.member-wrap .sec-signup .agree-wrap ul li label::before { top: 0; width: 20px; height: 20px; line-height: 20px; background-size: 20px; }*/ /*.member-wrap .sec-signup .agree-wrap ul li input[type="checkbox"]:checked + label::before { background-size: 20px; }*/ .member-wrap .sec-remove h4 { font-size: var(--font16); margin: 25px 0 5px; } .member-wrap .sec-remove .list-reason { padding: 15px 0; border-top: 1px solid var(--gray02); } .member-wrap .sec-remove .list-reason ul { flex-wrap: wrap; gap: 10px; } .member-wrap .sec-remove .list-reason ul li { flex: 0 0 49%; font-size: var(--font14); } .member-wrap .sec-remove .list-reason label { line-height: 21px; } .member-wrap .sec-remove .agree-wrap { margin-top: 0; } .member-wrap .sec-noted strong { position: relative; display: block; padding-left: 20px; margin: 40px 0 10px; } .member-wrap .sec-noted strong::before { position: absolute; top: -1px; left: 0; content: "\e9ab"; font-family: 'xeicon'; color: var(--gray06); font-size: var(--font18); font-weight: var(--font400); } .member-wrap .sec-noted ul { font-size: var(--font13); } .member-wrap .sec-noted span { display: block; color: var(--gray06); } @media all and (max-width : 640px) { .member-wrap .sec-signup .agree-wrap ul li label::before { width: 17px; height: 17px; line-height: 17px; background-size: 17px; } .member-wrap .sec-signup .agree-wrap ul li input[type="checkbox"]:checked + label::before { background-size: 17px; } .member-wrap .sec-remove .list-reason ul li { flex: 0 0 100%; } } /* my wallet *//* my wallet */ .type-symbol { flex: 0 0 auto; width: 48px; height: 48px; line-height: 46px; text-align: center; border-radius: 50%; } .type-symbol img { max-width: 20px; } .type-symbol.type-acorn { background-color: var(--primary); } .type-symbol.type-xtrion { background-color: var(--gray11); } .wallet-wrap .sec-mywallet .wallet-data { margin-bottom: 30px; } .wallet-wrap .sec-mywallet .balance-wrap { padding: 20px; margin-bottom: 10px; line-height: 1.2; border: 1px solid var(--gray10); border-radius: var(--radius20); gap: 10px; } .wallet-wrap .sec-mywallet .balance-wallet { display: flex; align-items: center; gap: 10px; word-break: break-all; } .wallet-wrap .sec-mywallet .balance-wallet .balance-amount { font-size: var(--font22); word-break: break-all; } .wallet-wrap .sec-mywallet .balance-wallet .balance-addr { display: inline-block; font-size: var(--font14); color: var(--gray05); word-break: break-all; } .wallet-wrap .sec-mywallet .balance-wallet .balance-addr button { vertical-align: middle; } .wallet-wrap .sec-mywallet .balance-btn { flex: 0 0 auto; position: relative; } .wallet-wrap .sec-mywallet .balance-btn button { position: relative; font-size: var(--font13); margin: 0 16px; } .wallet-wrap .sec-mywallet .balance-btn button:not(:last-child)::after { position: absolute; top: 2px; right: -19px; content: ""; display: inline-block; width: 1px; height: 12px; background-color: var(--gray09); } .wallet-wrap .sec-history .table-top { height: 49px; justify-content: space-between; } .wallet-wrap .sec-history .arcorn-history .respTable table th.tbl-no { width: 9%; } .wallet-wrap .sec-history .arcorn-history .respTable table th.tbl-type { width: 15%; } .wallet-wrap .sec-history .arcorn-history .respTable table th.tbl-state { width: 15%; } .wallet-wrap .sec-history .arcorn-history .respTable table th.tbl-amount { width: 15%; } .wallet-wrap .sec-history .arcorn-history .respTable table th.tbl-date { width: 23%; } .wallet-wrap .sec-history .arcorn-history .respTable table th.tbl-memo { width: auto; } .wallet-wrap .sec-history .xtrion-history .respTable table th.tbl-no { width: 6%; } .wallet-wrap .sec-history .xtrion-history .respTable table th.tbl-type { width: 10%; } .wallet-wrap .sec-history .xtrion-history .respTable table th.tbl-state { width: 8%; } .wallet-wrap .sec-history .xtrion-history .respTable table th.tbl-txid { width: 16%; } .wallet-wrap .sec-history .xtrion-history .respTable table th.tbl-amount { width: 13%; } .wallet-wrap .sec-history .xtrion-history .respTable table th.tbl-date { width: 23%; } .wallet-wrap .sec-history .xtrion-history .respTable table th.tbl-memo { width: auto; } .wallet-wrap .sec-history .arcorn-history .respTable table td u { color: var(--gray05); cursor: pointer; } .wallet-wrap .sec-history .arcorn-history .respTable table td u::before { content:""; display: inline-block; width: 1px; height: 12px; margin: 0 12px; background-color: var(--gray09); } .wallet-wrap .sec-history .point-guide { padding: 20px; margin-top: 20px; border-radius: var(--radius20); background-color: var(--gray13); font-size: var(--font14); color: var(--gray04); } .wallet-wrap .sec-history .point-guide h5 { margin-bottom: 8px; font-size: var(--font15); color: var(--gray02); } .wallet-wrap .sec-history .point-guide a { text-decoration: underline; /*border-bottom: 1px solid var(--gray04);*/ } @media all and (max-width : 640px) { .type-symbol { width: 30px; height: 30px; line-height: 28px; } .type-symbol img { max-width: 16px; } .wallet-wrap .sec-mywallet .balance-wrap { padding: 15px; flex-direction: column; align-items: flex-start; gap: 3px; } .wallet-wrap .sec-mywallet .balance-btn { padding-left: 28px; } .wallet-wrap .sec-mywallet .balance-btn button { margin: 0 13px; text-align: left; } .wallet-wrap .sec-mywallet .balance-btn button:not(:last-child)::after { right: -13px; } .wallet-wrap .sec-history .table-col table td { padding: 3px 0 3px 110px; } .wallet-wrap .sec-history .table-col table td::before { color: var(--gray05); } } /* my wallet *//* my wallet modal */ #withdraw .modal-body .mycoin { color: var(--gray04); padding: 15px 0; border-bottom: 1px solid var(--gray10); margin-bottom: 25px; } #withdraw .modal-body .mycoin dt { font-size: var(--font14); } #withdraw .modal-body .mycoin dd strong { font-size: var(--font14); color: var(--mark); } #withdraw .modal-body .send-volume { gap: 6px; margin-top: 5px; } #withdraw .modal-body .send-volume button { width: 25%; padding: 0; } #completeWithdraw .modal-body dd span { word-break: break-all; } #charge .modal-body { padding:20px 20px 0; } #charge .modal-body .acorn-banner { font-size: var(--font14); border-radius:var(--radius16); text-align: center; padding: 16px 10px; background-color: #fcf5f6; } #charge .modal-body .acorn-banner span { color: var(--primary); } #charge .modal-body .charge-box p.tit { font-size: var(--font18); font-weight: var(--font600); margin: 20px 0 10px; } #charge .modal-body .sum-point { font-size: var(--font14); text-align: right; margin-top: 10px; } #charge .modal-body .sum-point span { color: var(--gray06); } #charge .modal-body .pay-box .pay-amount { font-size: var(--font18); } #charge .modal-body .pay-box .pay-amount strong { color: var(--primary); } #charge .modal-body .tab-list-wrap { gap: 4px; } #charge .modal-body .tab-list-wrap li { flex: 1 1 0; text-align: center; } #charge .modal-body .tab-list-wrap li label { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; font-size: var(--font14); padding: 13px 10px; border-radius: var(--radius20); border: 1px solid var(--gray10); cursor: pointer; } #charge .modal-body .tab-list-wrap li input:checked + label { border-color: var(--black); } #charge .modal-body .tab-cnt-wrap { font-size: var(--font13); color: var(--gray05); letter-spacing: -1px; margin-top: 10px; } #charge .modal-body .agree-wrap { margin-top: 5px; } #charge .modal-body .gray-box { font-size: var(--font12); margin: 20px 0 0; } #charge .modal-body:has(.bootstrap-select.open) { overflow: hidden; } #swap .modal-body .swap-wrap {} #swap .modal-body .amount-box { padding: 30px; border-radius: var(--font30); background-color: var(--gray12); } #swap .modal-body .amount-box .amount-top { margin-bottom: 10px; } #swap .modal-body .amount-box .amount-top b { font-size: var(--font18); } #swap .modal-body .amount-box .amount-top p { font-size: var(--font14); color: var(--gray05); } #swap .modal-body .amount-box .amount-value .amount-num { width: 100%; font-size: var(--font22); font-weight: var(--font600); margin: 0 20px 0 10px; } #swap .modal-body .amount-box .amount-value input.amount-num { box-shadow: 0 0 0 1000px var(--gray12) inset; -webkit-box-shadow: 0 0 0 1000px var(--gray12) inset; -webkit-text-fill-color: inherit; } #swap .modal-body .amount-box .amount-value button { font-size: var(--font14); color: var(--primary); padding: 6px; border-radius: 5px; margin-right: 23px; background-color: rgba(190, 52, 85, 0.05 ); } #swap .modal-body .amount-box .amount-value span { font-size: var(--font22); } #swap .modal-body .swap-arrow { margin-top:-20px; text-align: center; } #swap .modal-body .swap-arrow i { width: 46px; height: 46px; line-height: 50px; text-align: center; font-size: var(--font20); font-weight: var(--font600); color: var(--gray04); border-radius: 50%; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); background-color: var(--white); } #swap .modal-body .amount-box.to-box { margin-top: -15px; } #swap .modal-body .calc-wrap .calc-tit { position: relative; font-size: var(--font16); font-weight: var(--font600); margin: 30px 0 10px; } #swap .modal-body .calc-wrap .calc-tit .helpTip .helpTipTxt::after { left: 103px; } #swap .modal-body .calc-wrap .calc-tit.eng-tit .helpTip .helpTipTxt::after { left: 212px; } #swap .modal-body .calc-wrap .dl-wrap dl { position: relative; } #swap .modal-body .calc-wrap .dl-wrap dl .helpTip .helpTipTxt { bottom: 45px; } /*#swap .modal-body .calc-wrap .dl-wrap.eng-dl dt .helpTip .helpTipTxt::after { left: 135px; }*/ #swap .modal-body .calc-wrap .dl-wrap dl .helpTip::after { bottom: 38px; } #masterKey .modal-body .gray-box { padding: 15px 20px; border-radius: var(--radius20); background-color: var(--gray13); word-break: break-all; } #completeCode .modal-body .dl-wrap dd { word-break: break-word; } #cancelPayment .modal-body .w-guide { padding-bottom: 10px; border-bottom: 1px solid var(--gray10); font-size: var(--font14); line-height: 1.75; } #cancelPayment .modal-body .form-basic { margin: 10px 0 20px; } #cancelPayment .modal-body .dl-title { font-size: var(--font16); } #cancelPayment .modal-body .dl-line:not(:last-child) dd { font-weight: var(--font800); } @media all and (max-width : 768px) { #swap .modal-body .calc-wrap .calc-tit .helpTip .helpTipTxt::after { left: 80px; } #swap .modal-body .calc-wrap .calc-tit.eng-tit .helpTip .helpTipTxt::after { left: 186px; } #swap .modal-body .calc-wrap .dl-wrap dt .helpTip .helpTipTxt::after { left: 84px; } #swap .modal-body .calc-wrap .dl-wrap.eng-dl dt .helpTip .helpTipTxt::after { left: 122px; } #charge .modal-body:has(.bootstrap-select.open) { overflow: auto; } } @media all and (max-width : 640px) { #charge .modal-body { padding: 13px 25px 0; } #swap .modal-body .amount-box .amount-value .amount-num { font-size: var(--font18); } #swap .modal-body .amount-box .amount-value span { font-size: var(--font16); } #swap .modal-body .amount-box .amount-value span { font-size: var(--font16); } } @media all and (max-width : 480px) { #withdraw .modal-body .send-volume { flex-wrap: wrap; } #withdraw .modal-body .send-volume button { width: calc(50% - 3px); } #charge .modal-body .tab-list-wrap { flex-wrap: wrap; } #charge .modal-body .tab-list-wrap li { flex: initial; width: 100%; text-align: left; } #charge .modal-body .tab-list-wrap li label { justify-content: flex-start; height: 40px; padding: 10px; } #charge .modal-body .pay-box { flex-direction: column; align-items: flex-start; } #swap .modal-body .amount-box .amount-top { flex-direction: column; align-items: flex-start; } #swap .modal-body .amount-box .amount-value button { display: none; } #swap .modal-body .amount-box .amount-value .amount-num { margin: 0 8px; } #swap .modal-body .calc-wrap .dl-wrap dt { width: 100%; max-width: 100%; } } @media all and (max-width : 320px) { #withdraw .modal-body .mycoin { flex-direction: column; align-items: flex-start; padding: 7px 0; } #swap .modal-body .helpTipTxt { width: 100%; } } /* mint *//* type */ /*.mint-wrap .h3-tit { margin-bottom: 30px; }*/ /*.mint-wrap .minting-guide { font-size: var(--font20); font-weight: var(--font600); margin-bottom: 20px; }*/ /*.mint-wrap .minting-choice { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin: 0 -1%; }*/ /*.mint-wrap .minting-choice div { width: 48%; margin: 1%; border: 1px solid var(--gray10); border-radius: var(--radius20); text-align: center; padding: 50px 35px 70px; cursor: pointer; }*/ /*.mint-wrap .minting-choice div h4 { font-size: var(--font22); font-weight: var(--font600); margin-bottom: 10px; }*/ /*.mint-wrap .minting-choice div p { font-size: var(--font14); color: var(--gray04); }*/ /*.mint-wrap .minting-choice div:hover { border-color: var(--gray09); }*/ /*.mint-wrap .minting-choice div.on{border-color: var(--black); }*/ /*.mint-wrap .minting-choice:has(.private.hide) div { width: 31%; }*/ /*@media all and (max-width : 960px) {*/ /* .mint-wrap .minting-choice div { padding: 35px 20px 40px; }*/ /*}*/ /*@media all and (max-width : 768px) {*/ /* .mint-wrap .minting-choice { flex-direction: column; align-items: flex-start; }*/ /* .mint-wrap .minting-choice div,*/ /* .mint-wrap .minting-choice:has(.private.hide) div { width: 98%; padding: 18px 14px 30px; }*/ /* .mint-wrap .minting-choice div img { max-width: 100px; }*/ /* .mint-wrap .minting-guide { font-size: var(--font16); margin-bottom: 10px; }*/ /*}*/ /* mint *//* form */ .mint-wrap .mint-from .h3-tit { margin-bottom: 30px; } .mint-wrap .mint-form .form-basic .label-mint-opt > div { position: relative; } .mint-wrap .mint-form .form-basic .label-mint-opt > div .helpTip .helpTipTxt::after { left: 80px; } /*.mint-wrap .mint-form .form-basic .input-flex .bootstrap-select { max-width: 200px; }*/ .mint-wrap .mint-form .form-basic .bootstrap-select .dropdown-menu > li > a { padding: 7px 0; } .mint-wrap .mint-form .form-basic .select-wrap-tit { width: 100%; padding:0 13px; height: 48px; line-height: 46px; text-align: left; border: 1px solid transparent; border-radius: var(--radius20); background: var(--gray13); font-size: var(--font14); } .mint-wrap .mint-form .form-basic .btn-create-series a { width: 100%; } .mint-wrap .mint-form .form-basic .btn-create-series::after { position: absolute; top: 14px; right: 10px; display: block; width: 20px; height: 20px; line-height: 20px; content: "\e913"; font-family: 'xeicon'; font-size: var(--font14); color: var(--white); text-align: center; border-radius: 50%; background-color: var(--gray02); } .mint-wrap .mint-form .form-basic .btn-show-box::after { position: absolute; top: 0; right: 13px; display: block; content: "\e942"; font-size: var(--font20); color: var(--gray07); vertical-align: middle; font-family: 'xeicon'; } .mint-wrap .mint-form .form-basic .select-wrap-tit.on::after { transform: rotate(180deg); } .mint-wrap .mint-form .form-basic .select-wrap-list { position: absolute; top: 104.16%; /*100:48=x:50*/ left: 0; width: 100%; border-radius: var(--radius20); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } .mint-wrap .mint-form .form-basic .select-wrap-list > ul { width: 100%; max-height: 260px; padding: 10px; margin: 0; overflow-y: auto; background-color: #fff; z-index: 9; } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li { display: flex; align-items: center; gap: 4px; position: relative; height: 48px; padding: 9px 10px; } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li:hover { border-radius: var(--radius20); background-color: var(--gray13); } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li .checked { position: absolute; display: none ;top: 50%; right: 13px; transform: translateY(-50%); } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li .checked.on { display: block; } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li .checked::after { content: "\e928"; display: block; font-weight: var(--font600); font-family: 'xeicon'; } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li .img-wrap { max-width: 30px; } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li .img-wrap .img-box { border-radius: 10px; } .mint-wrap .mint-form .form-basic .select-wrap-list > ul > li .item-cnt { color: #adaeb3; } .mint-wrap .mint-form .form-basic .dl-line dt { width: 35%; max-width: 150px; } /*.mint-wrap .mint-form .form-basic .dl-line .label-st-o ul { display: flex; align-items: center; gap: 30px; } dd del*/ .mint-wrap .mint-form .form-basic .dl-line .zip-code { display: flex; gap: 4px; margin: 7px 0 5px; } .mint-wrap .mint-form .form-basic .dl-line .zip-code input { max-width: 160px; } .mint-wrap .mint-form .form-basic .label-st-v label { line-height: 21px; } .mint-wrap .mint-form .form-basic .file-box.bulk { display: flex; justify-content: flex-start; gap: 12px; flex-wrap: wrap; max-height: 270px; overflow-y: auto; font-size: var(--font12); } /*.mint-wrap .mint-form .form-basic .file-box.bulk .img-wrap.img-upsize{ width: calc(25% - 9px); max-width: 25%; flex: inherit; }*/ /* 디지털 등록시 모바일 최소 대표 이미지 */ .mint-wrap .mint-form .form-basic .file-box .img-wrap.img-upsize { width: calc(15% - 9px); max-width: 25%; min-width: 100px; flex: inherit; } .mint-wrap .mint-form .form-basic .file-box .upload-wrap { display: flex; align-items: center; gap: 12px; padding: 20px; border-radius: var(--radius20); border: 2px solid var(--gray10); } .mint-wrap .mint-form .form-basic .file-box .upload-wrap .upload-img { /*flex: 0 0 auto;*/ width: 36px; } .mint-wrap .mint-form .form-basic .file-box .upload-wrap .upload-state { flex: 1 1 0; font-size: var(--font12); line-height: 1; } .mint-wrap .mint-form .form-basic .file-box .upload-wrap .upload-state .upload-percent { color: var(--gray05); } .mint-wrap .mint-form .form-basic .file-box .upload-wrap .upload-state .upload-complete { color: var(--success); } .mint-wrap .mint-form .form-basic .file-box .upload-wrap .upload-state .file-del { width: 20px; } .mint-wrap .mint-form .form-basic .file-box .upload-wrap .upload-state .file-del img { width: 100%; } .mint-wrap .mint-form .form-basic .input-box .tab-list-wrap { margin: 10px 0 15px; } .mint-wrap .mint-form .form-basic .input-box .tab-cnt {} .mint-wrap .mint-form .form-basic .input-box .tab-cnt .table-top { justify-content: space-between; color: var(--gray05); } .mint-wrap .mint-form .form-basic .input-box .tab-cnt .table-top p { } .mint-wrap .mint-form .form-basic .input-box .tab-cnt .table-top .input-all { display: flex; align-items: center; gap: 5px; } .mint-wrap .mint-form .form-basic .input-box .tab-cnt .table-top .input-all input { max-width: 120px; height: 38px; line-height: 38px; } .mint-wrap .mint-form .form-basic .input-box .tab-cnt table th, .mint-wrap .mint-form .form-basic .input-box .tab-cnt table td { padding: 9px 5px; } .mint-wrap .mint-form .form-basic .input-box .tab-cnt table input { height: 48px; line-height: 48px; padding: 9px 16px; } .mint-wrap .mint-form .form-basic .input-box .tab-cnt table .tbl-btn1 { width: 10%; } .mint-wrap .mint-form .form-basic .input-box .tab-cnt table .tbl-btn2 { width: 19%; } .mint-wrap .mint-form .form-basic .input-box .tab-cnt table .btn {height: 48px; line-height: 48px; min-width:48px; padding: 0 12px; margin: 0 2px; font-size: 18px; border-radius: 16px;} .mint-wrap .mint-form .form-basic .input-box .table-opt-set .tbl-opt25 { width: 25% } .mint-wrap .mint-form .form-basic .input-box .table-opt-set .tbl-opt40 { width: 40% } .mint-wrap .mint-form .form-basic .input-box .table-opt-set .tbl-opt57 { width: 57% } .mint-wrap .mint-form .form-basic .input-box .table-opt-set table .tbl-btn2 { width: 13%; } .mint-wrap .mint-form .form-basic .input-box .option_result .tbl-amount { width: 130px; } .mint-wrap .mint-form .form-basic .input-box table.option_result .tbl-btn1 { width: 210px; } .mint-wrap .mint-form .form-basic .input-box .option_result:has(.opt-add-price) td { position: relative; } .mint-wrap .mint-form .form-basic .input-box .option_result:has(.opt-add-price) input { padding-left: 20px; text-align: right; } .mint-wrap .mint-form .form-basic .input-box .option_result .opt-add-price { position: absolute; top: 23px; left: 18px; } .mint-wrap .mint-form .form-basic .input-box #tab-2 .table-opt-set .btn-create { padding: 0 20px; } .mint-wrap .mint-form .form-basic .input-box #tab-2 .table-opt-created .tbl-opt3 { width: auto; } .mint-wrap .mint-form .form-basic .input-box #tab-2 .table-opt-created input { text-align: center; } @media all and (max-width : 640px) { .mint-wrap .mint-form .form-basic .input-box .tab-cnt table th, .mint-wrap .mint-form .form-basic .input-box .tab-cnt table td { width: 100%; padding: 3px 5px; } .mint-wrap .mint-form .form-basic .dl-line .zip-code { display: flex; gap: 4px; margin: 7px 0 5px; } .mint-wrap .mint-form .form-basic .dl-line .zip-code input { max-width: 100px; } .mint-wrap .mint-form .form-basic .label-st-v label { line-height: 21px; } } @media all and (max-width : 480px) { .mint-wrap .mint-form .input-basic.input-flex { flex-direction: column; } .mint-wrap .mint-form .form-basic .input-box .select-value { width: 100%; } .mint-wrap .mint-form .form-basic .input-flex .bootstrap-select { max-width: 100%; } /* .mint-wrap .mint-form .form-basic .select-wrap-tit { height: 37px; line-height: 35px; padding: 0 5px; }*/ .mint-wrap .mint-form .form-basic .file-box .upload-wrap .upload-img { width: 28px; height: 28px; } .mint-wrap .mint-form .form-basic .file-box .upload-wrap { padding: 15px; } /*.mint-wrap .mint-form .form-basic .file-box.bulk .img-wrap.img-preview .img-box label::after { width: 26px; height: 26px; line-height: 26px; font-size: var(--font16);}*/ .mint-wrap .mint-form .form-basic .file-box .img-preview .img-box label::after { width: 26px; height: 26px; line-height: 26px; font-size: var(--font16);} .mint-wrap .mint-form .form-basic .input-box .tab-cnt table th, .mint-wrap .mint-form .form-basic .input-box .tab-cnt table td { padding: 3px 5px; } } /* mint *//* mint modal */ #publishMint .modal-body > p { padding-bottom: 20px; } #publishMint .modal-body em { color: var(--red); } #completeMint .modal-body div > a{width: 100%;} /* gallery & series common header */ .sub-top-banner .sec-profile { margin-bottom: 20px } .sub-top-banner .sec-profile .top-banner { width: auto; max-width: 1920px; margin: 0 auto; overflow: hidden; border-radius: var(--radius20); } .sub-top-banner .sec-profile .top-banner.gallery-banner { height: 170px; } .sub-top-banner .sec-profile .top-banner.series-banner { height: 300px; } .sub-top-banner .sec-profile .top-banner img { width: 100%; } .sub-top-banner .sec-profile .top-banner::before { content: ""; display: block; width: 100%; height: inherit; border-radius: var(--radius20); position: absolute; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.1); } .sub-top-banner .sec-profile .bookmark button { position: absolute; top: 8px; right: 0; color: var(--white); padding: 8px 16px; border-radius: 18px; background-color: rgba(0, 0, 0, 0.3); } .sub-top-banner .sec-profile .bookmark button i { display: inline-block; width: 20px; height: 20px; font-size: var(--font14); vertical-align: bottom; background: url('/assets/img/common/icon_bookmark.svg') no-repeat 0 0; } .sub-top-banner .sec-profile .bookmark button.on i { background-position: -20px 0; } .sub-top-banner .sec-profile .profile-head { position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin: -50px auto 10px; } .sub-top-banner .sec-profile .profile-head .img-wrap { max-width: 100px; border: 1px solid #dedfe4; border-radius: 50%; background-color: var(--white); overflow: hidden; } .sub-top-banner .sec-profile .profile-head .img-wrap.series-symbol { border-radius: var(--radius20); } .sub-top-banner .sec-profile .profile-head .profile-menu { display: flex; } .sub-top-banner .sec-profile .profile-head .profile-menu .profile-sns { display: flex; } .sub-top-banner .sec-profile .profile-head .profile-menu .profile-sns a { position: relative; } .sub-top-banner .sec-profile .profile-head .profile-menu .profile-sns a:last-child { margin-right: 10px; } .sub-top-banner .sec-profile .profile-head .profile-menu .profile-sns a:last-child::after { position: absolute; top: 8px; right: -10px; content: ""; display: inline-block; width: 1px; height: 22px; background-color: var(--gray09); } /*.sub-top-banner .sec-profile .profile-txt .profile-title ul { display: flex; align-items: flex-end; gap: 12px; }*/ .sub-top-banner .sec-profile .profile-txt .profile-title ul li { display: inline; } .sub-top-banner .sec-profile .profile-txt .profile-title ul li a { font-size: var(--font14); vertical-align: top; padding-top: 7px; margin-left: 5px; border-bottom: 1px solid var(--gray02); } .sub-top-banner .sec-profile .profile-txt .profile-title ul li strong { font-size: var(--font24); font-weight: var(--font800); } .sub-top-banner .sec-profile .profile-txt .profile-title ul li:has(.btn-follow) { margin-right: auto; } .sub-top-banner .sec-profile .profile-txt .user-info-box .user-txt .user-name strong { word-break: break-all; } .sub-top-banner .sec-profile .profile-txt .user-info-box .user-txt .user-name.user-badge span { max-width: calc(100% - 23px); } .sub-top-banner .sec-profile .profile-txt .user-info-box .user-txt .user-name.user-badge::after { width: 19px; height: 19px; vertical-align: baseline; } /*.sub-top-banner .sec-profile .profile-txt .user-info-box .user-txt .user-modify { flex: 0 0 auto; }*/ .sub-top-banner .sec-profile .profile-txt .more-info { } .sub-top-banner .sec-profile .profile-txt .more-info li:not(.user-hover-box) { display: inline-block; font-size: var(--font13); color: var(--gray05); } .sub-top-banner .sec-profile .profile-txt .more-info li .user-txt { display: inline; } .sub-top-banner .sec-profile .profile-txt .more-info li .user-name { display: inline-block; } .sub-top-banner .sec-profile .profile-txt .more-info li strong { font-size: var(--font14); color: var(--gray02); } .sub-top-banner .sec-profile .profile-txt .more-info li > button { font-size: var(--font14); font-weight: var(--font600); color: var(--gray02); } .sub-top-banner .sec-profile .profile-txt .more-info li::after { content: ""; display: inline-block; width: 1px; height: 0.9em; margin: auto 10px; vertical-align: middle; background-color: var(--gray10);} .sub-top-banner .sec-profile .profile-txt .more-info li:last-child::after { display: none; } .sub-top-banner .sec-profile .profile-txt .more-info li .user-hover-box { left: 0; } .sub-top-banner .sec-profile .profile-txt .more-info li .user-hover-box ul li { color: var(--black); } .sub-top-banner .sec-profile .profile-txt .more-info li .user-hover-box ul li:after { display: none; } @media all and (max-width : 1024px) { .sub-top-banner .sec-profile .top-banner.gallery-banner { height: 150px; } .sub-top-banner .sec-profile .top-banner.series-banner { height: 250px; } } @media all and (max-width : 768px) { .sub-top-banner .sec-profile .profile-head { margin: -50px auto 10px; } .sub-top-banner .sec-profile .profile-head .img-wrap { max-width: 115px; } .sub-top-banner .sec-profile .profile-head .profile-menu .profile-sns a {} } @media all and (max-width : 640px) { /*.sub-top-banner .sec-profile .profile-txt .more-info li:last-child { display: block; }*/ .sub-top-banner .sec-profile .profile-txt .profile-title .user-txt { flex-direction: column; align-items: flex-start; gap: 2px; } .sub-top-banner .sec-profile .profile-txt .more-info li::after { width: 0; margin: auto 7px; } } @media all and (max-width : 480px) { .sub-top-banner .sec-profile { margin-bottom: 15px; } .sub-top-banner .sec-profile .profile-head .img-wrap { width: 90px; max-width: 100px; } .sub-top-banner .sec-profile .profile-head .profile-menu .profile-sns a:last-child::after { height: 20px; } } @media all and (max-width : 320px) { /*.sub-top-banner .sec-profile .profile-head { flex-direction: column; align-items: flex-start; gap: 7px; }*/ /*.sub-top-banner .sec-profile .profile-head .img-wrap { flex: initial; }*/ } /* gallery & series common sub */ .sec-activity .respTable.table-row table { min-width: 830px; } .sec-activity .respTable table th.tbl-cate { width: 10%; } .sec-activity .respTable table th.tbl-nft { width: 11%; } .sec-activity .respTable table th.tbl-item { width: auto; } .sec-activity .respTable table th.tbl-price { width: 12%; } .sec-activity .respTable table th.tbl-to, .sec-activity .respTable table th.tbl-from { width: 12%; } .sec-activity .respTable table th.tbl-date { width: 18%; } .sec-activity .item-info-box { width: calc(100% - 46px); } .sec-activity .item-name { font-size: var(--font15); font-weight: var(--font500); } .sec-introduce { min-height: 250px; } .sec-introduce article { margin-bottom: 20px; } .sec-introduce article div { color: var(--gray05); } /* Gallery *//* Gallery main */ .sub-top-gallery { position: relative; padding:63px 0 57px; background: url('/assets/img/gallery/bg_top_gallery.png') no-repeat 0 0; background-size: cover; } .sub-top-gallery .sub-top-slide { overflow: hidden; } .sub-top-gallery .sub-top-slide .item-detail-top { align-items: center; padding-bottom: 40px; } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-preview { max-width: 390px; } /*.sub-top-gallery .sub-top-slide .item-detail-top .detail-top-preview .img-box { cursor: grab; }*/ .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt { max-width: 580px; } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .item-txt dl { display: flex; gap: 10px; } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .item-txt dt { font-size: var(--font13); color: var(--primary); } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .item-txt dd, .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .item-txt dd span, .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .item-txt dd span::after { font-size: var(--font13); color: var(--gray02); } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .item-name { margin-bottom: 10px; } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .item-price .price { font-size: var(--font28); font-weight: var(--font800); color: var(--gray02); } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-txt .btn-box a {color: var(--white); background-color: var(--mark); } .gallery-bottom { color: var(--white); padding: 80px 0; background: url('/assets/img/gallery/bg_bottom_gallery.jpg') no-repeat center center; background-size: cover; } .gallery-bottom .h4-tit { font-size: var(--font50); } .gallery-bottom .btn-wrap .btn { flex: 0 0 auto; width: auto; max-width: initial; min-width: 217px; } @media all and (max-width : 1200px ) { .sub-top-gallery { padding: 55px 2% 48px; } .sub-top-gallery .sub-top-slide.max-w1180 { padding: 0; } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-preview .img-box { box-shadow: none; } } @media all and (max-width : 768px ) { .sub-top-gallery { padding: 48px 3% 15px; } .sub-top-gallery .sub-top-slide .item-detail-top { padding-bottom: 20px; } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-preview { max-width: 580px; padding-right: 0.1%; } .sub-top-gallery .sub-top-slide .item-detail-top .detail-top-preview .img-box p:hover::before { display: none; } .gallery-bottom { padding: 60px 0; } .gallery-bottom .h4-tit { font-size: clamp(2rem,2vw,2.75rem); } } @media all and (max-width : 480px ) { .gallery-bottom .btn-wrap { flex-direction: column; } .gallery-bottom .btn-wrap .btn { height: 46px; line-height: 46px; } } /* Gallery *//* Gallery main modal */ /* #galleryPolicy .modal-body { max-height: 680px; overflow-y: auto; } */ #galleryPolicy .modal-body .policy1 { display: flex; justify-content: space-between; align-items: flex-start; } #galleryPolicy .modal-body .policy1 .policy1-img { flex: 0 1 160px; } #galleryPolicy .modal-body .policy1 .policy1-txt { flex: 1 1 0; padding:10px 0 17px 10px; } #galleryPolicy .modal-body .policy1 .policy1-txt p { margin-bottom: 10px; } #addEdition .modal-body .respTable { min-width: 390px; } #addEdition .modal-body .respTable th { padding: 10px 5px; } #addEdition .modal-body .respTable th.tbl-stock { width: 80px; } #addEdition .modal-body .respTable td input { height: 36px; line-height: 36px; padding: 9px 14px; } #addStock .modal-body .respTable td { word-break: break-all; font-size: var(--font12);} /* filter-wrap -> series-info-box */ #changeSeries .modal-body { max-height: 415px; } #changeSeries .checkbox-ul > li { display: flex; justify-content: space-between; align-items: center; } #changeSeries .checkbox-ul > li + li { margin-top: 10px; } #changeSeries .checkbox-ul .label-st-v label::before { top: 4px; margin: 0; } #changeSeries .checkbox-ul .li-chk-box { width: calc(100% - 30px); } #changeSeries .checkbox-ul .cnt { font-size: var(--font12); color: var(--gray08); } #changeSeries .checkbox-ul .series-info-box { display: flex; width: 100%; max-width: calc(100% - 30px); } #changeSeries .checkbox-ul .series-info-box .img-wrap { max-width: 30px; } #changeSeries .checkbox-ul .series-info-box .img-wrap .img-box { border-radius: 10px; } #changeSeries .checkbox-ul .series-txt { width: calc(100% - 35px); overflow: hidden; } #changeSeries .checkbox-ul .series-txt .series-name { max-width: calc(100% - 0px); font-size: var(--font13); overflow: hidden; } #changeSeries .checkbox-ul .hashtag-list { display: inline-flex; align-items: center; gap: 4px; width: 100%; max-width: calc(100% - 30px); overflow: hidden; } #changeSeries .checkbox-ul .hashtag-list .hashtag { /*max-width: calc(100% - 40px);*/ overflow: hidden; } @media all and (max-width : 480px ) { #galleryPolicy .modal .policy1 { flex-direction: column; align-items: center; } } /* Gallery *//* Gallery form */ .gallery-wrap .gallery-form .form-basic .file-box .tab-cnt { } .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul { display: flex; justify-content: space-between; gap: 12px; } .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul li { position: relative; width: 25%; border-radius: var(--radius20); } .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul li label { position: absolute; right: 0; } .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul li label::before { position: absolute; top: 10px; right:10px; z-index: 1; } .gallery-wrap .gallery-form .form-basic .file-box .img-gallery-bg .img-box { padding-top: 14%; } .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul li .img-box { padding-top: 71%; } .gallery-wrap .gallery-form .form-basic .input-box.domain {justify-content: start; padding: 14px 24px; border: 1px solid var(--black); border-radius: var(--radius16)} .gallery-wrap .gallery-form .form-basic .input-box.domain span { color: var(--gray07); } .gallery-wrap .gallery-form .form-basic .input-box.domain input {width:40% !important; flex:none;} .gallery-wrap .gallery-form .form-basic .btn-add-input { text-align: right; } @media all and ( max-width : 640px ) { .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul li label::before { top: 5px; } } @media all and ( max-width : 480px ) { .gallery-wrap .gallery-form .form-basic .file-box .img-gallery-bg .img-box { padding-top: 75px; } .gallery-wrap .gallery-form .form-basic .input-box.domain { padding: 8px 15px; font-size: var(--font13);} } @media all and ( max-width : 320px ) { .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul { flex-wrap: wrap; } .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul li { width: calc(50% - 6px); } .gallery-wrap .gallery-form .form-basic .file-box #tab-1 ul li .img-box { padding-top: 60%; } } /* Gallery *//* Gallery modal */ #sellSingle .modal-body .respTable table { margin-top: 0; } #choiceEditionGallery .modal-body { position: relative; height: 450px; } #choiceEditionGallery .modal-body:has(.bootstrap-select.open) { overflow: hidden; } #choiceEditionGallery .modal-body .respTable { min-width: 380px; } #choiceEditionGallery .modal-body .respTable .tbl-chk { width: 10%; } #choiceEditionGallery .modal-body .respTable .tbl-edition { width: 18%; } #choiceEditionGallery .modal-body .respTable .tbl-type { width: 22%; } #choiceEditionGallery .modal-body .respTable .tbl-state { width: 20%; } #choiceEditionGallery .modal-body .respTable .tbl-price { width: auto; } #choiceEditionGallery .modal-body .respTable .label-st-v label::before { top: 2px; } #addStockOption .modal-body .table-top .form-basic { display: flex; align-items: center; gap: 10px; margin-left: auto; } #addStockOption .modal-body .table-top .label-box { width: auto; } #addStockOption .modal-body table { min-width: 650px; } @media all and (max-width : 640px) { #choiceEditionGallery .modal-body { height: auto; max-height: 60vh; } } .gallery-wrap .sec-zzim .list-top { gap: 20px; } .gallery-wrap .sec-zzim .list-top .btn-flex { margin-right: auto; } /* series *//* series form */ .series-wrap .series-form .form-basic .file-box .img-series-bg .img-box { padding-top: 140px; /*padding-top: 15.62%;*/ } .series-wrap .series-form .form-basic .input-box textarea { max-height: 102px; } .series-wrap .series-form .form-basic .input-box.input-date input { max-width: 480px; } @media all and ( max-width : 1280px ) { .series-wrap .series-form .form-basic .tblWrap > table .tblHead tr td:last-child { width: 25.5px !important; } } @media all and ( max-width : 480px ) { .series-wrap .series-form .form-basic .file-box .img-series-bg .img-box { padding-top: 78px; } } /* series *//* series sub */ .series-wrap {} .series-wrap.sub-top-banner .sec-profile .top-banner, .series-wrap.sub-top-banner .sec-profile .top-banner::before { border-radius: 0; } .series-wrap .sec-activity .side-cnt .chart-wrap { padding: 35px 55px 25px; margin-bottom: 30px; border-radius: var(--radius20); background-color: rgba(190, 52, 85, 0.025); } .section-inner:has(.mypage-lnb) .side-cnt .list-inner > ul.list-ul3 > li { width: calc(50% - 10px); } @media all and ( max-width : 1280px ) { .section-inner:has(.mypage-lnb) .side-cnt .list-series > .list-inner > ul.list-ul-3 > li { width: calc(33.3% - 14px); } } @media all and ( max-width : 960px ) { .section-inner:has(.mypage-lnb) .side-cnt .list-series > .list-inner > ul.list-ul-3 > li { width: calc(50% - 10px); } } @media all and (max-width : 640px) { .section-inner:has(.mypage-lnb) .side-cnt .list-gallery .list-inner > ul.list-ul3 > li { width: 100%; } } @media all and ( max-width : 480px ) { .series-wrap .sec-activity .side-cnt .chart-wrap { padding: 35px 20px 25px; } } /* series *//* series modal */ #completeSeries .modal-body .item-unit { padding: 0 0.5%; margin:20px auto 30px; } #reportSeries .modal-body .series-wrap-flex .series-info-box { flex-direction: column; gap: 0; } #reportSeries .modal-body .series-wrap-flex .series-name { flex-direction: column; font-size: var(--font16); font-weight: var(--font600); } #reportSeries .modal-body .series-wrap-flex .user-name { font-size: var(--font14); color: var(--gray03); } /*#modalTempAddPrd .modal-body { height: 75vh; overflow: hidden; }*/ #modalTempAddPrd .modal-body .input-basic input { height: 40px; line-height: 40px; } /*#modalTempAddPrd .tblWrap { height: calc(100% - 50px); }*/ #modalTempAddPrd .tblWrap table tr td:last-child {border-left:none;} /*#modalTempAddPrd .tblWrap > table .divBody { max-height: max-content; }*/ #modalTempAddPrd .modal-body { max-height: initial; } #modalTempAddPrd .tblWrap table .divBody { max-height: 330px; overflow-x: hidden; } @media all and ( max-width : 1280px ) { #modalTempAddPrd .tblWrap > table .tblHead tr td:last-child { width: 25px !important; } /*#modalTempAddPrd .tblWrap > table .tblHead tr td:last-child { width: 25px; }*/ /*#modalTempAddPrd .tblWrap > table .divBody tr td:last-child { width: 0; }*/ } /* market *//* market detail */ /* Gallery main 슬라이드와 market detail 의 상단 공통 */ .item-detail-top { display: flex; justify-content: space-between; gap:60px; } .item-detail-top .detail-item-info_wrap {width:100%; max-width: 820px; } .item-detail-top .detail-top-preview {position: relative; flex: 1 1 0; gap:20px; margin-bottom:60px;} .item-detail-top .detail-top-preview .img-enlarge {max-width:none;} .item-detail-top .detail-top-preview .mg {width:128px;} .item-detail-top .detail-top-preview .likemark { position: absolute; top: 10px; right: 10px; z-index: 5; } .item-detail-top .detail-top-preview .likemark button { color: var(--white); padding: 8px 16px; border-radius: 18px; background-color: rgba(0, 0, 0, 0.3); } .item-detail-top .detail-top-preview .likemark button i { display: inline-block; width: 20px; height: 20px; font-size: var(--font14); vertical-align: text-bottom; background: url('/assets/img/market/icon_like.svg') no-repeat 0 0; } .item-detail-top .detail-top-preview .likemark button.on i { background-position: -20px 0; } .item-detail-top .detail-top-preview .view-count { font-size: var(--font13); color: var(--gray06); margin-top: 13px; } .item-detail-top .detail-top-preview .view-count span::before { content: ""; display: inline-block; width: 4px; height: 4px; vertical-align: middle; margin: 0 4px; border-radius: 50%; background-color: var(--gray09); } .item-detail-top .detail-top-preview .img-box { cursor: pointer; } /*.item-detail-top .detail-top-preview .img-enlarge p:hover::before { content:""; display: inline-block; position:absolute; bottom: 12px; right: 17px; width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, 0.7) url(/assets/img/market/icon_closeup_on.svg) no-repeat 50% 50%; }*/ .item-detail-top .detail-top-preview .img-enlarge .img-box span.enlarge { display: none; } .item-detail-top .detail-top-preview .img-enlarge .img-box:hover span.enlarge { content:""; display: block; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 9px 15px 7px 37px; border-radius: var(--radius20); background: rgba(0, 0, 0, 0.7) url(/assets/img/market/icon_closeup_on.svg) no-repeat 13% 48%; color: var(--white);} /*.item-detail-top .detail-top-preview .player-wrap { border-radius: var(--radius20); overflow: hidden; }*/ .item-detail-top .detail-top-preview .img-soldOut .img-box::before { font-size: var(--font50); } .item-detail-top .detail-top-preview .player-wrap .play-preview { position: absolute; top: 10px; left: 10px; font-size: var(--font13); color: var(--white); padding: 4px 20px; border-radius: var(--radius16); background-color: rgba(236, 59, 103, 0.9); } .physical-detail .item-detail-top .detail-item-info_wrap { width: 65%; max-width: 820px; } .physical-detail .item-detail-top .detail-top-preview {display:flex;} .physical-detail .item-detail-top .detail-top-preview .img-box { border-radius: 20px; } .physical-detail .item-detail-top .preview-inner { position: relative; width: 100%; max-width: calc(100% - 148px); } .physical-detail .item-detail-top .detail-image-list { gap: 6px; } .physical-detail .item-detail-top .detail-image-list li { width: 100%; } .physical-detail .item-detail-top .detail-image-list li .img-box { border-radius: 20px; } .physical-detail .item-detail-top .detail-top-txt { position: absolute; top: 0; right: 0; width: 33%; max-width: 400px; height: 100%; } .physical-detail .accordion-head p::after {display:none;} /* market *//* digital & physical 이미지 리스트 공통 */ .market-wrap .h3-tit {font-size: var(--font30); font-weight: bold; text-align: center; padding:0 0 40px;} .market-wrap .h3-tit b {color:var(--primary)} .market-wrap .h3-tit span { display: inline-block; width: 100%; padding-bottom: 20px; border-bottom: 1px solid var(--black);} .market-wrap .detail-image-list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 2px;} .market-wrap .detail-image-list li { width: calc(16.6% - 2px); } .market-wrap .detail-image-list li .img-box { border-radius: 0; } .item-detail-top .sticky_wrap {position: sticky; top:116px;} .item-detail-top .sticky_wrap .mb-close-sticky { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; background: url(/assets/img/common/icon-close-s.svg) no-repeat center; background-size: 20px; } .item-detail-top .mb-btn-buy { display: none; } .item-detail-top .detail-top-txt { width: 48%; flex: 1 1 0; } .item-detail-top .detail-top-txt > div + div { margin-bottom: 20px; } .item-detail-top .detail-top-txt .sub-tit { font-size: var(--font14); color: var(--gray06); padding-top: 3px; } .item-detail-top .detail-top-txt .sub-tit em { color: var(--gray04); font-weight: var(--font500); } .item-detail-top .detail-top-txt .rating-box { font-size: var(--font12); } .item-detail-top .detail-top-txt .rating-box p { display: inline-block; } .item-detail-top .detail-top-txt .rating-box i { vertical-align: text-bottom;} .item-detail-top .detail-top-txt .rating-box .review-purchase { padding-right: 15px; background: url('/assets/img/common/icon_arr_r_gray.svg') no-repeat 100% 40%; color: var(--gray05); } .item-detail-top .item-option > .sub-tit {font-size:var(--font16); color:var(--black); font-weight: var(--font600); margin-bottom:16px;} .item-detail-top .detail-top-txt .rating-box .review-purchase a { color: var(--gray05); } .item-detail-top .detail-top-txt .rating-box .review-purchase::before { display: inline-block; content: ""; width: 4px; height: 4px; margin: 0 5px 2px 3px; border-radius: 50%; background-color: var(--gray09); } .item-detail-top .detail-top-txt .top-buttons { display: flex; justify-content: flex-end; margin-left: auto; } .item-detail-top .detail-top-txt .item-name { font-size: var(--font24); font-weight: var(--font600); margin-top:20px;} .item-detail-top .detail-top-txt .item-tag {gap:8px;} .item-detail-top .detail-top-txt .item-tag > div, .item-detail-top .detail-top-txt .item-tag > a {border:1px solid var(--black); border-radius: 8px; padding:0 8px; height:30px; line-height: 30px; font-size:var(--font14)} .item-detail-top .detail-top-txt .item-tag .tag-best {border-color:var(--primary); color:var(--primary);} .item-detail-top .detail-top-txt .item-tag .tag-shop {display:flex; align-items: center; gap:4px;} .item-detail-top .detail-top-txt .item-tag .tag-shop i img {vertical-align: middle; margin-bottom:2px;} .item-detail-top .detail-top-txt .item-tag .tag-shop:after {content:''; display:inline-block; background: url(/assets/img/common/icon_arr_r_gray.svg) no-repeat 100% 30%; width:12px; height:12px;} .item-detail-top .detail-top-txt .creator-wrap { display: flex; gap: 25px; position: relative; width: 100%; } .item-detail-top .detail-top-txt .item-creator .img-wrap { position: relative; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; overflow: hidden; } .item-detail-top .detail-top-txt .item-creator .img-wrap.img-series { border-radius: 10px; } .item-detail-top .detail-top-txt .item-creator .img-box { position: initial; padding: 0; } .item-detail-top .detail-top-txt .item-creator .no-image .img-box { padding-top: 100%; } .item-detail-top .detail-top-txt .item-creator .creator-box { /*position: relative;*/ width: 50%; overflow: hidden; } .item-detail-top .detail-top-txt .item-creator .creator-box ul { display: initial; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .item-detail-top .detail-top-txt .item-creator ul li { position: initial; } .item-detail-top .detail-top-txt .item-creator ul li:first-child { font-size: var(--font12); color: var(--gray05); } .item-detail-top .detail-top-txt .item-creator ul li:last-child { font-size: var(--font13); color: var(--gray03); font-weight: var(--font500); } .item-detail-top .detail-top-txt .item-creator .user-hover-box { left: 0; top: 40px; height: fit-content; } .item-detail-top .detail-top-txt .item-creator .user-hover-box ul { display: flex; } .item-detail-top .detail-top-txt .item-creator .user-hover-box ul li:first-child { color: var(--gray02); } /*.item-detail-top .detail-top-txt .item-creator .user-txt .txt-ellipsis { max-width: calc(100% - 15px); } .item-detail-top .detail-top-txt .item-creator .user-txt .user-name.user-badge::after { width: 12px; height: 12px; }*/ .item-detail-top .detail-top-txt .item-price-physical { padding: 9px 0; border-top: 1px solid var(--gray11); border-bottom: 1px solid var(--gray11); } .item-detail-top .detail-top-txt .price-physical { display: flex; justify-content: space-between; align-items: flex-start; margin: 3px 0; } .item-detail-top .detail-top-txt .price-normal strong { font-size: var(--font24); font-weight: var(--font800); } .item-detail-top .detail-top-txt .price-normal del {font-size:var(--font18); color:var(--gray08);} .item-detail-top .detail-top-txt .price-discount strong { font-size: var(--font22); font-weight: var(--font800); } .item-detail-top .detail-top-txt .price-discount em { color: var(--primary); } .item-detail-top .detail-top-txt .item-choice .choice-box { display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 20px; margin-top: 4px; border-radius: var(--radius20); background-color: var(--gray13); } .item-detail-top .detail-top-txt .item-choice .choice-box.not-sale { opacity: 0.6; pointer-events: none; user-select : none; } .item-detail-top .detail-top-txt .item-choice .choice-box span.item-owner { color: var(--primary); margin: 0 auto 0 6px; } .item-detail-top .detail-top-txt .item-choice .choice-box button { flex: 0 0 auto; position: relative; font-size: var(--font13); color: var(--gray04); padding: 20px; } .item-detail-top .detail-top-txt .item-choice .choice-box button::after { position: absolute; top: 21px; right: 0; display: block; content: "\e913"; font-weight: var(--font600); font-size: var(--font13); color: var(--gray07); vertical-align: middle; font-family: 'xeicon'; } .item-detail-top .detail-top-txt .item-schedule {} .item-detail-top .detail-top-txt .item-schedule .date { font-size: var(--font13); color: var(--gray04);} .item-detail-top .detail-top-txt .item-schedule strong { font-size: var(--font28); color: var(--gray02); } .item-detail-top .detail-top-txt .item-price .price { color: var(--gray04); } .item-detail-top .detail-top-txt .item-price .price strong { font-size: var(--font28); color: var(--gray02); } .item-detail-top .detail-top-txt .item-price .price.no-price { font-size: var(--font24); color: var(--black); } .item-detail-top .detail-top-txt .item-option .bootstrap-select { margin-top: 5px; } .item-detail-top .detail-top-txt .item-option .bootstrap-select .dropdown-menu > li > a .text { display: flex; justify-content: space-between; gap: 5px; } .item-detail-top .detail-top-txt .item-option .bootstrap-select .dropdown-menu > li > a .text .opt-stock { flex: 0 0 auto; color: var(--gray07); } .item-detail-top .detail-top-txt .item-option .opt-list { } .item-detail-top .detail-top-txt .item-option .opt-list ul { max-height: 220px; overflow-y: auto; } .item-detail-top .detail-top-txt .item-option .opt-list ul li { padding: 15px 0; margin-top: 10px; border: 1px solid var(--gray10); border-width:1px 0; font-size: var(--font14); } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-type { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; color: var(--gray06); } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .opt-quantity { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .range-num .volume { width: 38px; height: 38px; background-position: -54px -6px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .range-num .piece { width: 55px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .range-num .btn-minus { background-position: -150px -6px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .range-num .btn-minus:hover { background-position: -102px -6px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .range-num .btn-plus:hover { background-position: -6px -6px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .opt-price { font-size: var(--font18); } .item-detail-top .detail-top-txt .item-option .opt-total {font-size:var(--font16); margin-top: 15px; } .item-detail-top .detail-top-txt .item-option .opt-total strong {vertical-align: middle; display: inline-block; margin-left: 7px; font-size: var(--font22); font-weight: var(--font600); color: var(--primary); } .item-detail-top .detail-top-txt .button-wrap { display: flex; flex-wrap: wrap; gap: 10px 5px; padding-top: 20px; margin-bottom: 10px; /*border-top: 1px solid var(--gray09);*/} .item-detail-top .detail-top-txt .button-wrap .btn { width: 100%; } .item-detail-top .detail-top-txt .button-wrap .btn.btn-buy, .item-detail-top .detail-top-txt .button-wrap .btn.btn-reported { flex: 1 1 0; } .item-detail-top .detail-top-txt .button-wrap .btn.btn-cart { width: 50%; min-width: 100px;} .item-detail-top .detail-top-txt .item-warn { font-size: var(--font13); color: var(--gray04); } .item-detail-top .detail-top-txt .price-delivery {border-bottom:1px solid var(--gray11); padding-bottom:20px; margin-bottom:30px; } .item-detail-top .detail-top-txt .price-delivery .sub-tit { margin-right: 16px; } .item-detail-top .detail-top-txt .price-delivery .exchange-money { font-size: var(--font12); } .market-wrap .section { margin: 0 auto 30px; } .market-wrap .accordion-item { border: none; margin-bottom: 30px; } /*.market-wrap .accordion-item + .accordion-item { margin-bottom: 30px; }*/ .market-wrap .accordion-head { padding: 16px 0; font-size: 18px; border-bottom: 1px solid var(--black); cursor: default} .market-wrap .accordion-body-cnt { color: var(--gray04); padding: 20px 0 0; } .market-wrap .detail-cnt-wrap { flex: 1 1 0; width: 100%; } .market-wrap .accordion-body-cnt.pd-t0 { padding-top: 0; } .market-wrap .accordion-body-cnt .nft-info { display: flex; flex-wrap: wrap; gap: 10px 0; } .market-wrap .accordion-body-cnt .nft-info dt { width: calc(21% - 5px); margin-right: 5px; } .market-wrap .accordion-body-cnt .nft-info dd { width: 29%; color: var(--gray02); font-weight: var(--font500); } .market-wrap .accordion-body-cnt .respTable { overflow-y: auto; font-size: var(--font13); } .market-wrap .accordion-body-cnt .owner { height: 335px; } .market-wrap .accordion-body-cnt .owner .img-wrap { width: 30px; max-width: 30px; height: 30px; } .market-wrap .accordion-body-cnt .owner .user-txt { max-width: calc(100% - 34px); } .market-wrap .accordion-body-cnt .owner .table-top { margin-top: 20px; } .market-wrap .accordion-body-cnt .owner .table-top .select-wrap { flex: 1 1 0; } .market-wrap .accordion-body-cnt .owner .table-top .bootstrap-select { max-width: 240px; } .market-wrap .accordion-body-cnt .owner table th.tbl-type { width: 28%; } .market-wrap .accordion-body-cnt .owner table th.tbl-owner { width: 38%; } .market-wrap .accordion-body-cnt .owner table th.tbl-price { width: 34%; } .market-wrap .accordion-body-cnt .owner table td[data-label="Edition"] a:hover { color: var(--primary); } .market-wrap .accordion-body-cnt .chart-top { display: flex; justify-content: space-between; align-items: flex-end; } .market-wrap .accordion-body-cnt .chart-top .chart-period { flex: 1 1 0; width: 100%; } .market-wrap .accordion-body-cnt .chart-top .bootstrap-select { max-width: 150px; } .market-wrap .accordion-body-cnt .history table th.tbl-type { width: 10%; } .market-wrap .accordion-body-cnt .history table th.tbl-coin, .market-wrap .accordion-body-cnt .history table th.tbl-opt { width: 18%; } .market-wrap .accordion-body-cnt .history table th.tbl-to { width: 17%; } .market-wrap .accordion-body-cnt .history table th.tbl-from { width: 17%; } .market-wrap .accordion-body-cnt .history table th.tbl-date { width: 18%; } .market-wrap .accordion-body-cnt .history table th.tbl-txid { width: 20%; } .market-wrap .accordion-body-cnt table td { padding: 8px 5px; } .market-wrap .accordion-body-cnt .bidding table th.tbl-price { width: 22%; } .market-wrap .accordion-body-cnt .bidding table th.tbl-to { width: 23%; } .market-wrap .accordion-body-cnt .bidding table th.tbl-date { width: 22%; } .market-wrap .accordion-body-cnt .bidding table th.tbl-txid { width: 38%; } .market-wrap .accordion-body-cnt .bidding table td .no-data { margin: 90px auto; } .market-wrap .accordion-body-cnt .list-nft { position: relative; } .market-wrap .accordion-body-cnt .list-inner > ul > li { min-width: 180px; } .market-wrap .accordion-body-cnt .no-data p { margin: 80px auto; } .market-wrap .sec-tab-list { position: sticky; top: 62px; margin: 0 auto; border-top: 1px solid var(--gray10); border-bottom: 1px solid var(--gray10); background-color: var(--white); z-index: 11; } .market-wrap .tab-list-wrap { display: flex; padding: 0; } .market-wrap .tab-list-wrap li { flex: 1 1 0; } .market-wrap .tab-list-wrap li a { width: 100%; padding: 16px 5px 14px; text-align: center; color: var(--gray05); font-size:var(--font18)} .market-wrap .tab-list-wrap li.current a { border-bottom: 2px solid var(--black); color: var(--black); font-weight: var(--font600); } .market-wrap .detail-editor-wrap { margin: 40px 0 30px; } .market-wrap .detail-editor-wrap .detail-editor { max-height: 400px; } .market-wrap .detail-editor-wrap button { min-width: 320px; } .market-wrap .detail-editor-wrap button i { width: 20px; height: 20px; margin-left: 20px; background: url('/assets/img/common/icon_arr_r_gray.svg') no-repeat center center; vertical-align: text-bottom; transform: rotate(90deg); } .market-wrap .detail-editor-wrap button.clicked i { transform: rotate(270deg); } .market-wrap .digital-detail .item-detail-cnt { display: flex; justify-content: space-between; margin-bottom: 30px; } .market-wrap .digital-detail .detail-cnt-wrap:first-child { max-width: 535px; margin-right: 4.5%; } .market-wrap .digital-detail .respTable { max-height: 335px; } .market-wrap .physical-detail .respTable { max-height: 600px; } .market-wrap .physical-detail .sec-line { padding-top: 10px; border-bottom: 1px solid var(--gray10); } .market-wrap .physical-detail .review-head { display: flex; align-items: center; gap: 8px; } .market-wrap .physical-detail .review-head span {font-size:var(--font14); font-weight: var(--font400); color: var(--gray05); } .market-wrap .physical-detail .review-head b { font-size: var(--font14);} .market-wrap .physical-detail .photo-list-ul { position: relative; display: flex; gap: 8px; } .market-wrap .physical-detail .photo-list-ul li { width: 190px; height: auto; cursor: pointer; } .market-wrap .physical-detail .photo-list-ul li.review-more::after { display: inline-flex; content: attr(data-text); align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding-top: 25px; border-radius: var(--radius20); background: rgba(0,0,0,0.68) url('/assets/img/common/icon_plus.svg') no-repeat 50% 40%; color: var(--white); font-size: var(--font16); font-weight: var(--font500); } .market-wrap .physical-detail .review-sort { padding: 16px 30px; margin-top: 40px; border-radius: var(--radius20); background-color: var(--gray13); text-align: right; } .market-wrap .physical-detail .review-sort button { margin-left: 16px; font-size: var(--font14); color: var(--gray05); } .market-wrap .physical-detail .review-sort button.on { font-weight: var(--font600); color: var(--gray02); } .market-wrap .physical-detail .review-wrap .review-li { padding: 20px 0; border-bottom: 1px solid var(--gray10); } .market-wrap .physical-detail .review-wrap .review-user { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } .market-wrap .physical-detail .review-wrap .review-user .user-info-box { /*width: 100%;*/ overflow: hidden; } .market-wrap .physical-detail .review-wrap .review-user .user-txt { overflow: hidden; } .market-wrap .physical-detail .review-wrap .review-user .img-wrap { flex: 0 0 auto; width: 40px; height: 40px; } .market-wrap .physical-detail .review-wrap .user-name { font-size: var(--font13); } .market-wrap .physical-detail .review-wrap .date { font-size: var(--font12); color: var(--gray05); } .market-wrap .physical-detail .review-wrap .user-point { flex: 0 0 auto; } .market-wrap .physical-detail .review-wrap button { flex: 0 0 auto; margin-left: auto; } .market-wrap .physical-detail .review-wrap .review-img { display: flex; gap: 4px; margin: 5px 0 10px; } .market-wrap .physical-detail .review-wrap .review-img .img-wrap { max-width: 114px; } .market-wrap .physical-detail .guide-physical { color: var(--gray05); border-bottom: 1px solid var(--gray11); } .market-wrap .physical-detail .guide-physical dl { display: flex; border-top: 1px solid var(--gray11); } .market-wrap .physical-detail .guide-physical dt { flex: 0 0 auto; display: flex; align-items: center; width: 200px; padding: 10px 10px 10px 16px; background-color: var(--gray13); font-size: var(--font14); font-weight: var(--font600); } .market-wrap .physical-detail .guide-physical dd { flex: 1 1 0; padding: 10px 10px 10px 16px; color: var(--gray04); } .market-wrap .physical-detail .guide-physical dd.list-bull p { position: relative; padding-left: 10px; } .market-wrap .physical-detail .guide-physical dd.list-bull p::before { content: "·"; display: inline-block; position: absolute; left: 0; } .market-wrap .section_category_path {display:flex; align-items: center; margin-bottom:20px;} .market-wrap .section_category_path a {color:#82838b;} .market-wrap .section_category_path a:after {content: ""; display: inline-block; vertical-align: middle; background: url(/assets/img/common/icon_arr_r_gray.svg) 100% 30% no-repeat; width: 12px; height: 12px; margin:0 5px 2px;} .market-wrap .section_category_path a:last-child {color:var(--black)} .market-wrap .section_category_path a:last-child:after {display:none;} #listPhoto .modal-body .photo-list-ul { max-height: 390px; overflow-y: auto; } #listPhoto .modal-body .photo-list-ul li { display: inline-block; width: calc((100% / 6) - 6px) ; height: auto; margin: 0 1px; cursor: pointer; } #listPhoto .modal-body .photo-list-ul li .img-box { border-radius: 0; } #modalReview .modal-head .back-allView { position: absolute; top: 18px; right: 65px; padding-left: 23px; background: url('/assets/img/market/icon_viewtype_all.svg') no-repeat 0 -1px; font-size: var(--font14); font-weight: var(--font600); } #modalReview .modal-body { max-height: calc(85vh - 130px); } #modalReview .modal-body .review-wrap { display: flex; gap: 40px; } #modalReview .modal-body .review-photo { position: relative; width: 60%; max-width: 554px; } #modalReview .modal-body .review-detail { width: 40%; height: inherit; max-height: 544px; overflow: auto; } #modalReview .modal-body .swiper-pagination-fraction { left: 50%; bottom: 5%; width: auto; padding: 9px 16px; border-radius: var(--radius20); background-color: rgba(0,0,0,0.5); color: var(--white); word-spacing: -2px; transform: translateX(-50%); } #modalReview .modal-body .swiper-pagination-fraction { left: 50%; bottom: 5%; width: auto; padding: 9px 16px; border-radius: var(--radius20); background-color: rgba(0,0,0,0.5); color: var(--white); word-spacing: -2px; transform: translateX(-50%); } #modalReview .modal-body .swiper-button-prev, #modalReview .modal-body .swiper-button-next { width: 46px; height: 46px; line-height: 46px; font-size: var(--font14) !important; font-weight: var(--font800); color: var(--gray04); border-radius: 50%; background-color: var(--white); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); } #modalReview .modal-body .swiper-button-prev { top: 50%; left: -20px; } #modalReview .modal-body .swiper-button-next { top: 50%; right: -20px; } #modalReview .modal-body .review-user { display: flex; align-items: center; gap: 10px; padding: 9px 0; margin-bottom: 10px; border-top: 1px solid var(--gray10); border-bottom: 1px solid var(--gray10); } #modalReview .modal-body .review-user .user-info-box { overflow: hidden; } #modalReview .modal-body .review-user .user-txt { /*width: calc(100% - 50px);*/ overflow: hidden; } #modalReview .modal-body .review-user .img-wrap { flex: 0 0 auto; width: 40px; height: 40px; } #modalReview .modal-body .review-user .user-name { font-size: var(--font13); } #modalReview .modal-body .review-user .date { font-size: var(--font12); color: var(--gray05); } #modalReview .modal-body .review-user .user-point { flex: 0 0 auto; } #modalReview .modal-body .review-cnt .review-txt { max-height: 100%; margin-top: 10px; overflow-y: auto } #container .chart-top .chart-label { text-align: right; } #container .chart-top .chart-label span { font-size: var(--font13); padding-left: 10px; } #container .chart-top .chart-label span em { color: var(--primary); } #container .chart-top .chart-label span:first-child { margin-right: 22px; background: url('/assets/img/market/icon_graph1.svg') no-repeat 0 48%; } #container .chart-top .chart-label span:last-child { background: url('/assets/img/market/icon_graph2.svg') no-repeat 0 48%; } #container .c3 path { stroke: var(--gray10) !important; } #container .c3 .c3-ygrid-line line { stroke: rgba(190,52,85,0.5) !important; stroke-dasharray: 4; stroke-width: 1.5px; } #container .c3 .c3-axis line { stroke: transparent !important; } #container .c3 .c3-axis text { color: var(--gray07); } #container .c3-circle { fill: currentColor; stroke: red; stroke-width: 0; } #container .c3 .c3-circle._expanded_ { stroke-width: 4px; stroke: #efd0d8; } #container .c3-tooltip-container { max-height: 200px; padding: 7px; border-radius: 10px; background: var(--white); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); overflow-y: auto; pointer-events: auto !important; } #container .c3-tooltip { box-shadow: none !important; } #container .c3-tooltip tr { border: none !important; } #container .c3-tooltip td { padding: 1px 7px !important; border: none !important; } #container .c3-tooltip td.name { color: var(--gray02); padding-right: 10px;} #container .c3-tooltip td.value { color: var(--primary); } #container .c3-tooltip td > span { display: none !important; } /* ㅁ */ @media all and (max-width : 1280px ) { .physical-detail .item-detail-top .detail-item-info_wrap { width: 63%; } .physical-detail .item-detail-top .preview-inner { max-width: calc(100% - 128px); } .physical-detail .item-detail-top .detail-top-preview .mg { width: 100px; } .physical-detail .item-detail-top .detail-top-txt { right: 2%; } } @media all and (max-width : 1100px ) { /*.physical-detail .item-detail-top .detail-item-info_wrap { width: 100%; max-width: 100%; }*/ /*.physical-detail .item-detail-top .detail-top-preview { flex-direction: column; gap: 10px; margin-bottom: 24px; }*/ /*.physical-detail .item-detail-top .preview-inner { max-width: 100%; }*/ .physical-detail .item-detail-top .detail-top-preview .mg { width: 84px; } #modalReview .modal-body .review-detail { max-height: 488px; } } @media all and (max-width : 1024px ) { .market-wrap .sec-tab-list { top: 60px; } #modalReview .modal-body .review-wrap { gap: 25px; } #modalReview .modal-body .review-photo { width: 51%; } #modalReview .modal-body .review-detail { width: 49%; max-height: 382px; } } @media all and (max-width : 960px ) { .market-wrap .h3-tit {font-size: var(--font24); padding: 0 0 20px; } .item-detail-top .detail-top-txt > div + div { margin-bottom: 12px; } .item-detail-top .detail-top-txt .item-name { margin-top: 12px; } .item-detail-top .detail-top-txt .price-discount strong { font-size: var(--font22); } .item-detail-top .detail-top-txt .item-schedule strong { font-size: var(--font22);} .item-detail-top .detail-top-txt .price-delivery { padding-bottom: 12px; margin-bottom: 40px; } .item-detail-top .detail-top-txt .button-wrap { margin: 40px 0 4px; } .item-detail-top .sticky_wrap { display: none; position: fixed; top: initial; left: 0; right: 0; bottom: 0; padding: 16px 16px 0; border-top: 1px solid var(--black); background-color: var(--white); z-index: 999; } .item-detail-top .mb-btn-buy { display: block; position: fixed; left: 0; right: 0; bottom: 0; padding: 16px; margin: 0; border-top: 1px solid var(--black); background-color: var(--white); z-index: 99; } .physical-detail .item-detail-top { flex-direction: column; gap: 20px; } .physical-detail .item-detail-top .detail-item-info_wrap { width: 100%; max-width: 100%; } .physical-detail .item-detail-top .detail-top-preview { flex-direction: column; gap: 10px; margin-bottom: 24px; } .physical-detail .item-detail-top .preview-inner { max-width: 100%; } .physical-detail .item-detail-top .detail-top-preview .mg { width: 100%; } .physical-detail .item-detail-top .detail-image-list { width: 100%; flex-direction: row; } .physical-detail .item-detail-top .detail-image-list li { width: calc(20% - 6px); max-width: 60px; } .physical-detail .item-detail-top .detail-top-txt { position: relative; right: 0; width: 100%; max-width: 100%; height: auto; } .market-wrap .sec-tab-list { top: 97px; } .market-wrap .accordion-body-cnt .nft-info { font-size: var(--font13); } .market-wrap .accordion-body-cnt .nft-info dt { width: calc(23% - 5px); } .market-wrap .accordion-body-cnt .nft-info dd { width: 27%; } .market-wrap .accordion-body-cnt .chart-top { flex-direction: column; gap: 10px; } .market-wrap .accordion-body-cnt .chart-top .chart-period { align-self: flex-start; } .market-wrap .accordion-body-cnt .history.table-col table thead { display: none; } .market-wrap .accordion-body-cnt .history.table-col table tr { display: block; width:100%; padding:10px 0; } .market-wrap .accordion-body-cnt .history.table-col table td { position: relative; display: block; width:100%; padding:1px 1px 1px 100px; border:none; text-align: left; } .market-wrap .accordion-body-cnt .history.table-col table td::before { content: attr(data-label); position: absolute; display:inline-block; left: 0; } .market-wrap .physical-detail .review-sort { padding: 10px 16px; margin-top: 20px; } #listPhoto .modal-body .photo-list-ul li { width: calc((100% / 5) - 6px); } #modalReview .modal-body .swiper-pagination-fraction { padding: 7px 12px; } #modalReview .modal-body .review-detail { max-height: 325px; } } @media all and (max-width : 830px) { #modalReview .modal-body .review-detail { max-height: 305px; } } @media all and (max-width : 768px ) { .item-detail-top { flex-direction: column; gap: 20px; } .item-detail-top .detail-top-preview { width: 100%; max-width: 100%; margin: 0; } .item-detail-top .img-wrap { max-width: 100%; } .item-detail-top .detail-top-preview .img-soldOut .img-box::before { font-size: var(--font30); } .item-detail-top .detail-top-txt { width: 100%; } .item-detail-top .detail-top-txt .item-creator .img-wrap { width: 33px; height: 33px; flex: 0 0 33px; } .item-detail-top .detail-top-txt .item-name { font-size: var(--font22); } .item-detail-top .detail-top-txt .price-discount strong { font-size: var(--font18); } .item-detail-top .detail-top-txt .item-choice .choice-box { padding: 15px; } .item-detail-top .detail-top-txt .item-schedule strong { font-size: var(--font24);} .item-detail-top .detail-top-txt .button-wrap .btn.btn-cart { width: 50%; } .market-wrap .h3-tit span { padding-bottom: 16px; } .market-wrap .accordion-body-cnt .nft-info { display: flex; flex-wrap: wrap; gap: 10px 0; } .market-wrap .tab-list-wrap li a { padding: 12px 4px; font-size: var(--font12); } .market-wrap .accordion-body-cnt .list-inner { padding-bottom: 25px; } .market-wrap .detail-editor img { width: 100%; } .market-wrap .detail-editor-wrap { margin: 20px 0 40px; } .market-wrap .detail-editor-wrap button { min-width: 100%; } .market-wrap .digital-detail .item-detail-cnt { flex-direction: column; gap: 20px; } .market-wrap .digital-detail .item-detail-cnt .detail-cnt-wrap { max-width: 100%; margin: 0; } .market-wrap .physical-detail .photo-list-ul li { width: 140px; } .market-wrap .physical-detail .review-wrap .review-img .img-wrap { max-width: 90px; } .market-wrap .physical-detail .review-sort button { margin-left: 8px; font-size: var(--font12);} .market-wrap .physical-detail .guide-physical dl { display: flex; flex-direction: column; } .market-wrap .physical-detail .guide-physical dt, .market-wrap .physical-detail .guide-physical dd { flex: 1 1 0; width: 100%; padding: 10px; } #listPhoto .modal-body .photo-list-ul li { width: calc((100% / 4) - 6px); } #modalReview .modal-body .review-wrap { flex-direction: column; } #modalReview .modal-body .review-photo { width: 100%; max-width: 100%; } #modalReview .modal-body .swiper-button-prev, #modalReview .modal-body .swiper-button-next { width: 35px; height: 35px; line-height: 35px; } #modalReview .modal-body .review-detail { width: 100%; max-height: 100%; } /*#modalReview .modal-body .review-photo { width: 50%; }*/ /*#modalReview .modal-body .review-detail { width: 50%; }*/ /*#modalReview .modal-body .swiper-pagination-fraction { left: 50%; bottom: 20px; width: auto; padding: 9px 16px; border-radius: var(--radius20); background-color: rgba(0,0,0,0.5); color: var(--white); word-spacing: -2px; transform: translateX(-50%); }*/ /*.main-basic .list-main .swiper-button-prev,*/ /*.main-basic .list-main .swiper-button-next { width: 35px; height: 35px; line-height: 35px; }*/ /*#modalReview .modal-body .review-user .img-wrap { flex: 0 0 auto; width: 40px; height: 40px; }*/ } @media all and (max-width : 480px ) { .market-wrap .accordion-body-cnt .nft-info dt { width: calc(40% - 5px); } .market-wrap .accordion-body-cnt .nft-info dd { width: 60%; } .item-detail-top .detail-top-preview .player-wrap .btn-play { width: 50px; height: 50px; line-height: 55px; } .item-detail-top .detail-top-txt .item-option .opt-list ul li .opt-group .opt-price { font-size: var(--font16); } .market-wrap .physical-detail .photo-list-ul li { width: 107px; } #listPhoto .modal-body .photo-list-ul li { width: calc((100% / 3) - 6px); } } /* piki *//* main */ /* piki 메뉴 삭제하고 메인으로 옮김 .sub-bottom-piki .sub-top-piki { color: var(--white); padding: 85px 0 81px; background: url('/assets/img/piki/bg_top_piki.png') no-repeat 70% 50%; background-size: cover; } .sub-top-piki .h4-tit { font-size: 3.125rem; } .sub-top-piki .btn-wrap { justify-content: flex-start; } */ /* trading *//* sell */ /*.trading-cnt-line { padding-top: 20px; border-top: 1px solid var(--gray10); }*/ .trading-wrap .section:not(:has(.respTable)) .h3-tit { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid var(--black); } .trading-wrap .sec-sell .published-item .item-list-box .etc-option { flex: 0 0 auto; } .trading-wrap .sec-sell .form-basic .file-box .label-st-o { display: flex;justify-content: flex-start; gap: 30px; } .trading-wrap .sec-sell .input-basic.input-flex .bootstrap-select{ max-width: 200px; } .trading-wrap .sec-sell .input-basic .table-opt-sell table { } .trading-wrap .sec-sell .input-basic .table-opt-sell table th, .trading-wrap .sec-sell .input-basic .table-opt-sell table td { padding: 10px 5px; } .trading-wrap .sec-sell .input-basic .table-opt-sell table input { width: calc(100% - 20px); height: 36px; line-height: 36px; padding: 8px; text-align: center; } .trading-wrap .sec-sell .input-basic .table-opt-sell table .tbl-opt { width: 27.5%; } .trading-wrap .sec-sell .input-basic .table-opt-sell table .tbl-amount { width: 22.5%; } .trading-wrap .sec-sell .input-basic .table-opt-sell table .tbl-price { width: 22.5%; } .trading-wrap .sec-sell .discount-calc { display: flex; justify-content: space-between; padding-top: 10px; margin-top: 5px; border-top: 1px solid var(--gray09); } .trading-wrap .sec-sell .charge-wrap { position: relative; } .trading-wrap .sec-sell .charge-wrap h4 { position: relative; font-size: var(--font16); } .trading-wrap .sec-sell .charge-wrap ul {} .trading-wrap .sec-sell .charge-wrap li { display: flex; justify-content: space-between; padding-top: 6px; } .trading-wrap .sec-sell .charge-wrap ul li p { color: var(--gray04); font-size: var(--font14);} .trading-wrap .sec-sell .charge-wrap ul li em { margin-left: 5px; text-align: center; font-size: var(--font13); font-weight: var(--font400); color: var(--gray02); padding:2px 6px; border-radius: var(--radius10); background-color: var(--gray12); } .trading-wrap .sec-sell .charge-wrap ul li.total { padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--gray02); } @media all and (max-width : 640px ) { .trading-wrap .sec-sell .charge-wrap h4 .helpTipTxt::after { left: 147px; } } @media all and (max-width : 480px ) { .trading-wrap .sec-sell .input-basic.input-flex { flex-direction: column;} .trading-wrap .sec-sell .input-basic.input-flex .bootstrap-select { max-width: 100%; } .trading-wrap .sec-sell .input-basic.input-flex .select-value { width: 100%; } .trading-wrap .sec-sell .charge-wrap h4 .helpTipTxt::after { display: none; } .trading-wrap .sec-sell .input-basic .table-opt-sell table th, .trading-wrap .sec-sell .input-basic .table-opt-sell table td { padding: 3px 5px; } } /* trading *//* order */ /*.trading-wrap .sec-order .respTable tbody tr:nth-child(odd) { border-bottom: 0; }*/ /*.trading-wrap .sec-order .respTable tbody tr:nth-child(odd) td { padding-bottom: 0; }*/ .trading-wrap .sec-order .respTable .uniqueId { margin: 0; text-align: left; } .trading-wrap .sec-payinfo .pay-part:first-child { padding-top: 0; } .pay-info > div:first-child { padding-top: 0; }.pay-info .flex-side { align-items: flex-start; } .trading-wrap .sec-delivery .calendar { background-position: 98% 50% !important; } .trading-wrap .sec-delivery .btn-box { margin: 0; } .trading-wrap .sec-delivery .form-basic .bootstrap-select { margin-bottom: 5px; } .trading-wrap .sec-overseas .dl-wrap dt { width: 25%; max-width: 150px; } .trading-wrap .sec-overseas .dl-wrap dd .input-validation { margin-bottom: 0; } .trading-wrap .sec-overseas .agree-wrap { padding: 16px; margin-top: 10px; border: 1px solid var(--gray09); border-radius: var(--radius20); font-size: var(--font14); } .trading-wrap .sec-overseas .agree-wrap ul { border-color: var(--gray09); } .trading-wrap .sec-overseas .agree-wrap .find-unipass a { padding-right: 18px; color: var(--gray06); background: url('/assets/img/common/icon_arr_r_gray.svg') no-repeat right center; } .trading-wrap .sec-ticket .ticket-info { padding-top: 20px; border-top: 1px solid var(--gray10); } .trading-wrap .sec-ticket .ticket-info .input-flex { justify-content: flex-start; } .trading-wrap .sec-ticket .ticket-info .input-flex input { max-width: 220px; } .trading-wrap .sec-payment {} .trading-wrap .sec-payment .payment-tit { font-size: var(--font16); font-weight: var(--font600); margin-bottom: 10px; } .trading-wrap .sec-payment .border-gray10 { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid var(--gray10); } .trading-wrap .sec-payment .tab-list-wrap#payment_list { margin-bottom: 10px; } .trading-wrap .sec-payment .tab-list-wrap .tab-list { font-size: var(--font14); } .trading-wrap .sec-payment .point-input-wrap { display: flex; align-items: center; gap:20px; } .trading-wrap .sec-payment .point-input-wrap .form-basic { flex: 1 1 0; max-width: 400px; margin: 0; } .trading-wrap .sec-payment .point-input-wrap .form-basic input { padding-right: 65px; } .trading-wrap .sec-payment .point-input-wrap .form-basic span { position: absolute; top: 11px; right: 16px; } .trading-wrap .sec-payment .payment_acorn div {display: flex; align-items: center; height: 48px; overflow: hidden; gap:20px; } .trading-wrap .sec-payment .payment_acorn div .coin-name b {color:var(--subprimary)} .trading-wrap .sec-payment .payment_acorn button { min-width: 240px; font-size: var(--font14); } /* .trading-wrap .sec-payment .payment-method ul li label { display: flex; justify-content: space-between; align-items: center; } .trading-wrap .sec-payment .payment-method ul li label { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 56px; padding: 16px 0 16px 16px; border-radius: var(--radius20); border: 1px solid var(--gray10); overflow: hidden; cursor: pointer; } .trading-wrap .sec-payment .payment-method ul li .coin-name { font-size: var(--font16); text-transform: uppercase; } .trading-wrap .sec-payment .payment-method ul li .coin-amount { display: none; font-size: var(--font14); padding: 5px 15px; } .trading-wrap .sec-payment .payment-method ul li .won-amount { display: none; font-size: var(--font14); padding: 5px 15px; } .trading-wrap .sec-payment .payment-method ul li button { min-width: 130px; height: 54px; line-height: 52px; font-size: var(--font13); margin-left: 10px; border-radius: var(--radius20);} .trading-wrap .sec-payment .payment-method ul li + li { margin-top: 5px; } .trading-wrap .sec-payment .payment-method input[type="radio"]:checked + label { border-color: var(--gray02); } */ .trading-wrap .sec-payment .order-warning { padding: 20px 0; border-top: 2px solid var(--black); color: var(--gray05); } @media all and (max-width : 768px ) { /* .trading-wrap .sec-payment .payment-method ul li label { height: 53px; } .trading-wrap .sec-payment .payment-method ul li button { height: 51px; } */ .trading-wrap .sec-payment .tab-list-wrap#payment_list { flex-wrap: wrap; gap: 5px 10px; } .trading-wrap .sec-payment .tab-list-wrap#payment_list li { width: calc(50% - 5px); } } @media all and (max-width : 640px ) { .trading-wrap section { margin-bottom: 10px; } /* .trading-wrap .sec-payment .payment-method ul li label { height: 44px; padding: 10px 0 10px 10px; } .trading-wrap .sec-payment .payment-method ul li button { min-width: 70px; height: 44px; line-height: 46px; padding: 0 7px; } .trading-wrap .sec-payment .payment-method ul li .coin-amount { font-size: 12px; padding: 5px 10px; } .trading-wrap .sec-payment .payment-method ul li .won-amount { font-size: 12px; padding: 5px 10px; } .trading-wrap .sec-payment .payment_acorn div { padding-left: 9px; } */ .trading-wrap .sec-payment .point-input-wrap { flex-wrap: wrap; /*flex-direction: column; align-items: flex-start;*/ gap: 8px; } .trading-wrap .sec-payment .point-input-wrap .form-basic { min-width: 100%; } .trading-wrap .sec-payment .payment_acorn button { min-width: 85px; } } @media all and (max-width : 480px ) { .trading-wrap .sec-payment .tab-list-wrap#payment_list li { width: 100%; } .trading-wrap .sec-payment .payment_acorn button { min-width: 100%; } .trading-wrap .sec-payment .payment_acorn div { flex-wrap: wrap; align-items: flex-start; gap: 8px; height: auto; } } /* trading *//* order modal */ #deliveryAddr .modal-body {/* min-height: 380px; max-height: 610px;*/ max-height:750px !important; overflow-y: auto; } #deliveryAddr .modal-body { max-height: calc(85vh - 20px) !important; } #deliveryAddr .modal-body #tab-addrList > ul > li { display: flex; align-items: center; gap: 2px; padding: 16px 0; border-bottom: 1px solid var(--gray10); } #deliveryAddr .modal-body #tab-addrList > ul > li#basicPlace em { font-size: var(--font13); color: var(--primary); padding: 4px 10px; margin-left: 10px; border-radius: var(--radius10);} #deliveryAddr .modal-body #tab-addrList .label-st-v { flex: 0 0 auto; } #deliveryAddr .modal-body #tab-addrList .label-st-v label::before { top: -15px; } #deliveryAddr .modal-body #tab-addrList .addr-info p { font-weight: var(--font500); margin-bottom: 6px; } #deliveryAddr .modal-body #tab-addrList .btn-flex { gap: 2px; flex: 0 0 auto; } #deliveryAddr .modal .modal-body #tab-addrNew .label-st-v, #deliveryAddr .modal .modal-body #tab-updt .label-st-v { margin-top: 10px; } #deliveryAddr .modal .modal-body #tab-addrNew .label-st-v span { display: inline-block; margin-right: 15px; } #deliveryAddr .modal .modal-body .btn-box { margin-top: 30px; } @media all and (max-width : 768px ) { #deliveryAddr .modal-body { max-height: calc(85vh - 150px); } } @media all and (max-width : 640px ) { #deliveryAddr .modal .modal-body .btn-box { margin-top: 20px; } } @media all and (max-width : 480px ) { #deliveryAddr .modal .modal-body #tab-addrList > ul > li { align-items: flex-start; gap: 5px; padding: 8px 0; } #deliveryAddr .modal .modal-body #tab-addrList > ul > li .addr-info-wrap { flex-direction: column; align-items: flex-start; } #deliveryAddr .modal .modal-body #tab-addrList .btn-flex { align-self: flex-start; } #deliveryAddr .modal .modal-body #tab-addrList .label-st-v label::before { top: 0; } #deliveryAddr .modal .modal-body #tab-addrNew .label-st-v span { margin: 0 5px 5px 0; } } /* trading *//* transfer */ .trading-wrap .sec-transfer .dl-wrap dt { width: 25%; max-width: 120px; } .trading-wrap .sec-transfer .dl-wrap dd .input-validation { margin-bottom: 0; } .trading-wrap .sec-transfer .dl-wrap dd .attention { margin-top: 8px; font-size: var(--font13); color: var(--gray07); } .trading-wrap .sec-transfer .attention { position: relative; font-size: var(--font13); color: var(--gray06); padding-left: 20px; margin-top: 10px; } .trading-wrap .sec-transfer .attention::before { position: absolute; top: -3px; left: 0; content: "\e9ab"; font-family: 'xeicon'; font-size: var(--font18); } @media all and (max-width : 480px ) { .trading-wrap .sec-transfer .dl-wrap dl { flex-direction: column; align-items: flex-start; } .trading-wrap .sec-transfer .dl-wrap dt, .trading-wrap .sec-transfer .dl-wrap dd { width: 100%; max-width: 100%; } } /* trading *//* transfer modal */ #following .modal .modal-body .member-list { border-top: 1px solid var(--gray10); } /* trading *//* cart */ .trading-wrap .sec-cart .tab-list-wrap .current a { color: var(--white); background-color: var(--black); } .trading-wrap .sec-cart .list-top { gap: 4px; position: relative; margin-bottom: 10px; } .trading-wrap .sec-cart .list-top .label-st-v { position: absolute; left: 5px; bottom: -47px; } .trading-wrap .sec-cart .list-top .btn-flex { gap: 4px; } /*.trading-wrap .sec-cart .cart-item .flex-side button { margin-left: 34px; }*/ .trading-wrap .sec-cart .no-data-cart p::before { content:""; width: 54px; height: 54px; padding-top: 64px; background: url('/assets/img/market/icon_cart_nodata.svg') no-repeat top center; } @media all and (max-width : 640px ) { .trading-wrap .sec-cart .list-top .label-st-v { position: relative; left: initial; bottom: initial; } .trading-wrap .sec-cart .list-top .btn-flex { margin-right: auto;} .trading-wrap .sec-cart .list-top .btn-small { padding: 0 7px; } } /* my page *//* history */ .history-wrap .sec-menu-history { padding: 20px; border-radius: var(--radius20); border: 1px solid var(--gray11); background-color: var(--gray13); } .history-wrap .sec-menu-history .icon-search { display: none; position: absolute; top: 20px; right: 35px; width: 48px; height: 48px; margin-left: auto; border-radius: 50%; background-color: var(--white); } .history-wrap .swiper-history { border-bottom: 1px solid var(--gray10); overflow: hidden; } .history-wrap .swiper-history:not(.swiper-history-part) { padding: 10px 0; } .history-wrap .swiper-history .swiper-slide { width: auto; } .history-wrap .swiper-history .swiper-slide a { font-weight: var(--font600); } .history-wrap .swiper-history .swiper-slide span { display: none; } .history-wrap .search-filter { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; gap: 10px; } .history-wrap .search-filter .select-wrap { display: inline-flex; gap: 10px; width: 40%; max-width: 410px; } .history-wrap .search-filter .bootstrap-select { width: 200px; } .history-wrap .search-filter .search-quick button { position: relative; margin-right: 20px; font-size: var(--font15); } .history-wrap .search-filter .search-quick button:last-child { margin-right: 0; } .history-wrap .search-filter .search-quick button:not(:last-child)::before { content: ""; position: absolute; top: 5px; right: -14px; display: inline-block; width: 1px; height: 70%; background-color: var(--gray08); cursor: default; } .history-wrap .search-filter .search-quick span { font-size: var(--font12); color: var(--gray05); } .history-wrap .search-period { position: relative; padding-top: 10px; } .history-wrap .search-period .icon-close { display: none; position: absolute; top: 10px; right: 10px; font-size: var(--font20); } .history-wrap .search-filter-wrap { display: flex; gap: 4px; } .history-wrap .search-filter-wrap .form-basic { margin: 0; } .history-wrap .search-filter-wrap .form-basic input { background-color: var(--white); box-shadow: 0 0 0 10px var(--white) inset; -webkit-box-shadow: 0 0 0 10px var(--white) inset; } .history-wrap .search-filter-wrap .history-period { gap: 4px; } .history-wrap .search-filter-wrap .history-period .btn-white-color:hover { background-color: var(--white); } .history-wrap .search-filter-wrap .search-calendar, .history-wrap .search-filter-wrap .search-wrap { flex: 1 1 0; } .history-wrap .search-filter-wrap .btn-search { min-width: 120px; } @media all and (max-width : 1200px ) { .history-wrap .search-filter-wrap .form-basic input.calendar { background-position: 91% 50%; } .history-wrap .search-filter-wrap .btn-big { font-size: var(--font14); } .history-wrap .search-filter-wrap .btn-search { min-width: 80px; } } @media all and (max-width : 960px ) { .history-wrap .sec-menu-history .icon-search, .history-wrap .search-filter-wrap .icon-close { display: block; } .history-wrap .search-filter { flex-direction: column; align-items: flex-start; } .history-wrap .search-filter .select-wrap { width: 100%; max-width: 100%; } .history-wrap .search-period { display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background: rgba(0, 0, 0, 0.35); transition: 0.5s; visibility: hidden; opacity: 0; z-index: 1000; } .history-wrap .search-period.view { visibility: visible; opacity: 1; display: flex; } .history-wrap .search-filter-wrap { flex-direction: column; gap: 10px; position: relative; width: 90%; max-width: 494px; padding: 50px 40px; border-radius: var(--font30); background-color: var(--gray11); word-break: keep-all; overflow: hidden; } .history-wrap .search-filter-wrap .history-period { gap: 6px; } .history-wrap .search-filter-wrap .history-period button { flex: 1 1 0; padding: 0 8px; } } @media all and (max-width : 640px ) { .history-wrap .sec-menu-history { padding: 10px; } .history-wrap .sec-menu-history .swiper-history-part .swiper-tab { margin-right: 50px; overflow: hidden; } .history-wrap .sec-menu-history .icon-search { width: 36px; height: 36px; top: 10px; right: 25px; } .history-wrap .search-filter-wrap { padding: 45px 25px 25px; } .history-wrap .search-filter-wrap .form-basic input.calendar { background-position: 86% 50%; } } .history-wrap .sec-history { overflow: hidden; } .history-wrap .sec-history .respTable table { min-width: 1024px; font-size: var(--font14); } .history-wrap .sec-history .respTable table .label-st-v label::before { top: 2px; } .history-wrap .sec-history .respTable table th.tbl-chk { width: 40px; } .history-wrap .sec-history .respTable table th.tbl-nft { width: 100px; } .history-wrap .sec-history .respTable table th.tbl-date { width: 90px; } .history-wrap .sec-history .respTable table th.tbl-order { width: 150px; } .history-wrap .sec-history .respTable table th.tbl-buyer { width: 100px; } .history-wrap .sec-history .respTable table th.tbl-item { /*width: auto;*/ width: 400px; } .history-wrap .sec-history .respTable table th.tbl-txid { width: 50px; } .history-wrap .sec-history .respTable table th.tbl-cnt { width: 60px; } .history-wrap .sec-history .respTable table th.tbl-amount { width: 60px; } .history-wrap .sec-history .respTable table th.tbl-payment { width: 70px; } .history-wrap .sec-history .respTable table th.tbl-price { width: 100px; } .history-wrap .sec-history .respTable table th.tbl-down { width: 75px; } .history-wrap .sec-history .respTable table th.tbl-state { width: 120px; } .history-wrap .sec-history .respTable table th.tbl-etc { width: 120px; } .history-wrap .sec-history .respTable table th.tbl-invoice { width: 140px; } .history-wrap .sec-history .respTable table th.tbl-delivery { width: 9%; } .history-wrap .sec-history .respTable table th.tbl-nft { width: 100px; } .history-wrap .sec-history .respTable table td .order-number { text-decoration: underline; } .history-wrap .sec-history .respTable table td .item-info-wrap { overflow: hidden; } .history-wrap .sec-history .respTable table td .item-name { margin: 4px 0 12px; } .history-wrap .sec-history .respTable table td .item-txt { text-align: left; } .history-wrap .sec-history .respTable table td .invoice_read { cursor: pointer; } .history-wrap .sec-history .respTable table td .bootstrap-select .dropdown-toggle { padding: 10px; } .history-wrap .sec-history .respTable table td .bootstrap-select .dropdown-toggle .caret::after { top: 9px; right: 5px; } .history-wrap .sec-history .respTable table td .bootstrap-select .dropdown-menu, .history-wrap .sec-history .respTable table td .bootstrap-select .dropdown-menu .inner { max-height: 95px !important; min-height: 95px !important; } .history-wrap .sec-history .respTable table td .bootstrap-select .dropdown-menu > li > a { padding: 10px; } .history-wrap .sec-history .respTable table td .input-invoice { height: 36px; line-height: 36px; padding: 10px; } .history-wrap .sec-history .respTable table td .input-box + button { width: 100%; } .history-wrap .sec-history .respTable table td u.txt-ellipsis { display: block; } .history-wrap .sec-history .respTable table td .i-cart { width: 20px; height: 24px; } .history-wrap .sec-history .respTable table td .btn { display: block; min-width: 80px; height: initial; line-height: initial; padding: 4px 8px; margin: 4px auto; font-size: var(--font12); word-break: break-word; } .history-wrap .sec-history .respTable table:not(.ko) td .btn { min-width: 130px; } .history-wrap .sec-history .respTable table td .btn-download i { font-size: var(--font18); color: var(--primary); } .history-wrap .sec-history .respTable table td[data-label="TXID"] a { width: 30px; height: 30px; line-height: 30px; background-color: var(--gray11); border-radius: 50%; } .history-wrap .sec-history .respTable table td[data-label="TXID"] i { vertical-align: baseline; } .history-wrap .sec-history .table-bottom button { margin: 2px; } @media all and (max-width : 640px ) { .history-wrap .sec-history .table-top { flex-direction: column; align-items: flex-start; } } .history-detail-wrap .section:not(:last-child):has(.sec-tit) { margin-bottom: 40px; } .history-detail-wrap .h3-tit { margin-bottom: 16px; } .history-detail-wrap .published-item .order-info { display: flex; gap: 10px; font-size: var(--font13); color: var(--gray04); padding: 10px; margin-bottom: 10px; border-radius: var(--radius10); background-color: var(--gray13); } .history-detail-wrap .published-item .order-info strong { color: var(--gray02);} .history-detail-wrap .published-item .order-info span::after { display: inline-block; content: ""; width: 1px; height: 10px; margin: 0 5px; background-color: var(--gray08); } .history-detail-wrap .published-item .order-state { text-align: center; margin-bottom: 5px; } .history-detail-wrap .respTable table td .item-txt { text-align: left; } .history-detail-wrap .dl-wrap { border-top-color: var(--black); } .history-detail-wrap .dl-line { font-size: var(--font14); } .history-detail-wrap .dl-line dt { width: 20%; max-width: 150px; } .history-detail-wrap .dl-line dd .label-st-o ul { flex-wrap: wrap; gap: 5px 30px; } .history-detail-wrap .dl-line dd .label-st-o ul li { flex: 0 0 auto; } .history-detail-wrap .sec-payment .dl-line b { font-size: var(--font16); margin-right: 16px; } .history-detail-wrap .sec-payment .dl-line em { font-size: var(--font20); margin-right: 16px; } .history-detail-wrap .sec-payment .dl-line b.minus { color: var(--primary); } .history-detail-wrap .sec-return .file-box-flex { gap: 12px; } .history-detail-wrap .sec-return .form-basic { margin-bottom: 5px; } .history-detail-wrap .sec-destination strong { display: inline-block; font-size: var(--font14); } .history-detail-wrap .line-bar::after { content:""; display: inline-block; width: 1px; height: 10px; margin: 0 5px; background-color: var(--gray08); } .history-detail-wrap .respTable .tbl-etc .btn { max-width: 136px; min-width: 80px; height: initial; line-height: initial; padding: 4px 18px; } @media all and (max-width : 480px ) { .history-wrap .published-item .order-state { text-align: left; } .history-detail-wrap .published-item .order-info { flex-direction: column; gap: 5px; } } /* my page *//* history modal */ #searchHistory .modal-body .form-basic .input-box input.calendar { background-position: 93% 50%; } #searchHistory .modal-body .history-period { gap: 6px; } #searchHistory .modal-body .history-period button { width: 25%; padding: 0 8px; } #searchHistory .modal-body .history-filter { gap: 16px; } #searchHistory .modal-body .bootstrap-select .dropdown-menu { top: auto; bottom: 100%; } #returnReason .modal-body .attach-img-list { display: flex; gap: 12px; } #writeReview .modal-body .item-point { display: flex; gap: 60px; } #writeReview .modal-body .file-box-flex { gap: 5px; max-height: 96px; } #writeReview .modal-body .file-box-flex .img-wrap { width: calc(20% - 5px); max-width: 94px;} #writeReview .modal-body .review-guide { font-size: var(--font14); } #writeReview .modal-body > div { padding: 20px 0; margin: 0; border-top: 1px solid var(--gray11); } #writeReview .modal-body > div:last-child { padding-bottom: 0; } #saleCancellation .modal-body .brief { font-size: var(--font14); padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--gray11); } #viewReturn .modal-body .img-list { display: flex; gap: 12px; } #viewReturn .modal-body .img-wrap { max-width: 112px; } @media all and (max-width : 480px ) { #searchHistory .modal-body .history-period { flex-wrap: wrap; } #searchHistory .modal-body .history-period button { width: calc(50% - 3px); } } /* my page *//* coupon */ .coupon-wrap .tab-list-wrap.tab-st-line .tab-list { flex: initial; } .coupon-wrap .respTable table .tbl-no { width: 64px; text-align: center; } .coupon-wrap .respTable table .tbl-tit { width: auto; } .coupon-wrap .respTable table .tbl-tit p { font-weight: var(--font600); } .coupon-wrap .respTable table .tbl-tit span { color: var(--gray06); } .coupon-wrap .respTable table .tbl-count { width: 64px; text-align: center; } .coupon-wrap .respTable table .tbl-period { width: 240px; text-align: center; } @media all and (max-width : 640px ) { .coupon-wrap .tab-list-wrap.tab-st-line .tab-list { flex: 1 1 0; } .coupon-wrap .respTable.table-col table td::before { position: relative; left: initial; padding-right: 4px; } .coupon-wrap .respTable table .tbl-tit::before { display: none; } .coupon-wrap .respTable table td { width: 100% !important; text-align: left !important; } .coupon-wrap .respTable table .tbl-no { display: none; } .coupon-wrap .respTable table .tbl-tit { margin-bottom: 10px; } } /* my page *//* setting */ .setting-wrap .sec-setting .setting-top {} .setting-wrap .sec-setting .setting-top .img-wrap { max-width: 141px; margin: 0 auto; } .setting-wrap .sec-setting .setting-top .user-txt { font-size: var(--font16); text-align: center; margin: 10px 0 30px; } .setting-wrap .sec-setting .setting-top .user-name.user-badge span { max-width: calc(100% - 20px); } .setting-wrap .sec-setting .setting-top .user-name.user-badge::after { width: 16px; height: 16px; } .setting-wrap .sec-setting .dl-wrap dt { width: 25%; max-width: 100px; } .setting-wrap .sec-setting .dl-wrap dd { word-break: break-all; } .setting-wrap .sec-setting .dl-wrap dd .btn { flex: 0 0 auto; min-width: 100px; margin-left: 10px; } .setting-wrap .sec-setting .dl-wrap dd .pw-dot { font-size: var(--font28); font-weight: var(--font600); letter-spacing: 1px; user-select: none; } .setting-wrap .sec-setting .member-remove a { font-size: var(--font14); text-decoration: underline; } @media all and (max-width : 768px ) { .setting-wrap .sec-setting .setting-top .img-wrap { max-width: 125px; margin: 0 auto; } } @media all and (max-width : 480px ) { .setting-wrap .sec-setting .setting-top .img-wrap { max-width: 110px; margin: 0 auto; } .setting-wrap .sec-setting .dl-wrap dl { flex-direction: column; justify-content: flex-start; } .setting-wrap .sec-setting .dl-wrap dt, .setting-wrap .sec-setting .dl-wrap dd { width: 100%; max-width: 100%; } .setting-wrap .sec-setting .dl-wrap dd.flex-side { flex-direction: column; align-items: flex-start; gap: 8px; } .setting-wrap .sec-setting .dl-wrap dd .btn { margin: 0; } .setting-wrap .sec-setting .dl-wrap dd .pw-dot { height: 18px; font-size: var(--font20); } } /* my page *//* notification */ .notification-wrap .respTable table td { padding: 18px 23px; } .notification-wrap .respTable table .tbl-date { width: 150px; text-align: right; } .notification-wrap .respTable table .new .tbl-tit a { position: relative; } .notification-wrap .respTable table .new a::after { position: absolute; top: 4px; left: -8px; content:""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--primary); } @media all and (max-width : 640px ) { .notification-wrap .respTable table td, .notification-wrap .respTable table .tbl-date { width: 100% ; padding: 3px 13px; text-align: left; } } /* community *//* notice */ .notice-wrap .new .tbl-tit a::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 3px; vertical-align: middle; background: url('/assets/img/common/icon_new.svg') no-repeat center center; } @media all and (max-width : 640px ) { .notice-wrap .respTable table td { width: 100% !important; padding: 3px; } } /* community *//* faq */ .faq-wrap .faq-sort { margin-bottom: 25px; } .faq-wrap .faq-sort ul { display: flex; align-items: center; gap: 4px; } .faq-wrap .faq-sort ul li button { font-size: var(--font14); padding: 16px; border-radius: var(--radius20); } .faq-wrap .accordion {} .faq-wrap .accordion-head { font-weight: var(--font400); } .faq-wrap .accordion-item.active .accordion-head { font-weight: var(--font600); } .faq-wrap .accordion-body-cnt { font-size: var(--font14); padding: 20px; background-color: var(--gray13); } @media all and (max-width : 640px ) { .faq-wrap .accordion-head { padding: 14px 0; } .faq-wrap p::after { top: 14px; } .faq-wrap .accordion-body-cnt { padding: 12px 8px; } } /* community *//* inquiry */ .inquiry-wrap .respTable table .tbl-group { width: 140px; } .inquiry-wrap .respTable table .tbl-tit a { font-weight: var(--font500); } .inquiry-wrap .brd-w-wrap { border-top: 1px solid var(--gray10); } .inquiry-wrap .brd-r-wrap .brd-body .brd-attach ul.brd-img .img-box { cursor: pointer; } .inquiry-wrap .brd-r-wrap .brd-admin-reply { padding: 40px 30px; background-color: var(--gray13); line-height: 1.35; } .inquiry-wrap .brd-r-wrap .brd-admin-reply .reply-state { margin-bottom: 10px; font-size: var(--font14); color: var(--gray05); } .inquiry-wrap .brd-r-wrap .brd-admin-reply .reply-state span { display: inline-block; padding: 7px 16px; margin-right: 10px; border-radius: var(--radius16); background-color: var(--gray06); font-size: var(--font13); color: var(--white); } .inquiry-wrap .brd-w-wrap .file-box label { width: 100%; max-width: 400px; margin-bottom: 5px; } .inquiry-wrap .brd-w-wrap .btn-box .btn { max-width: 255px; } @media all and (max-width : 640px ) { .inquiry-wrap .respTable table td { width: 100% !important; padding: 3px; } .inquiry-wrap .respTable table td:nth-child(1)::before, .inquiry-wrap .respTable table td:nth-child(4)::before { position: relative; padding-right: 8px; } .inquiry-wrap .brd-r-wrap .brd-admin-reply { padding: 30px 23px; margin-top: 25px; } .inquiry-wrap .brd-r-wrap .brd-admin-reply .reply-state span { padding: 6px 13px; margin-right: 5px; border-radius: var(--radius16); } .inquiry-wrap .brd-w-wrap .file-box label { max-width: 100%; } .inquiry-wrap .brd-w-wrap .btn-box .btn { max-width: 100%; } } /* community *//* event */ .event-wrap .table-top .select-wrap { width: 100%; max-width: 150px; } .event-wrap .event-list { margin-top: 25px; } .event-wrap .event-list ul { display: flex; flex-wrap: wrap; gap: 35px; } .event-wrap .event-list ul li { position: relative; width: calc(33.33% - 24px); } .event-wrap .event-list ul li a { width: 100%; } .event-wrap .event-list .event-end { position: absolute; top: 0; right: 0; padding: 4px 5px 0; } .event-wrap .event-list .event-end p { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; font-size: var(--font13); color: var(--white); background-color: rgba(0,0,0,0.3); } .event-wrap .event-list .tit { font-size: var(--font16); margin: 15px 0 5px; } .event-wrap .event-list .period { font-size: var(--font13); color: var(--gray05); } .event-wrap .respTable { margin-top: 10px; } .event-wrap .respTable .tbl-period { width: 220px; } .event-wrap .respTable td.tbl-date { color: var(--gray02); } @media all and (max-width : 768px ) { .event-wrap .table-col table thead { display: none; } .event-wrap .table-col table tr { display: block; width:100%; padding: 8px 0; } .event-wrap .table-col table td { position: relative; display: block; width:100% !important; padding:1px; border:none; text-align: left; } .event-wrap .respTable table td { width: 100% !important; padding: 3px; } .event-wrap .respTable table td:nth-child(2)::before, .event-wrap .respTable table td:nth-child(3)::before { position: relative; padding-right: 8px; } } @media all and (max-width : 640px ) { .event-wrap .event-list ul { gap: 20px; } .event-wrap .event-list ul li { width: calc(50% - 10px); } .event-wrap .event-list .tit { margin: 10px 0 2px; } } @media all and (max-width : 320px ) { .event-wrap .event-list ul li { width: 100%; } } /* community *//* report */ .report-wrap .respTable table td { padding: 9px 10px; } .report-wrap .respTable table tr:hover td:last-child { color: var(--primary); } /* community *//* report modal */ #reportAnswer .modal-body .answer { padding: 20px 10px; background-color: var(--gray13); } #reportAnswer .modal-body .answer p { font-size: var(--font13); color: var(--gray05); margin-bottom: 10px; } #reportAnswer .modal-body .answer p span { display: inline-block; color: var(--white); padding: 8px 16px; margin-right: 10px; border-radius: var(--radius16); background-color: var(--gray06); } @media all and (max-width : 640px ) { .report-wrap .table-col table td { width: 100% !important; padding: 2px 5px; } } /* policy */ .policy-wrap .policy-top { margin-bottom: 20px; } .policy-wrap .policy-top .sec-tit-wrap { align-items: flex-start; } .policy-wrap .policy-top .bootstrap-select { max-width: 180px; } .policy-wrap .policy-top span { color: var(--gray07); } .policy-txt { font-size: var(--font14); color: var(--gray04); word-break: keep-all; } .policy-txt h6 { font-size: var(--font14); color: var(--gray02); } .policy-txt h6 + p { margin-top: 25px; } .policy-txt h6:not(:first-child) { margin-top: 45px; } .policy-txt em { margin-top: 25px; } .policy-txt ul li { padding-left: 10px; } .policy-txt ul li::before { display: inline-block; content:"·"; } .policy-txt .list-depth1 { padding-left: 1rem; } .policy-txt .list-depth2 { padding-left: 1.5rem; } .policy-txt .respTable { margin-top: 10px; } .policy-txt .respTable.table-row table { min-width: 490px; word-break: break-word; } .list-business .list-business-wrap {display:flex; gap:40px;} .list-business .list-business-wrap .event_banner_col {width:298px; height:430px; border-radius: 16px; overflow: hidden; flex-shrink: 0;} .list-business .list-business-wrap .event_banner_col img {width:100%; height:100%; object-fit: cover;} .list-business .list-business-wrap .list-inner {width:calc(100% - 338px + 4%);} .list-business .item_list_type2 ul {display:flex; flex-wrap: wrap; gap:30px;} .list-business .item_list_type2 ul li {width:calc(100% / 2 - 15px);} .item_list_type2 > ul > li {position: relative;} .item_list_type2 > ul > li > a {display:flex; overflow: hidden; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); border-radius: 16px;} .item_list_type2 > ul > li > a .img_wrap {width:200px; flex-shrink: 0; position: relative; border-radius: 0 15px 15px 0; overflow: hidden;} .item_list_type2 > ul > li > a .img_wrap .img_box {position: relative; aspect-ratio: 1 / 1;} .item_list_type2 > ul > li > a .img_wrap .img_box img {width:100%; height:100%; object-fit: cover;} .item_list_type2 > ul > li > a .item_info_box {padding:20px 16px; width:calc(100% - 200px);} .item_list_type2 > ul > li > a .item_name {padding-bottom:16px;} .item_list_type2 > ul > li > a .item_name .sort {margin-bottom:8px;} .item_list_type2 > ul > li > a .item_name .sort span {display:inline-block; height:30px; line-height: 30px; border-radius: 12px; background:#ebebeb; text-align: center; padding:0 12px; font-size:13px;} .item_list_type2 > ul > li > a .item_txt {display:flex; justify-content: space-between; font-size:16px;} .item_list_type2 > ul > li > a .item_txt .discount_info dt {font-size:12px; color:#82838b; text-decoration: line-through; margin-bottom:5px;} .item_list_type2 > ul > li > a .item_txt .discount_info dd {color:var(--primary); font-weight: bold; font-size:18px;} .item_list_type2 > ul > li > a .item_txt .price_info {text-align: right} .item_list_type2 > ul > li > a .item_txt .price_info dt {font-size:12px; margin-bottom:5px; } .item_list_type2 > ul > li > a .item_txt .price_info dd {font-weight: bold; font-size:18px;} .item_list_type2 > ul > li > a .item_txt .price_info dd span {font-weight: normal;} .item_list_type2 > ul > li > a .item_value {display:flex; padding-top:10px; border-top:1px solid #ebebeb; margin-top:10px;} .item_list_type2 > ul > li > a .item_value > div {display:flex; align-items: center; gap:5px;} .item_list_type2 > ul > li > a .item_value > div > span {font-size:13px;} .item_list_type2 > ul > li > a .item_score i {display:inline-block; width:16px; height:16px; background:url("/assets/img/common/icon-star-full-16-s.svg")no-repeat center;} .item_list_type2 > ul > li > a .item_score:after {content:''; width:4px; height:4px; display:inline-block; background:#c1c2c7; border-radius: 50%; margin:0 5px;} .item_list_type2 > ul > li > a .item_pick i {display:inline-block; width:16px; height:16px; background:url("/assets/img/common/icon-heart-s-black.svg")no-repeat center;} @media all and (max-width :1280px ) { .list-business .list-business-wrap .event_banner_col {display:none;} .list-business .list-business-wrap .list-inner {width:calc(100% + 2%);} .list-business .list-business-wrap ul {gap:0;} /*.item_list_type2 {width:calc(100% + 4%);}*/ .list-business .item_list_type2 > ul {flex-wrap: nowrap !important; width:calc(100%); margin:-1%; padding:1%;} /*.list-business .item_list_type2 > ul > li {width:100%;}*/ .list-business .item_list_type2 > ul > li > a .item_info_box {width:calc(100% - 110px);} .list-business .item_list_type2 > ul > li > a .img_wrap {width:110px; padding:10px 0px 10px 10px; flex-shrink: 0} .list-business .item_list_type2 > ul > li > a .img_wrap .img_box {border-radius: 20px; overflow:hidden;} .list-business .item_list_type2 > ul > li > a .item_info_box {padding:10px;} .list-business .item_list_type2 > ul > li > a .item_name .sort {margin-bottom:4px;} .list-business .item_list_type2 > ul > li > a .item_name {padding-bottom:8px;} .list-business .item_list_type2 > ul > li > a .item_txt .discount_info dd {font-size:12px;} .list-business .item_list_type2 > ul > li > a .item_txt .price_info dd {font-size:14px;} .list-business .item_list_type2 > ul > li > a .item_value {position: absolute; bottom:10px; left:10px; width:calc(100% - 20px);} .list-business .item_list_type2 > ul > li > a {position: relative; padding-bottom:36px;} } /* 메인하단 공지 */ .sec_main_notice .main_notice_wrap {display:flex; gap:40px;} .sec_main_notice .notice_info {border-top:1px solid #c1c2c7;} .sec_main_notice .notice_info .notice_box {width:100%; padding:30px 0; display:flex; gap:10px; align-items: center; font-size:16px;} .sec_main_notice .notice_info .notice_box i { flex: 0 0 auto; width:48px; height:48px; background:var(--primary) url("/assets/img/main/icorn-notice.svg")no-repeat center; border-radius: 50%;} .sec_main_notice .notice_info .notice_box p { width: calc(100% - 50px); } .sec_main_notice .notice_info .quick_menu {display:flex; gap:20px; margin-top:10px;} .sec_main_notice .notice_info .quick_menu .btn_event .info {display:flex; justify-content: center; gap:10px; background:#ebebeb; border-radius: 20px 20px 0 0; width:410px; height:121px; align-items: center;} .sec_main_notice .notice_info .quick_menu .btn_event .info i {width:48px; height:48px; background:#3d54dc url("/assets/img/main/icon-event.svg")no-repeat center; border-radius: 50%;} .sec_main_notice .notice_info .quick_menu .btn_event .btn_cont {background:#55565b; border-radius: 0 0 20px 20px; height:56px; line-height: 56px; color:#fff; text-align: center;} .sec_main_notice .notice_info .quick_menu .btn_app_down .info {display:flex; justify-content: center; flex-direction: column; gap:10px; background:#f5f5f5; border-radius: 20px 20px 0 0; width:410px; height:121px; align-items: center;} .sec_main_notice .notice_info .quick_menu .btn_app_down .btn_cont {background:#4545c1; border-radius: 0 0 20px 20px; height:56px; line-height: 56px; color:#fff; text-align: center;} .sec_main_notice .notice_info .quick_menu .btn_cont span:after {content:''; margin-left:8px; display:inline-block; vertical-align: middle; width:16px; height:16px; background:url("/assets/img/main/icon-right-16-s.svg")no-repeat center -1px ;} .sec_main_notice .cs_info {border-top:1px solid #1a1a1a; width:100%; max-height:296px;} .sec_main_notice .cs_info .info {padding:40px 0;} .sec_main_notice .cs_info .info h4 {font-size:16px;} .sec_main_notice .cs_info .cs_tel_num {font-size:34px; font-weight: bold; margin:24px 0 16px; height:40px;} .sec_main_notice .cs_info .support {font-size:14px;} .sec_main_notice .cs_info .support .tit {font-weight: bold;} .sec_main_notice .cs_info .btn_cs {display:flex; gap:8px;} .sec_main_notice .cs_info .btn_cs a {display:block; width:100%; height:56px; line-height: 56px; border-radius: 20px; border:1px solid #1a1a1a; text-align: center; font-weight: bold;} @media all and (max-width : 1280px ) { .sec_main_notice .main_notice_wrap {flex-direction: column; padding:5px 16px 15px;} .sec_main_notice .notice_info .quick_menu {width:100%; flex-direction:column; gap:10px; margin-top:0;} .sec_main_notice .notice_info .notice_box {padding:20px 0 10px; font-size:14px;} .sec_main_notice .notice_info .notice_box i {width:40px; height:40px;} .sec_main_notice .notice_info .quick_menu .btn_event .info {display:none;} .sec_main_notice .notice_info .quick_menu .btn_cont {text-align: left !important; padding:0 20px; height:72px !important;; line-height: 72px !important;} .sec_main_notice .notice_info .quick_menu .btn_event .btn_cont {border-radius: 20px;} .sec_main_notice .notice_info .quick_menu .btn_app_down .info {display:none;} .sec_main_notice .notice_info .quick_menu .btn_app_down .btn_cont {border-radius: 20px;} .sec_main_notice .notice_info .quick_menu .btn_event .btn_cont span:before {content:''; display:inline-block; vertical-align: middle; width:40px; height:40px; background:#3d54dc url("/assets/img/main/icon-r-event.svg")no-repeat center; border-radius: 50%; margin-right:10px;} .sec_main_notice .notice_info .quick_menu .btn_app_down .btn_cont span:before {content:''; display:inline-block; vertical-align: middle; width:60px; height:25px; background:url("/assets/img/main/piki-logo-ff.svg")no-repeat center; margin-right:10px;} .sec_main_notice .cs_info .info {padding:25px 0 20px;} .sec_main_notice .cs_info .cs_tel_num {margin:16px 0 10px; font-size:30px;} } @media all and (max-width :780px ) { .list-business .list-inner ul {grid-template-columns:repeat(2, 100%);} .sec_main_notice .notice_info .quick_menu .btn_cont { height: 60px !important; line-height: 62px !important; } } @media all and (max-width: 480px) { .sec_main_notice .notice_info .quick_menu .btn_cont { padding: 0 12px; } .sec_main_notice .notice_info .quick_menu .btn_cont span:after { margin-left: 4px; } .sec_main_notice .notice_info .quick_menu .btn_event .btn_cont span:before { width: 32px; height: 32px; background-size: 20px; } .sec_main_notice .notice_info .quick_menu .btn_app_down .btn_cont span:before { width: 50px; background-size: 40px; } .sec_main_notice .cs_info .btn_cs a { height:48px; line-height: 48px; } } .sub-basic .mypage-lnb {width:240px; flex-shrink: 0;} .sub-basic .mypage-lnb > h2 {text-align: center; font-size:24px; margin-bottom:16px;} .sub-basic .mypage-lnb .lnb-inner {border:1px solid #dedfe4; border-radius: 20px; padding:20px 16px;} .sub-basic .mypage-lnb .lnb-inner > ul > li > a {display:flex; justify-content: space-between; align-items: center; height:48px; line-height: 48px;} .sub-basic .mypage-lnb .lnb-inner > ul > li:not(:last-child) > a {border-bottom:1px solid #dedfe4;} /*.sub-basic .mypage-lnb .lnb-inner > ul > li > a:after {content:''; display:block; width:16px; height:16px; background:url("/assets/img/common/icon-r-go.svg")no-repeat center;}*/ .sub-basic .mypage-lnb .lnb-inner > ul > li.on > a, .sub-basic .mypage-lnb .lnb-inner > ul > li:hover > a {color:var(--primary); font-weight: bold;} .sub-basic .mypage-lnb .lnb-inner .lnb-depth2 {background:var(--gray13);} .sub-basic .mypage-lnb .lnb-inner .lnb-depth2 > ul > li > a {display:block; height:40px; line-height: 40px; padding:0 16px; border-bottom:1px solid var(--gray11); color:var(--gray04);} .sub-basic .mypage-lnb .lnb-inner .lnb-depth2 > ul > li.on > a, .sub-basic .mypage-lnb .lnb-inner .lnb-depth2 > ul > li:hover > a {color:var(--primary); } @media all and (max-width : 1280px ) { .sub-basic .mypage-lnb {display:none;} .mint-wrap .section-inner .side-cnt, .gallery-wrap .section-inner .side-cnt, .series-wrap .section-inner .side-cnt, .history-wrap .section-inner .side-cnt, .trading-wrap .section-inner .side-cnt, .wallet-wrap .section-inner .side-cnt, .setting-wrap .section-inner .side-cnt, .section-inner .side-cnt {width:100%} .side-cnt {padding:0;} } .sec-myprd .btn_prd_mng {display:flex; justify-content: center; gap:40px; margin-top:62px;} .sec-myprd .btn_prd_mng .btn_list { flex: 1 1 0; border:1px solid #dedfe4; padding:40px 20px 24px; border-radius: 20px;} .sec-myprd .btn_prd_mng .btn_list > div {display:flex; flex-direction: column; align-items: center; text-align: center; /*width:264px;*/} .sec-myprd .btn_prd_mng .btn_list > div > span {display:block; font-size:var(--font20); margin:20px 0 10px; font-weight: bold;} .sec-myprd .btn_prd_mng .btn_list > div > p {font-size:var(--font14); min-height:37px;} .sec-myprd .btn_prd_mng .btn_list > a {display:block; margin-top:40px; width:100%; height:56px; line-height: 56px; border-radius: 20px; text-align: center; background:#1a1a1a; color:#fff; font-size:16px;} .sec-myprd .section-tit {border-bottom:1px solid #1a1a1a; padding-bottom:10px; font-weight: bold;} @media all and (max-width : 780px ) { .sec-myprd .btn_prd_mng {margin-top:0; flex-direction: column; padding:0 16px; gap:20px;} .sec-myprd .btn_prd_mng .btn_list > div {width:100%;} .sec-myprd .btn_prd_mng .btn_list > div > p {min-height: auto;} .sec-myprd .btn_prd_mng .btn_list > a {margin-top:20px;} } /* 상품 다중 등록 */ .prd-regi-detail > .tab-wrap {display:flex;margin-bottom:20px; } .prd-regi-detail > .tab-wrap .tab-list {width:50%; height:56px; border:1px solid #dedfe4; border-width:1px 0; line-height:56px; text-align: center; font-size:16px; cursor: pointer; font-size:var(--font18)} .prd-regi-detail > .tab-wrap .tab-list.current {background:#fff; border-bottom:2px solid var(--black);} .prd-regi-top {display:flex; justify-content: space-between; align-items: center; margin-bottom:10px;} .prd-regi-top .left {display:flex; gap:8px; align-items: center} .prd-regi-top .left .total {margin-left:12px;} .prd-regi-top .right {display:flex; gap:8px; align-items: center} .tblWrap {position: relative; } .tblWrap > table {width: 100%; table-layout: fixed;border: 1px solid #dedfe4;} .tblWrap > table .divHead {width:100%; overflow-x: hidden;overflow-y: hidden; border-top: 2px solid var(--black);} .tblWrap > table .tblHead {width:100%; table-layout: fixed;background-color:#f5f5f5; padding-top: 4px;height: 30px;border-collapse: collapse; word-break: break-word;} .tblWrap > table .divBody {position: relative; width: 100%; max-height: 550px; overflow-x: auto;overflow-y:scroll; border-top: 1px solid #d0d0d0;} .tblWrap > table .tblBody {width:100%; table-layout: fixed;height: 30px;} .tblWrap > table .tblHead tr td {text-align: center; font-weight: bold; border-left:1px solid #d0d0d0; padding:16px 8px; font-weight: normal;} .tblWrap > table .tblHead tr td:last-child {border-left:none;} .tblWrap > table .tblBody tr td {border-left: 1px solid #dedfe4; border-bottom: 1px solid #dedfe4; text-align: center; overflow: hidden; padding:12px 8px;} .tblWrap > table .tblBody tr:last-child td {border-bottom:none;} .tblWrap > table .tblHead tr td:first-child, .tblWrap > table .tblBody tr td:first-child {border-left:none;} .tblWrap > table .tblBody tr td .prd_img {display:inline-block; width:84px; height:84px; border-radius: 16px; background:#ebebeb; vertical-align: middle;} .tblWrap > table .tblBody tr:hover td {background:#f5f7f9;} .tblWrap > table .tblBody .no-image .img-box p img {width:24px; height:24px;} .tblWrap > table ::-webkit-scrollbar-track {background:#f5f5f5 !important;} .tblWrap > table .divBody::-webkit-scrollbar {width:10px !important; height:10px !important;} .tblWrap > table .tblBody tr:hover td.nodata {background:#fff;} .tblWrap > table .tblBody tr td.nodata {height:500px;} .tblWrap .div_nodata {position: absolute; top:59px; left:0; width:100%; height:calc(100% - 58px - 20px);} .tblWrap .div_loading_bar{position: absolute; top:59px; left:0; width:100%; height:calc(100% - 58px - 20px);} .tblWrap .div_loading_bar .progress_wrap {position: absolute; top:calc(50% - 10px); left:calc(50% - 240px); } .tblWrap .div_nodata p {position: absolute; display:flex; width:100%; height:100%; justify-content: center; align-items: center;} .mb_notice {display:none;} .progress {background:#f5f5f5; width:480px; height:20px; border-radius:10px; overflow: hidden} .progress-bar { height:100%; background-color: var(--primary); border-radius: 0 10px 10px 0; } @media all and (max-width : 1280px ) { } @media all and (max-width : 1000px ) { #multi .prd-regi-top, #multi .tblWrap, #series .prd-regi-top, #series .tblWrap, #single .mint-form {display:none;} .mb_notice {display:flex; width:100%; background:var(--gray13);} .mb_notice p { margin:114px 0; text-align: center; width:100%;} } #series_form .h4-tit, .gallery-form .h4-tit, #mint_form .h4-tit { font-weight: var(--font800); background:rgba(61, 84, 220, 0.08); border-radius: 16px; padding:19px 16px; margin-bottom:16px !important; margin-top:36px;} #mint_form .input-box .bootstrap-select .dropdown-toggle {background:#f5f5f5; border:1px solid #dedfe4;} #mint_form .form-basic .input-flex-three .bootstrap-select { max-width:100%;} #mint_form .form-basic .input-mint-count .select-wrap { flex: 0 0 auto; width: 50%; max-width: 386px; } /*.mint-form form .input-basic input{}*/ #mint_form .form-basic .w-guide {font-size:var(--font13); color:var(--gray07); margin-bottom:10px;} /*.mint-form form .form-basic .checks {display:flex; gap:24px;}*/ /*.mint-form form .form-basic .checks label {padding-left:30px;}*/ #mint_form .search-calendar input {width:100% !important; max-width: initial !important; background-position: 98%, 50% !important;} #mint_form .table-basic table {width:100%; text-align: left;} #mint_form .table-basic table tr {border-bottom:1px solid var(--white); font-size:14px;} #mint_form .table-basic table tr th {background:#ebebeb; border-right:1px solid var(--white); padding:12px 16px; font-weight: normal;} #mint_form .table-basic table tr td {background:#f5f5f5; padding:12px 16px;} #mint_form .agree-wrap ul li {border:1px solid #c1c2c7; border-radius: 16px; padding:24px 20px;} #mint_form .agree-wrap ul li a {text-decoration: none; display:flex; align-items: center; gap:4px;} #mint_form .agree-wrap ul li a:after {content:'';display:inline-block; width:16px; height:16px; background:url("/assets/img/common/icon-r-go.svg")no-repeat center;} .form-basic .input-total {border-top:1px solid #c1c2c7; width:100%; display:flex; justify-content: space-between; align-items: center; margin-top:10px; padding:16px 0;} .form-basic .input-total span {font-size:16px;} .form-basic .input-total b {font-size:16px; font-weight: bold; color:var(--primary)} /*.mint-form form .img-wrap {}*/ .best-wrap {padding:40px 0;} .best-wrap .h3-tit {font-size: var(--font30); font-weight: bold; text-align: center; padding:0 0 40px;} .best-wrap .h3-tit b {color:var(--primary)} .best-wrap .top_best_list {background:var(--primary_op6); padding:40px 0 60px;} .best-wrap .top_series_list {background:rgba(61, 84, 220, 0.06); padding:40px 0 60px;} .best-wrap .top_series_list .list-inner > ul > li {box-shadow: none} .best-wrap .top_series_list .list-inner .img-box {padding-top:34%;} .best-wrap .top_series_list .list-inner .img-wrap {max-width:none;} /*.sub-basic .list-ul { gap:40px; flex-wrap: wrap; !*justify-content: space-*!}*/ /*.sub-basic .list-ul > li {max-width:290px; width:calc(100% / 4 - 15px);}*/ .sub-basic .swiper-best ul {flex-wrap: nowrap; gap:0;} .sub-basic .top_best_list .swiper-button-next, .sub-basic .top_best_list .swiper-button-prev{position: absolute;background:rgba(0,0,0,0.3); border-radius: 50%; flex-shrink: 0; width:64px; height:64px; margin-top:0; right:initial; color:#fff; font-weight: bold; font-size:20px; left:-35px} .sub-basic .top_best_list .swiper-button-next {right:-35px !important; left:auto;} .sub-basic .top_series_list .swiper-button-next, .sub-basic .top_series_list .swiper-button-prev{position: absolute;background:rgba(0,0,0,0.3); border-radius: 50%; flex-shrink: 0; width:64px; height:64px; margin-top:0; right:initial; color:#fff; font-weight: bold; font-size:20px; left:-35px} .sub-basic .top_series_list .swiper-button-next {right:-35px !important; left:auto;} .sub-basic .best_100 {padding:60px 0;} .sub-basic .series_list {padding:60px 0;} .sub-basic .best_100 ul {display:flex; flex-wrap:wrap; gap:40px;} .sub-basic .best_100 ul > li {width:calc(100% / 4 - 30px); height: initial; } .sub-basic .best_100 ul > li .best-lanking {position: absolute; left:10px; top:10px; background:var(--primary_op8); color:var(--white); border-radius: 12px;; height:32px; line-height: 32px; padding:0 12px; font-size: var(--font13)} @media all and (max-width : 1400px ) { .top_series_list .best_list_wrap { padding: 0 30px; } .sub-basic .series_list { padding: 40px 0; } .sub-basic .top_series_list .swiper-button-next, .sub-basic .top_series_list .swiper-button-prev { width: 48px; height: 48px; } .sub-basic .top_series_list .swiper-button-next { right: 4px !important; } .sub-basic .top_series_list .swiper-button-prev { left: 4px; } } @media all and (max-width : 1280px ) { .best_list_wrap {padding:0 16px;} .best-wrap .h3-tit {font-size: var(--font24); padding:0 0 20px} .best-wrap .top_best_list {padding:20px 0 30px;} .sub-basic .top_best_list .swiper-button-next, .sub-basic .top_best_list .swiper-button-prev {width:32px; height: 32px; font-size:12px; left:0;} .sub-basic .top_best_list .swiper-button-next {right:0 !important; left:auto;} .sub-basic .best_100 {padding:30px 16px;} .sub-basic .best_100 ul { gap:20px;} .sub-basic .best_100 ul li {width:calc(100% / 3 - 14px);} .best-wrap .top_series_list { padding: 30px 0 45px; } } @media all and (max-width : 640px ) { #mint_form .form-basic .input-mint-count .select-wrap, #mint_form .form-basic .input-mint-count .select-value { width: 100%; max-width: 100%; } #mint_form .form-basic .bootstrap-select .dropdown-toggle { padding: 10px 12px; } #mint_form .form-basic .bootstrap-select .dropdown-toggle .caret::after { top: 9px; } .sub-basic .best_100 ul { gap:10px;} .sub-basic .best_100 ul li {width:calc(100% / 2 - 5px);} .top_series_list .best_list_wrap { padding: 0 16px; } .sub-basic .top_series_list .swiper-button-next, .sub-basic .top_series_list .swiper-button-prev { width: 32px; height: 32px; font-size: 10px; } .sub-basic .top_series_list .swiper-button-next { right: 0 !important; } .sub-basic .top_series_list .swiper-button-prev { left: 0; } } .select-btn-box {display:flex; gap:20px; align-items: center; margin-right: auto;} /*.gallery-thumb-main {width:672px; overflow: hidden}*/ .gallery-thumbs .img-box {border:1px solid transparent;} .swiper-slide-thumb-active .img-box {border:1px solid var(--black);} .gallery-thumbs ul li {height: auto;}