@charset 'utf-8';
/* contents_cont 기본 설정 */
.contents_cont {margin: 50px auto; padding: 32px 0 50px; }

/********************************** Market **********************************/
/* market > market_main */
.contents_cont.market_main {padding-bottom: 0;}
.nft_item_list  {flex-wrap: wrap; padding: 0 20px 20px;}
.nft_item_list.market {min-height: calc(100vh - 352px); padding: 0 10px 20px;}
.nft_item_list .nft_item{width: calc(50% - 5px); margin-bottom: 20px;}
.nft_item_list .nft_item:last-child{margin-bottom: 0;}
.nft_item_list .nft_item a {display: block; width:100%; min-width:172px;}
.nft_item .nft_img{width: calc(50vw - 24px); height: calc(50vw - 24px); max-width: 385px; max-height: 385px; overflow: hidden;}
.nft_item img{width: 100%; height:100%; object-fit: cover; }
.nft_item a .detail_txt {padding-top:10px; font-size: 14px; font-weight:600;}
.nft_item .sale_now{font-size: 10px;}
.nft_item .detail_txt > span {font-size: 12px;}
.sale_now {display: inline-block; padding: 4px 8px; margin-bottom: 10px; border-radius: 5px; background-color: var(--light-gray); font-size: 14px; font-weight: 400;}
/* .detail_txt p:nth-child(n+2) {padding-bottom: 10px;} */
.detail_txt p.author {/*padding: 10px 0;*/ font-size: 14px; font-weight: 400;}
.bottom_txt li p.sale_price {color: var(--orange); font-size: 16px; font-weight: 800;}
.guide_txt {padding: 20px; background-color: var(--light-gray); color:var(--black); font-size: 14px; line-height: 24px;text-align: justify;}
.bottom_line{border-bottom:1px solid var(--line);}
.top_line{border-top:1px solid var(--line);}

/* market > market_detail */
.market_detail {margin-bottom:0; padding-bottom: 0; background-color: var(--light-gray); padding-top: 0; }
.nft_info { background-color: #fff;}
.layer_bar {display: block; width:40px; height:4px; margin:0 auto 28px; border-radius: 2px; background-color: var(--light-gray);}
.top_txt {padding:30px 20px; color: var(--black);}
.info_tab {position: relative; padding: 0;}
.info_tab li {width:50%; padding: 14px 0; font-size: 18px; font-weight: 400; text-align: center; border-bottom:1px solid var(--light-gray); color: var(--inactive); cursor: pointer;}
.info_tab li.active {color: var(--black); font-weight: 800;}
.info_tab li.active_tab_bar {position: absolute; left:0%; bottom:-1.5px; width:50%; height:3px; padding: 0; background-color: var(--black);}

/* 컬렉션 정보 */
.collection_info.tab_li {padding-top: 0;}
.bottom_txt {position: relative; padding: 30px 0;}
.bottom_txt.collection_detail {padding-bottom: 0;}
.bottom_txt li p{font-size: 14px; color: var(--black); text-align: justify;}
.bottom_txt li p.title {text-align: left;}
.creator_info {padding: 30px 20px; border-top: 1px solid var(--light-gray);}
.author_profile_img, .profile_img.seller  {width: 64px; height: 64px; border-radius: 50%; background-color: var(--light-gray); overflow: hidden;}
.author_profile_img img, .profile_img.seller img {width: 100%; height:100%; object-fit: cover; }
.creator_info h2 { color:var(--black); font-size: 18px;}
.creator_info h3 {width: calc(100% - 84px); margin-left: 20px; font-weight: 800; color:var(--black);}
/* .bottom_txt li span.short_intro */
span.short_intro {display: block; padding-top: 5px; font-size: 14px; font-weight: 600; color: var(--dark-gray);}
.more_author_collection {display: block; padding: 22px 0 22px 26px; margin-top: 40px; background: url(../img/layout/svg/icon_arrow_right.svg) no-repeat right 26px center, var(--light-gray); font-size: 16px; cursor: pointer;}
.more_author_collection span {font-weight: 800;}
/* //컬렉션 정보 */

/* 에디션 목록 */
.edition_list > ul {padding: 0 20px;}
.sales_list.tab_li {padding: 0 20px;}
.filter_list {justify-content: flex-start; padding:0 0 4px;}
.filter_list li {padding:5px 8px; margin-left: 10px; font-size: 14px; color:var(--black); border:1px solid var(--black); border-radius: 8px; cursor: pointer; }
.filter_list li:first-child {margin-left:0;}
.filter_list li.active {color: #fff; background-color: var(--black); }
.collection_list li {border-bottom: 1px solid var(--light-gray);}
.collection_list li a {padding: 16px 0;}
.collection_list li:first-child {padding-top: 0;}
.collection_list li img{width: 80px; height: 80px; object-fit: cover;}
.collection_list .list_item_info p:last-child{padding-top: 0; padding-left:10px; color: var(--black); font-size: 14px; font-weight: 600;}
.list_item_info{width:calc(100% - 90px);}
.list_item_info p{font-weight: 600;}
.list_item_info .fade_font{display: block; padding: 6px 0 2px; color: var(--dark-gray); font-size: 12px; font-weight: 600;}
/* //에디션 목록 */

/* Market 구매 가이드 */
.purchase_guide { margin-top: 30px; color: var(--black); border-top: 1px solid var(--light-gray); font-size: 14px; line-height: 24px;}
.purchase_guide.collection { padding: 0 20px 50px;}
.purchase_guide.edition { padding: 0 20px;}
.purchase_guide h2 {padding: 35px 0 24px; font-size: 18px; font-weight: 800;}

/* 거래 이력 */
.bottom_txt.edition {padding-top: 0;}
.history_list {width: 100%;}
.history_list > li {display: flex; justify-content: space-between; align-items: center; height: 91px; padding: 10px 0 10px 20px; margin-left: 10px; border-left: 2px solid var(--light-gray);}
.history_list > li:last-child {padding-bottom: 10px;}
.history_list .profile_img {width: 33px; height: 33px; border-radius: 50%; overflow: hidden;}
.history_list .profile_img img {width: 100%; height: 100%; object-fit: cover;}
.history_list .profile_img.none {background-color: var(--light-gray); }
.history_list .profile_img.no_history {width: 10px; height: 10px; background-color: var(--black);}
.list_item_info.edition {width: calc(100% - 70px);}
.list_item_info.edition p {font-size: 14px; font-weight: 400;}
.list_item_info.edition p:first-child {padding-bottom: 5px; color:var(--dark-gray); font-size: 12px; font-weight: 600; }
.list_item_info p:last-child {padding-top: 5px; color:var(--orange); font-size: 16px; font-weight: 800; }
li.no_history .list_item_info.edition p {color: var(--black); font-size: 14px; font-weight: 400;}
.bottom_txt li p.short_intro {color: var(--dark-gray); font-weight: 400;}

/* 거래이력이 없는 경우 */
div.no_history {padding:0 0 20px;}
li.no_history{position: relative; left:-24px; bottom:10px; border: none; }
li.no_history .list_item_info{width: calc(100% - 25px);}
/* //거래이력이 없는 경우 */

/* scroll bar */
.scroll_bar {position: absolute; left: 30px; top: 0; height: 66px; width: 2px; background-color: var(--black);}

/* 에디션 정보 */
.edition_info > ul > li{border-bottom: 1px solid var(--line);}
.edition_info > ul > li:first-child {padding: 20px 20px 30px;}
.edition_info > ul > li:nth-child(n+1) {padding: 30px 20px;}
.edition_info > ul > li:last-child {border-bottom:none;}
.edition_info .edition {justify-content: flex-start; padding-bottom: 10px;}
.edition_info .edition:last-child {padding-bottom: 0; border-bottom: none;}
.profile_img {display: block; width: 48px; height: 48px; border-radius: 50%; background-color: var(--light-gray);}
.edition_info h3{padding-bottom: 20px; font-size: 18px; color: var(--black); text-align: left;}
.edition_info p{padding-bottom: 15px;}
.edition_info p span:first-child{width: 110px;}
.profile_txt {padding-left: 10px; font-size: 14px;}
.profile_txt h3 {padding-bottom: 0px; }
.profile_txt p {padding-bottom: 5px;}
.edition_info .more_author_collection.edition {margin-top: 0; margin:0 20px 0; padding-bottom: 20px; font-size: 14px; color: var(--black); font-weight: 800; border-top:none;}

/* 목록 탭 클릭시 해당 탭 영역 show/hide(detail page - 상세페이지 공통 적용) */
.tab_li{position: absolute; top:60px; visibility: hidden; transform: scale(0); transition:top 300ms ease-in-out, opacity 300ms ease-in-out;}
.tab_li.active {position: relative; top:0; opacity:1; visibility: visible; transform: scale(1); }
.tab_li .history_list{padding: 0 20px 75px;}

/* users > creator_detail */
.contents_cont.creator_detail {padding-top: 0;}
.creator_bg {height: 200px; overflow: hidden;}
.creator_bg img {width: 100%;}
.creator_detail .profile_img {width: 128px; height: 128px; margin: -64px auto 0; border: 4px solid #fff; overflow: hidden;}
.creator_detail .profile_img img {height:100%;}
.creator_detail h3 {padding: 15px 0 20px; font-size: 18px; font-weight: 600; text-align: center;}
.creator_detail p {padding: 0 22px 40px; font-size: 14px; font-weight: 400;}
.creator_detail p.short_intro {padding-bottom: 20px; font-weight: 600; text-align: center;}

/********************************** Drops **********************************/
/* drops > drops_main */
.drops_main {padding-top:5px; padding-bottom: 0;}
.drops_main .info_tab li.tab_btn {padding: 20px 0;}
.drops_list_box {padding-top: 30px;}
.drops_list_box .nft_item {width: 100%;}
/* .drops_list_box .nft_item a {padding: 0 10px;} */
.drops_list_box .nft_item .nft_img {position: relative; width: 100%; height:300px; max-width: unset; max-height: unset;}
.nft_status {position: absolute; top:10px; left:10px; width: 74px; height: 32px; background-color: var(--black); color:#fff; font-size: 14px; font-weight: 800; text-align: center; line-height: 32px; z-index: 10;}
.nft_status.on_sale {background-color: var(--main);}
.drops_list_box .nft_item .nft_img span.sale {color:var(--orange);}
.drops_list_box .nft_item a .detail_txt {padding: 15px 0 10px;}
.drops_list_box .detail_txt p.author{padding: 10px 0;}
.drops_list_box .title {padding-bottom: 0; font-size: 16px; font-weight: 800;}
.drops_list_box .sale_price {font-size: 16px; font-weight: 800;}
.drops_list_box .end_date {font-size: 14px; font-weight: 800; color: var(--orange);}
.kakao_channel {padding: 20px; margin: 40px 0; background-color: var(--black); color: #fff; font-size: 14px;}
.kakao_channel h2{font-size: 18px;}
.kakao_channel p{padding-top: 10px; color: var(--inactive);}
.kakao_channel button {padding: 8px 20px; margin-top: 15px; background-color: var(--black); color: var(--orange);font-weight: 800; border: 1px solid var(--orange); transition:background-color 300ms ease-in-out, color 300ms ease-in-out; }
.kakao_channel button:hover {background-color: var(--orange); color: var(--black); }
/* 220802 z-index 추가 : pyo*/
.dark_cover {position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(34,34,34, 0.6); z-index:5;}

.drops_list_box .nft_item a .detail_txt.end_sale{padding:10px 0 30px;}

/* drops > drops_detail_sale 판매 중 상세페이지 */
.contents_cont.drops_detail {padding-bottom: 0; padding-top: 0; margin-bottom: 84px;}
.remain_time {width: 100%; padding: 16px 0; color:#fff; font-size: 16px; font-weight: 800; background-color: var(--black); text-align: center; }
.purchase_btn.edition button.sale {color:var(--orange);}
.collection_list.edition li {position: relative;}
.sold_bg {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5);}
.sold_bg.active {display: block;}

/* drops > drops_detail_open 오픈예정 상세페이지 */
.remain_time.open {color: #fff; background-color: var(--dark-gray);;}
.fixed_btn.drops button.inactive {background-color: var(--dark-gray); color:#fff;}
/* 에디션 목록 탭 > 에디션 항목 별 판매완료/구매하기 버튼 */
.edition_purchase_btn.open {background-color: var(--light-gray); color:var(--dark-gray);}
.edition_purchase_btn.inactive {background-color: var(--light-gray); color: var(--dark-gray);}
.edition_purchase_btn.inactive:hover {background-color: var(--light-gray); color: var(--dark-gray);}
button.inactive {cursor: default;}
.fixed_btn.drops button.cancel_sale {background-color: var(--inactive); transition:background-color 300ms ease-in-out}
.fixed_btn.drops button.cancel_sale:hover {background-color: var(--dark-gray);}

/********************************** Purchase **********************************/
/* purchase > drop_purchase / market_purchase*/
.contents_cont.purchase {margin-bottom: 0;}
.top_txt.purchase {padding-top: 20px; border-bottom: 1px solid var(--light-gray);}
.purchase_info li {padding: 20px; }
/* .purchase_info li:last-child {border-bottom: none;} */
.purchase_info h3 {font-size: 18px; font-weight: 800; color: var(--black);}
.purchase_info p {padding-bottom: 10px; color: var(--black);}
.purchase_info p:last-child {padding-bottom:0;}
/* .purchase_info p > span:first-child { font-weight: 600;} */
/* .purchase_info li:last-child span:last-child {font-size: 18px; font-weight: 800;} */
.holding_balance {padding: 20px 0; margin: 0 20px; background-color: var(--light-gray);}
.holding_balance p:last-child span {width: 50%; padding: 8px 0; color: var(--black); font-size: 14px; font-weight: 800; text-align: center; background-color: #fff; cursor: pointer;}
.holding_balance p:last-child span:first-child { padding: 7px 0; border: 1px solid var(--dark-gray); border-right: none;}
.holding_balance p:last-child span:last-child {color: #fff;background-color: var(--black);}
.purchase_guide.purchase {padding: 0 20px 50px; margin-top: 0;}
.purchase_btn {width: 100%; padding: 30px 20px; background-color: #fff;}
.purchase_btn button{width: 100%; padding: 20px 0; font-size: 16px; font-weight: 800; color: var(--orange); background-color: var(--black); text-align: center; transition:background-color 300ms ease-in-out; }
.purchase_btn button:hover{ background-color: #000;}

/* purchase > pop up창 */
.dark_bg { position: fixed; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(34,34,34, 0.6); z-index: -1; opacity: 0;}
.dark_bg.active {opacity: 1; z-index: 600; transition: opacity 300ms ease,z-index 300ms ease;;}
.pop_up {position: fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 76px); max-width:300px; background-color: #fff; box-shadow: 0px 10px 50px rgb(0 0 0 / 40%); text-align: center; z-index: -1; opacity: 0; transition: opacity 300ms ease, z-index 300ms ease; border-radius: 10px;}
.pop_up.active {opacity: 1; z-index: 700; transition: opacity 300ms ease, z-index 300ms ease;}
.pop_up p {padding: 40px;color:var(--black); font-size: 18px; font-weight: 600;}
.pop_up > span { display: block; width: 100%; padding: 18px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--main); transition: background-color 300ms ease-in-out; border-radius: 10px;}
.pop_close {cursor: pointer;}

/* 구매 완료 팝업창 */
.pop_up.purchase_complete {padding: 0;}
.pop_up span.pop_close_x {position: absolute; width:unset; top: 10px; right:10px; color: var(--black); font-size: 18px; background-color: rgba(255,255,255,0);cursor: pointer; }
.pop_up.purchase_complete p {padding: 40px 24px;}
.pop_up.purchase_complete p > span {display: block; }
.pop_up.purchase_complete p > span.pop_close {display: inline-block;}
.pop_up.purchase_complete p > span.pop_txt { display: inline; font-size: 14px; font-weight: 600;}
.pop_up.purchase_complete span.pop_tit { padding-bottom: 20px; font-size: 18px; font-weight: 800; color:var(--black);}
.pop_up span.pop_bar {display: block;}
.pop_up span.pop_bar:hover {background-color: #000;}
/* //구매완료 팝업창 */

/* purchase > ..._purchase_check 구매확인 페이지 */
.contents_cont.purchase_check {padding-bottom: 0px; margin-bottom: 0;}
.purchase_check_tit {padding: 0 20px; font-size: 26px; color:var(--black); font-weight: 600; text-align: center;}
.purchase_check_tit span{font-weight: 800;}
.img_box.purchase_check {width: 80%; max-width: 640px; height: calc(100vh - 507px); margin: 30px auto;}
.img_box.purchase_check img {max-height: 100%;}
.purchase_info.check {padding: 0 20px;}
.purchase_info.check p span:last-child {color: var(--black); font-size: 14px;}
.purchase_info.check p:last-child span:first-child {color: var(--black); font-size: 18px; font-weight: 800; }
.purchase_info.check p:last-child span:last-child {color: var(--orange); font-size: 18px; }
.purchase_note {padding: 20px; font-size: 14px; color: var(--black); background-color: var(--light-gray);}
.purchase_note label {display: inherit; align-items: center; background-color: var(--light-gray); font-size: 14px; font-weight: 400; cursor: pointer;}
.purchase_note label span{display: inline-block;cursor: pointer;}
.purchase_note label input{position: absolute; z-index: -1;}
.purchase_note.pop span{display: inline-block; align-items: center; background-color: var(--light-gray); font-size: 14px; font-weight: 400; cursor: pointer;}
.purchase_note span.check_box.active{width: 18px; height: 18px; margin-right: 12px; border: 1.5px solid var(--black);background: url('../img/layout/svg/icon_checked.svg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.purchase_note span.check_box{width: 18px; height: 18px; margin-right: 12px; border: 1.5px solid var(--black);}
.purchase_note.pop span.note_btn {font-weight: 800; text-decoration: underline}
.note_btn { font-weight: 800; text-decoration: underline;}
.purchase_btn.purchase_check {width: 100%; padding: 20px 20px 25px; background-color: #fff;}
.purchase_btn button.purchase_cancel{width: calc(100% / 3); padding: 18px 0; font-size: 16px; font-weight: 800; color: var(--black); background-color: #fff; border: 1px solid var(--black);}
.purchase_btn button.purchase_cancel:hover{color: var(--dark-gray); background-color: var(--light-gray);  border: 1px solid var(--light-gray);}
.purchase_btn button.purchase_check_btn{width: calc((100% / 3) * 2 - 10px); padding: 19px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--inactive); transition: background-color 300ms ease, color 300ms ease;}
.purchase_btn button.purchase_check_btn.active{ background-color: var(--black); color: var(--orange); }
.more_author_collection.purchase {margin-top: 17px; font-size: 14px; font-weight: 800; color: var(--black);}

/* purchase > purchase_check 구매확인 페이지 내 팝업창 */
.pop_up.purchase_check, .pop_up.edition_sales {width:calc(100% - 40px); max-width:724px; padding: 30px 20px; background-color: #fff;}
.pop_up.purchase_check {padding:30px 0 0;}
.pop_up.edition_sales {padding: 30px 2px 30px 0;}
.pop_up.purchase_check h3{padding-bottom: 10px; }
.pop_up.edition_sales h3, .pop_up.edition_detail h3 {padding: 0 20px 10px;}
.pop_up.purchase_check > p {align-items: baseline; padding: 10px 0; font-size: 14px; font-weight: 400; text-align: justify;}
.pop_up.purchase_check > p > span {padding-right: 5px;}
.pop_up.purchase_check h3 p, .pop_up.purchase_check h3 span {padding: 0; }
.pop_up h3 {font-size: 18px; font-weight: 800;}
.pop_up.purchase_check span, .pop_up.edition_sales span, .pop_up.edition_detail span{display: inline; width: auto; padding: 0; background-color: #fff; color: var(--black);}

/* 팝업창 내 테이블 태그 관련 CSS */
.pop_table_box {height: 451px; padding-left: 20px; overflow: auto; }
.pop_table_box::-webkit-scrollbar {width:15px;}
.pop_table_box::-webkit-scrollbar-thumb {background-color: var(--light-gray); border-radius: 5px; border:5px solid #fff;}
.pop_table_box::-webkit-scrollbar-track {background-color: #fff;}
.pop_up_table {width: 100%; border-collapse: collapse;}
.pop_up_table th, td {border: none;}
.pop_up_table tr th, .pop_up_table tr td {padding: 10px; font-size: 14px; color: var(--black); }
.pop_up_table tr th{font-weight: 800; text-align: left; border-bottom: 1px solid #000;}
.pop_up_table tr th:first-child{min-width: 60px;}
.pop_up_table tr th:nth-child(2) {min-width: 84px;}
.pop_up_table tr th:last-child{font-weight: 800;}
.pop_up_table tr td {font-weight: 400; text-align: left;  border-bottom: 1px solid var(--light-gray);}
.pop_up_table tr td:last-child {font-weight: 800;}

/********************************** My NFT **********************************/
/* mynft > user_detail 페이지 공통CSS */
.contents_cont.my_nft {min-height: calc(100vh - 120px);padding: 0;
  margin-bottom: 60px;}
/* .contents_cont.my_nft {min-height: calc(100vh - 120px);padding:0 0 30px; margin-bottom: 0;} */
.contents_cont.my_nft .nft_info{padding-bottom: 30px;}
.contents_cont.my_nft .author_profile_img{margin: -32px auto 0;}
.profile_bg {width: 100%; height: 210px; background-color: #000; color: rgba(255,255,255,0.2); font-size: 28px; font-weight: 800; text-align: center; line-height: 210px;}
.profile_bg img {width: 100%; height: 100%; object-fit: cover;}
.author_profile_img.normal {text-align: center; line-height: 74px;}
.author_profile_img.normal img {width: 24px; height: 26px;}
.nickname {padding: 10px 0; font-size: 18px; font-weight: 800; color: var(--black); text-align: center;}
.my_nft_wallet li{display: inherit;}
.my_nft_wallet li:nth-child(2){ min-width:108px; margin: 0 10px; color: var(--black); font-size: 16px; font-weight: 600;}
/* NFT 리스트 레이아웃 1열 */
.nft_item_list.layout_row .nft_item {width: 100%;}
.nft_item_list.layout_row .nft_item .nft_img {width: 100%; max-width: unset;}
/* NFT 리스트 레이아웃 2열 */

/* 검색창 */
.search_box {position: relative; margin: 20px 10px; background-color: var(--input); border-radius: 20px;}
.search_box input {width: 100%; height: 40px; padding: 0 20px; background-color: var(--input); border-radius: 20px; }
.search_box input::placeholder {font-size: 16px; color:var(--inactive);}
.search_box button {width: 60px; background-color: rgba(255,255,255,0);}

.bottom_txt.my_nft {padding: 0;}
.bottom_txt.my_nft .filter_list {padding: 0 20px 15px;}

.select_filter {padding: 14px 20px 14px 0; border-top: 1px solid var(--light-gray);}
.select_filter select {outline: none; border: none; font-weight: 800;}
.select_filter select option {outline: none; border: none;}
.select_filter .layout_btn_box span{cursor: pointer;}

.bottom_txt.my_nft li .no_mint_nft {min-height:134px; color: var(--dark-gray); text-align: center; padding-bottom:22px;}

/* mynft > user_detail_creator */
.creator_intro_txt {padding: 0 20px 30px; font-size: 14px;}
.creator_intro_txt p:first-child{padding-bottom: 20px; text-align: center;}
.nft_item .nft_img.minted_nft {position: relative;}
.bottom_txt.my_nft li .status_txt {color: var(--orange); font-weight: 800;}
.bottom_txt.my_nft .nft_status.orange_font {color: var(--orange);}
.nft_item_list .nft_item.view_100 {width: 100%; margin-bottom: 30px;}
.nft_item_list .nft_item.view_100:last-child {margin-bottom: 0;}
.nft_item.view_100 .nft_img{width: 100%; height: 300px; max-width: unset; max-height: unset;}

.info_tab li.active_tab_bar.my_nft {left:0%;}

/* mynft > drop_register */
.contents_cont.drop_regist {padding-top: 0; margin-bottom: 0;}
.top_txt.drop_regist {border-bottom: 1px solid var(--light-gray);}
.top_txt.drop_regist > h2 {padding-top: 0;}
.drop_regist_info {color: var(--black);}
.drop_regist_info li {position: relative; padding: 20px; border-top:6px solid var(--light-gray);}
.drop_regist_info > p:first-child{padding-bottom: 20px; font-size: 16px; font-weight: 800;}
.drop_regist_info > p:first-child span:last-child{font-size: 12px; font-weight: 400;}
.drop_regist_info input {width: 100%; height: 50px; padding: 0 20px; border: 1px solid var(--inactive); }
.drop_regist_info input::placeholder {font-weight: 600; color: var(--inactive);}
.drop_regist_info select {width: 28.8%; height: 50px; padding: 0 10px; margin-right: 10px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/layout/svg/icon_shevron_down.svg') no-repeat 90% 50%; }
.drop_regist_info select option[selected='true'] {font-weight: 800;}
.alert_btn {position: relative; width: 26px; margin-left: 5px; margin-bottom: -8px; cursor: pointer;}
.holding_balance.register {padding: 10px 0 0 0; margin: 0; background: none; font-size: 12px; text-align: right;}
.sales_fee {font-size: 18px; font-weight: 800;}
.purchase_btn.register {width: 100%; padding: 20px 20px 26px; background-color: var(--light-gray);}
.purchase_btn.register button {width: 100%; padding: 20px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--inactive); text-align: center;transition: background-color 300ms ease-in-out; border-radius: 10px;}
.purchase_btn.register button.active {background-color: var(--main);}
.info_alert {position: absolute; top: 28px; left: 0px; width: 240px; padding: 20px; background-color: var(--black); color: #fff; font-size: 14px; font-weight: 600; z-index: -1; opacity: 0; transition: opacity 300ms linear, z-index 300ms linear;}
.info_alert.active {z-index: 50; opacity:1; transition: opacity 300ms linear, z-index 300ms linear;}

/* mynft > drop_register_comp drop 신청 완료 페이지 */
.contents_cont.drop_regist_comp {padding-top: 0; margin-bottom: 0; color: var(--black); text-align: center;}
.tit_comp {padding: 30px 0; font-size: 26px; font-weight: 600; text-align: center;}
.drop_regist_comp .img_box {width: 80%; max-width: 640px;}
.drop_regist_comp > p {padding: 30px 20px; font-size: 26px;}
.drop_regist_comp > span {}
.sns_box {width: 202px; padding-top: 30px; margin: 0 auto;}
.sns_box li a{display: block; width: 28px; height: 28px;}
.sns_box li a img {width: 100%; height: 100%;}
.basic_btn {width: 100%; padding: 0 20px; background-color: #fff; padding-bottom: 50px;}
.basic_btn button {width: 100%; padding: 18px 0; background-color: var(--main); color: #fff; font-size: 16px; font-weight: bold; border-radius: 10px; transition: background-color 300ms ease-in-out;}
.basic_btn button:hover {background-color: #000;}

/* mynft > edition_sell_02  에디션 NFT 판매 신청 */
.price_info {padding: 20px; color: var(--black); border-top:6px solid var(--light-gray); }
.price_info p {font-weight: 600;}
.drop_regist_info  p:first-child > span:first-child {font-size: 18px; font-weight: 800;}



/* 2022.03.02 more폴더 내 페이지 CSS - NBR */

/* more>more_main */
.contents_more {min-height: calc(100vh - 193.8px); margin-top: 50px; }
.info { padding: 30px 0; border-bottom: 1px solid var(--light-gray);}
.policy { padding: 30px 0;}
.more_title { display: inline-block; margin-bottom: 10px; font-size: 14px; color: var(--dark-gray); font-weight: 800; padding: 0 20px; }
.more_list li { padding: 0 20px; width: 100%; background: url(../img/Icon_arrow_right.svg); background-repeat: no-repeat; background-position: right 22px center; text-align: left; }
.more_list li:active { background-color : var(--light-gray);}
.more_list li a { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px 0; font-size: 18px; font-weight: 600; color: var(--black); border-bottom: 1px solid var(--light-gray); }
.more_list li a p span { font-weight: 700; }

/* more>qna */
.contents_qna  { margin-top : 50px; padding: 32px 0 50px;}
.help_service { margin: 0 20px; padding: 30px 0 30px; background-color: var(--light-gray); }
.help_service p { font-size: 18px; text-align: center; padding-bottom: 10px;}
.help_service .service_time { padding-bottom: 20px; font-size: 14px; font-weight: 600; color: var(--dark-gray);}

/* 문의하기 버튼 */
.help_service .inquiry { display:block; width: 147px; height: 38px; line-height: 38px; margin: auto; background-color: var(--black); text-align: center; font-size: 14px; font-weight: 600; color: #fff;}

/* accordian menu */
.rotate { margin-left: 9px; }
.eng_bold {font-weight: 700;}
.qna_list { cursor: pointer; padding: 0 20px; }
.qna_list .qna_title { display: flex; justify-content: space-between; align-items: center; padding : 17px 0; border-bottom: 1px solid var(--light-gray);}
.qna_list .qna_title > p { font-size: 16px; color: var(--black); font-weight: 600;}
.qna_list .qna_title p::before { content: 'Q. '; font-family: "montserrat"; font-weight: 800; }
/* 슬라이드 열릴 경우 */
.qna_text { display: none;  background-color: var(--light-gray); text-align: justify; font-weight: 400; color: var(--black);}
.qna_text p { padding: 30px 35px 30px 20px; line-height: 31px; font-size: 16px; }
.qna_text p::before { content: 'A. '; font-family: "montserrat"; font-weight: 800; }
/* list shevron img 움직임 효과 */
.rotate img { display: block; transition: 500ms ease;}
.down img { transform: rotate(-180deg);}
/* 하단 선 삭제 */
.line_off { border-bottom: 1px solid #fff !important; }
/* 마지막 콘텐츠가 없음 문구 */
.no_cont { text-align: center; padding-top: 30px; font-size: 14px; color: var(--dark-gray); font-weight: 400;}
.qna_null { text-align: center; padding: 20px; font-size: 16px;}
/* //more>qna */


/* more>notice */
.notice_list ul li:active { background-color : var(--light-gray);}
.notice_list ul li a{ display: flex; justify-content: space-between; align-items: center; width: 100%; border-bottom: 1px solid var(--light-gray);}
.notice_list ul li a .notice_text { padding: 17px 0; width: calc(100% - 25px);}
.notice_list ul li a .notice_text p { font-size: 16px; margin-bottom: 10px; font-weight: 600; color: var(--black); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice_list ul li a .notice_text .notice_day { display: block; font-size: 14px; font-weight: 600; color: var(--dark-gray);}
.notice_list ul li a img { display: block; margin-left: 9px;}
.notice_null { text-align: center; padding: 20px;}
.notice_thumb { width: 100%; min-height: 180px;}
.notice_thumb img{ width: 100%;}
.notice_last_line { border-bottom: 1px solid var(--line); }

/* more>notice>open */
.notice_open_title { padding: 17px 20px; border-bottom: 1px solid var(--light-gray);}
.notice_open_title p { margin-bottom: 8px; font-size: 18px; font-weight: 800; color: var(--black);}
.notice_open_title span { font-size: 14px; font-weight: 600; color: var(--dark-gray);}
.contents_more .notice_text_box { min-height:calc(100vh - 128px); padding: 30px 20px;}
.contents_more .notice_text_box p { font-size: 14px; font-weight: 400; color: var(--black); letter-spacing: -0.2px; line-height: 24px;}
.contents_more .notice_text_box .notice_thumb { margin: 30px 0; background-color: var(--light-gray);}
.contents_more .notice_text_box .sub_txt { padding-top: 30px; font-size: 16px; font-weight: 600; color: var(--black);}

/* more>agreement = privacy_policy = fee_policy_guide 동일 */
.fee, .privacy, .agreement { padding: 30px 20px 0; display: flex; flex-direction: column; color: var(--black);}
.contents_more .term_title { padding: 17px 20px; border-bottom: 1px solid var(--light-gray);}
.contents_more .term_title p { margin-bottom: 5px; font-size: 20px; font-weight: 800; color: var(--black);}
.contents_more .term_title span { font-size: 14px; font-weight: 600; color: var(--dark-gray);}
.term_main_txt { padding-bottom: 10px; font-size: 18px; font-weight: 800;}
.term_sub_txt { padding-bottom: 10px; font-size: 16px; font-weight: 800;}
.term_txt { padding-bottom: 30px; font-weight: 400; font-size: 16px; text-align: justify;}

/* more>fee_policy_guide */
.fee p { line-height: 24px; font-size: 14px; font-weight: 400; }
.fee_dot::before { content: '• ';}

/* user>profile */
/* 개인정보 이미지,이름 */
.contents_pro { margin-top: 60px; padding-bottom: 50px;}
/* 커버이미지 영역 */
.cover_img { padding: 20px 20px 30px;}
.contents_pro h2 { font-size: 18px; font-weight: 800; color: var(--black); margin-bottom: 20px;}
/* 커버이미지 */
.back_add { position: relative; height: 185px; background-color: var(--light-gray); text-align: center;}
.back_add .add_icon { padding : 56px 0 ; }
.back_add .add_icon p { font-size: 12px; font-weight: 600; line-height: 22px; color: var(--dark-gray); text-align: center;}
.upload_back_img { width: 100%; height: auto; max-height: 185px; object-fit: cover; }
.back_add label { display: block; width: 100%; height: 100%; position: absolute; top: 0; cursor: pointer;}
.back_add label input { display: none;}
/* 프로필이미지 */
.pro_add { position: relative; width: 115px; margin: -30px auto;}
.pro_icon { position: absolute; right: 20%; top: 35%; z-index: 2;}
.add_pro_icon { position: relative; margin: 0 auto 0; width: 64px; height: 64px; border: 1px solid #ffffff; border-radius: 50%; background-color: var(--light-gray); overflow: hidden;}
.add_pro_icon img { width: 100%; height: 100%; object-fit: cover;}
.add_pro_icon label { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; cursor: pointer;}
.pro_add label input { display: none;}
.profile_move { width: 100%; text-align: center; margin-top: 10px;}
.profile_move p { font-size: 18px; font-weight: 800; color: var(--black); }
.profile_move p:nth-child(2) { font-size: 12px; font-weight: 600; line-height: 22px; color: var(--dark-gray); }
/* 개인정보 영역 */
.profile_box { padding: 30px 20px 20px; border-bottom: 1px solid var(--light-gray);}
.profile_list_box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.profile_list_box span { min-width: 85px; font-weight: 600; font-size: 16px; color:var(--black); }
.profile_list_box p { width: 100%; height: 34.5px; line-height: 34.5px; border-bottom: 1px solid var(--light-gray); text-align: left; font-weight: 800; font-size: 16px; color:var(--black); }
.list_box_flex_start{justify-content: flex-start;}

/* 20220.07.04 : JJH */
.reco_add_btn{padding:0.5rem 1rem; background-color:#222; color:#fff;}
.pop_up_reco {position: fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 76px); max-width:300px; background-color: #fff; box-shadow: 0px 10px 50px rgb(0 0 0 / 40%); text-align: center; z-index: -1; opacity: 0; transition: opacity 300ms ease, z-index 300ms ease;}
.pop_up_reco.active {opacity: 1; z-index: 700; transition: opacity 300ms ease, z-index 300ms ease;}
.reco_title{padding-top:40px; font-size:18px; font-weight:bold; color:#222;}
.reco_search{padding:20px 40px; display:flex;}
.reco_search input{height:35px; border:1px solid #222;}
.reco_search button{padding:0.5rem 1rem; background-color:#222; color:#fff; flex:none;}
.reco_search_desc{padding-bottom:20px;}
.reco_btn_wrap{display:flex;}
.reco_btn {display:block; width:100%; padding:18px 0; font-size:16px; font-weight:800; color:#fff; background-color: var(--black); transition: background-color 300ms ease-in-out; cursor:pointer;}
.reco_cancel{margin-right:1px;}

/* 크리에이터 정보 영역 */
.creator_info.profile { padding: 30px 20px; border-bottom: 1px solid var(--light-gray); }
.creator_info.profile > h2 { font-size: 18px; font-weight: 800; color: var(--black); margin:0; }
.creator_info.profile > p { font-size: 16px; font-weight: 600; padding: 20px 0; color: var(--black);}
/* 한 줄 소개글 INPUT */
.intro { display: flex; border-bottom: 1px solid var(--inactive);}
.intro label { width: calc(100% - 60px); height: 30px; margin-bottom: 1px;}
input:focus {outline: none;}
.intro input { width: 100%; font-family: "Spoqa_Han_ans_Neo"; font-size: 14px; font-weight: 600; color: var(--black);}
.textLengthWrap { display: flex; align-items: center; font-size: 12px; font-weight: 600; color: var(--inactive);}
input::placeholder { color: var(--inactive); }
input::-webkit-input-placeholder { color: var(--inactive); }
input:-ms-input-placeholder { color: var(--inactive); }
input:-moz-input-placeholder { color: var(--inactive); }
/* 상세 소개 INPUT */
.intro_area { position: relative; padding: 20px; padding-bottom:30px; border: 1px solid var(--inactive);}
.intro_txt_area { width: 100%; height: 165px; resize: none; font-family: "Spoqa_Han_ans_Neo"; font-size: 14px; font-weight: 600; color: var(--black); border:none;}
textarea {outline: none;}
.area_textLengthWrap { position: absolute; bottom: 20px; right: 20px; display: flex; align-items: center; font-size: 12px; font-weight: 600; color: var(--inactive);}
textarea::placeholder { color: var(--inactive); }
textarea::-webkit-input-placeholder { color: var(--inactive); }
textarea:-ms-input-placeholder { color: var(--inactive); }
textarea:-moz-input-placeholder { color: var(--inactive); }
/* 이벤트 수신 설정 */
.profile_set { padding : 30px 20px; }
.profile_set .profile_set_con { padding: 10px 0; font-size: 18px; font-weight: 800; color: var(--black); }
.profile_set .event_consent { display: flex; align-items: center; margin: 10px 0; padding: 7px 10px; background-color: var(--light-gray);}
.profile_set .event_consent .event_checkbox { width: 24px; height: 24px; background-color: #ffffff; margin-right: 10px;}
.profile_set .event_consent p { font-size: 14px; color: var(--black); font-weight: 600;}
.event_text { font-size: 14px; color: var(--dark-gray); font-weight: 600; }
/* 버튼 영역 */
.info_btn { padding: 0 20px;}
.info_change { display: block; width: 100%; height: 58px; margin-bottom: 20px; line-height: 58px; background-color: var(--main); font-weight: bold; color: #ffffff; text-align: center; font-size: 16px; border-radius: 10px;}
.info_save { display: block; width: 100%; height: 58px; line-height: 58px; background-color: var(--main); font-weight: bold; color: #ffffff; text-align: center; font-size: 16px; border-radius:10px;}
.logout { display: block; width: 100%; height: 58px; line-height: 58px; background-color: #ffffff; font-weight: bold; color: var(--main); border: 1px solid var(--main); text-align: center; font-size: 16px; border-radius: 10px; }
/* 2022.04.05 myprofile 페이지 CSS - NBR */
.creator_info_txt { font-size: 16px; font-weight: 600;}
.intro_txt_default { font-size: 14px; font-weight: 600; color: var(--black);}
.back_add > p { font-size:12px; font-weight: 600; line-height: 22px; color: var(--dark-gray); text-align: center; padding: 70px 0 ;}
/*// 2022.04.05 myprofile 페이지 CSS - NBR *
/* //user>profile */

/* user>profile NFT 연결 지갑 */
.contents_wallet { margin-top: 50px; padding-top:32px; padding-bottom: 50px;}
.nft_con_wallet { padding: 15px 20px 10px;}
.con_wallet_title { padding-bottom: 20px;  font-size: 18px; font-weight: 800; color: var(--black);}
.wallet_address { padding: 20px; border: 1px solid var(--light-gray);}
.wallet_address > span { text-align: left; font-weight: 600; font-size: 16px; color:var(--black); word-break: break-all; }
.tara_wallet { display: flex; align-items: center; margin-bottom: 10px; }
.tara_icon { position: relative; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--light-gray); margin-right: 10px;}
.tara_icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tara_icon_name { font-family: "montserrat"; font-weight: 700; color: var(--black);}
.wallet_address span { font-weight: 600; font-size: 16px; color:var(--black); }

/* user>profile NFT 보유잔고 */
.wallet_balance { padding: 30px 20px 5px;}
.wallet_balance .wallet_bal_title { font-size: 18px; font-weight: 800; color: var(--black);}
.wallet_balance .coin_box { padding: 7px 20px; margin: 5px 0px; display: flex; align-items: center; background-color: #fff; border:1px solid var(--light-gray); }
.wallet_balance .coin_box .min_logo { min-width: 45px; height: 45px; position: relative; border: 0.7px solid var(--light-gray); border-radius: 50%;}
.wallet_balance .coin_box .min_logo > img { position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
.wallet_balance .coin_box .list_coin_wallet { width: 100%; }
.wallet_balance .coin_box .list_coin_wallet .coin_txt_box { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-left: 10px; color: var(--black);}
.wallet_balance .coin_box .list_coin_wallet .coin_txt_box p {  font-family: "montserrat"; font-size: 16px; font-weight: 700;}
.wallet_balance .coin_box .list_coin_wallet .coin_txt_box div { display: flex; flex-direction: column; text-align: right;}
.wallet_balance .coin_box .list_coin_wallet .coin_txt_box div span { font-weight: 800; font-size: 14px; font-family: "Spoqa_Han_ans_Neo"; color: var(--black); }
/* .wallet_balance .coin_box .list_coin_wallet .coin_txt_box div span:last-child { font-weight: 600; font-size: 12px; color: var(--dark-gray); } */

/* user>profile header padding */
.sub_left { padding-left: 20px;}
.sub_right { padding-right: 20px;}

/* user > create */
.contents_nft { margin-top: 60px; }
.contents_nft > h2 { padding: 30px 20px; text-align: center; font-weight: 600; font-size: 26px; color: var(--black);}
.contents_nft > h2 span{ text-align: center; font-family: "montserrat"; font-weight: 700;}
.create_title { font-size: 16px; font-weight: 800; margin-bottom: 20px; color: var(--black);}
.nft_title_box { padding: 0 20px 30px;}
.nft_title_box > p { font-size: 14px; line-height: 24px; }
.create_border {width:calc(100vw - 40px); height:calc(100vw - 40px); max-width: 490px; max-height: 490px;  margin: 0 auto 20px; padding: 19px; border:1px dashed var(--inactive);}
.nft_title_box .create_border .nft_upload_img label { position:absolute; left: 0; top: 0; width:100%; height: 100%; cursor:pointer;}
.nft_title_box .create_border .nft_upload_img input { display: none;}
.nft_title_box .create_border .nft_upload_img { position: relative; width: 100%; height:100%; background-color: #fff; }
.nft_title_box .create_border .nft_upload_img img{ width:100%;  object-fit: contain; box-shadow: none;}
.nft_title_box .create_border .nft_upload_img .create_add_icon { width: 100px; height: 100px; }
.nft_upload p { font-size: 14px; font-weight: 400;}

/* 2022.04.01 user > create 배경색 변경 : NBR */
.palette_box > div { display: flex; justify-content:space-between; flex-wrap: wrap;width: calc(100% - 82px);}
.palette_box > div > label {position: relative; display: block;  width: 26px; height: 26px; margin-right: 10px; cursor: pointer;}
.palette_box > div > label > input { position: absolute; cursor: pointer; left: 0; top: 0; width: 0; opacity: 0;}
.check_mark { position:absolute; top:0px; left:0px;  }
.palette_box > div > label > input:checked + span { width:100%; height:100%; background: url(./../img/layout/svg/icon_check.svg) center no-repeat; }
.palette_box > div > label:first-child > input:checked + span {background: url(./../img/layout/svg/icon_check_black.svg) center no-repeat;}
@media (max-width: 615px){
  .palette_box {}
  .palette_box > div { width: calc(100% - 82px); height: 64px; }
  .palette_box > div > label { margin-bottom: 10px; margin-right: calc((100% - 156px) / 5); }
  .palette_box > div > label:nth-child(6n) {margin-right: 0;}
  .palette_box > div > label:nth-child(n + 6) {margin-bottom: 0;}
}
/*// 2022.04.01 user > create 배경색 변경 : NBR */

/* 이름 지정 영역 */
.nft_name_box { display: flex; justify-content: space-between; border-bottom:1px solid var(--inactive);}
.nft_name_box label { padding-bottom: 10px; width: calc(100% - 100px);}
.nft_name_box label input { width: 100%; font-size: 14px; font-weight: 600; color: var(--black);}
.name_txt_wrap { display: flex; align-items: center; font-size: 12px; font-weight: 600; color: var(--inactive);}
/* 설명 영역 */
.in_explain { width: 100%; height: 300px; font-size: 14px; font-family: "Spoqa_Han_ans_Neo"; font-weight: 600; word-break: break-all; resize: none; border:none;}
.nft_explan_area { position: relative; padding : 20px; padding-bottom:30px; border:1px solid var(--inactive);}
.nft_explan_txt { display: flex; justify-content: center; text-align: center; position: absolute; bottom:10px; right: 20px; font-size: 12px; font-weight: 600; color: var(--inactive);}
/* 발행 수량 영역 */
.create_nft_length { width: 100%; font-size: 14px; font-weight: 600; font-family: "Spoqa_Han_ans_Neo";}
.nft_length label { padding: 15px 20px; display: block; width: 100%; border: 1px solid var(--inactive);}
.nft_name_input { width: 100%; font-size: 14px; font-weight: 600;  font-family: "Spoqa_Han_ans_Neo";}
.nft_cost { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
/* 수수료 영역 */
.nft_spon { border-bottom: 1px solid var(--light-gray);}
.nft_cost p { font-size: 14px; font-weight: 600;}
.nft_cost span { font-size: 18px; font-weight: 800; color: var(--orange);}
/* 보유잔고 영역 */
.nft_wallet_box { padding: 30px; background-color: var(--light-gray);}
.nft_wallet { display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 800; color: var(--black);}
.nft_wallet_btn { display: flex; align-items: center; justify-content: center; }
.nft_wallet_btn a { width: 100%; height: 38px; text-align: center; line-height: 38px; font-size: 14px; font-weight: 800;}
.nft_wallet_btn > span.wallet_remit { width: 100%; height: 38px; text-align: center; line-height: 38px; font-size: 14px; font-weight: 800;}
.wallet_reload { background-color: #fff; color: var(--black); border: 1px solid var(--inactive);}
.wallet_remit { background-color: var(--black); color: #fff;}
/* 개인정보 동의서 영역 */
.nft_agree { margin: 30px 0 60px;}
.collect_agree {padding-bottom: 8px; color: var(--black);}
.collect_agree label {display: flex; align-items: flex-start; font-size: 14px; line-height: 24px; font-weight: 600; }
/* .collect_agree label span{display: inline-block;} */
.collect_agree label input{position: absolute; z-index: -1;}
/* .collect_agree label span.check_box{min-width: 24px; min-height: 24px; margin-right: 10px; border: 1.5px solid var(--black);} */
.collect_agree label span.check_box{min-width: 18px; min-height: 18px; margin-top: 4px; margin-right: 10px; border: 1.5px solid var(--black);}
.collect_agree label input[type = 'checkbox']:checked+span.check_box{ background: url('../img/layout/svg/icon_checked.svg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.agree_notice { margin-bottom: 30px;}
.collect_agree input { margin-right: 10px; width: 24px; height: 24px;}
.collect_agree_txt { width: 100%; height: 100%; padding: 20px; font-size: 14px; font-weight: 400; background-color: var(--light-gray);}
/* 2022.04.07 동의 내용 정렬 수정 : NJH */
.collect_agree_txt > li {display: flex; justify-content: flex-start; align-items: flex-start; text-align: justify;}
.collect_agree_txt > li span{margin-right: 5px;}

/* NFT 생성 버튼 */
.nft_create_btn { display: block; width: 100%; height: 58px; line-height: 58px; text-align: center; background-color: var(--main); color: #fff; border-radius:10px; cursor: pointer;}


/* user > create_comp */
.nft_comp_box { padding:  0 20px 30px; }
.create_comp_title { margin-bottom: 30px; font-size: 26px; font-weight: 600; text-align: center; color: var(--black);}
.nft_comp_img { position: relative; width: 100%; line-height: 0;  object-fit: contain; }
/* .nft_comp_img img{ width:100%; } */
.nft_comp_box p { margin-bottom: 20px; font-size: 26px; font-weight: 600; color: var(--black); text-align: center;}
.nft_comp_box > span { font-size: 14px; font-weight: 400; color: var(--black);}
.nft_comp_box a { margin-top: 30px; display: block; width: 100%; padding: 17px 0; background-color: var(--main); text-align: center; color: #fff; font-weight: 800; font-size: 16px; border-radius:10px;}

/* 2022.03.15 JJH main_preparing */
.contents-cont-coming{margin:0 auto; padding:0;}
.coming{width:100%; height:100vh; background-image:url("../img/bg_bubble.png"); background-repeat:no-repeat; background-position:calc(50% + 150px) calc(50% - 150px);}
.coming-introduction{height:calc(100vh - 60px);}
.coming-inner{width:100%; height:100%; padding:50px 0; display:flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center;}
.coming-text-title{font-size:26px; font-weight:300; color:#fff;}
.coming-text-explain{font-size:16px; font-family:"noto-sans"; font-weight:400; color:#fff;}
/* // 2022.03.15 JJH main_preparing */

/* 2022.03.17 JJH Introduction */
.contents-cont-introduction{margin:60px auto 0; padding:0;}
.introduction{padding:60px 0; background-color:#fff;}
.introduction-gradient{padding-bottom:202px; background-image:-webkit-linear-gradient(top, #000 30%,#1E284F, transparent),url("../img/bg_bubble.png"); background-repeat:no-repeat, no-repeat; background-position:0 0,60% 640px}
.introduction-text{padding:0 30px;}
.introduction-title{font-size:28px; font-family:"montserrat"; font-weight:600; color:#FF8300;}
.introduction-explain{margin-top:10px; font-size:26px; font-weight:600; color:#000;}
.introduction-explain-sub{margin-top:20px; font-size:16px; font-weight:400; color:#222;}
.introduction-img{width:100%; max-width:337px; margin:50px auto 0; text-align:center; overflow:hidden;}
.introduction-img img{width:100%;}
.introduction-img-case2{max-width:367px;}
.introduction-img-case2 img{transform:translateX(10px);}

.main-btn-wrap{display:flex; width:100%;}
.main-btn{width:100%; height:48px; margin-right:10px; line-height:48px; text-align:center; background-color:#fff; color:#000; font-size:16px; font-weight:800;}
.main-btn a{display:block; width:100%; height:100%;}
.main-btn-transparent{margin-right:0; background-color:transparent; border:1px solid #fff;}
.main-btn-transparent a{color:#fff;}
/* // 2022.03.17 JJH Introduction */

/* 2022.03.21 JJH card_info */
.scroll_btn{display:none; position:fixed; width:64px; right:40px; bottom:40px; z-index:2;}
.scroll_btn_list{overflow:hidden;}
.scroll_btn_item{display:flex; justify-content:center; align-items:center; transform:translateY(400%); width:56px; height:56px; margin-bottom:15px; border-radius:50%; background:#fff; box-shadow:4px 4px 6px rgba(31,31,31,0.16); font-size:18px; font-weight:800; color:#0A0D13; transition:all .3s; cursor:pointer;}
.scroll_btn_item:last-child{color:#0a0d13; font-size:16px; font-family:"poppins"; font-weight:700;}
.scroll_btn_item.visible{background-color:#000; color:#fff;}
.scroll_btn_toggle{display:flex; justify-content:center; align-items:center; width:56px; height:56px; padding:6px; border-radius:50%; background:#000; box-shadow:4px 4px 6px rgba(31,31,31,0.16); cursor:pointer;}
.scroll_btn_toggle img{width:100%;}

.contents_cont_cardinfo{position:relative; margin:0; padding:0;}
.cardinfo{position:relative; padding:60px 0; background-color:#fff; text-align:center;}
.cardinfo_bg{position:relative; padding-bottom:0; background:url("../../assets/img/bg_bubble.png") no-repeat calc(50% + 160px) calc(50% - 260px);}
.cardinfo_text{margin-bottom:20px; font-size:26px; font-weight:600; color:#fff;}
.cardinfo_text_explain{margin-bottom:30px; font-size:16px; font-weight:400; color:#fff;}
.cardinfo_text_margin{position:absolute; left:0; bottom:50px; width:100%; font-size:12px; font-weight:600; color:var(--orange); text-align:center;}
.cardinfo_btn{display:flex; flex-direction: column; justify-content:center; align-items:center; width:100%; height:100px; border:1px solid #fff; text-align:center; background-color:rgba(0,0,0,0); font-size:16px; font-weight:800; color:#fff;}
.cardinfo_btn_white{background-color:#fff; border:none; color:#000;}
.cardinfo_gradient_box{position:absolute; left:0; bottom:0; width:100%; height:234px; background:-webkit-linear-gradient(bottom,#090C1D 35%,#070A16 40%,transparent);}
.tara_cashbee{width:138px; margin-bottom:10px;}
.nft_create_preview{max-width:250px; transform:translateY(12px);}

.card_content{ padding:52px 0 42px; background-color:#fff;}
.card_content_gray{background-color:#F1F1F1;}
.card_content_text{padding:0 38px; margin-bottom:30px; text-align:center;}
.card_content_title{margin-bottom:6px; font-size:28px; font-weight:600; line-height:34px; color:#222;}
.card_content_desc{font-size:16px; font-weight:400; color:#666;}
.detail_title{margin-bottom:16px; font-size:24px; font-weight:600; color:#222; text-align:center;}

.detail_box{width:calc(100% - 40px); max-width:328px; margin:auto; padding:32px 20px 24px; border-radius:20px; box-shadow:0 3px 6px rgba(0,0,0,0.15); background-color:#fff;}
.deatil_box_traffic{padding:34px 28px 24px 42px;}
.deatil_box_onoff{padding:34px 28px 24px 42px;}
.detail_box_rfid{padding:34px 10px 24px 18px;}

.charge_list{width:100%;}
.charge_item{position:relative; padding:20px 0 20px 50px; border-bottom:1px solid #D4D4D4;}
.charge_item img{width:100%;}
.charge_item:last-of-type{border-bottom:none;}
.charge_item:after{content:""; display:block; width:34px; height:34px; position:absolute; left:0; top:24px; background-repeat:no-repeat;}
.charge_item:nth-child(1):after{background-image:url("../../assets/img/layout/svg/icon_cash.svg");}
.charge_item:nth-child(2):after{background-image:url("../../assets/img/layout/svg/icon_changes.svg");}
.charge_item:nth-child(3):after{background-image:url("../../assets/img/layout/svg/icon_atm.svg");}
.charge_item:nth-child(4):after{background-image:url("../../assets/img/layout/svg/icon_coupon.svg");}
.charge_title{margin-bottom:2px; font-size:18px; font-weight:600; color:#222;}
.charge_subtitle{margin-bottom:4px; font-size:14px; font-weight:400; color:#222;}
.charge_desc{margin-bottom:4px;font-size:14px; font-weight:400; color:#666;}

.icon_list{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.icon_item{position:relative; display:flex; align-items:center; min-width:116px; margin-bottom:30px; font-size:18px; font-weight:600; line-height:22px; color:#222;}
.icon_item img{margin-right:14px;}

.read_more{display:flex; justify-content:center; align-items:center; width:fit-content; margin:auto; font-size:16px; font-weight:800; color:#222; cursor:pointer;}
.read_more img{margin-right:4px;}

.onoff_tabs{display:flex; max-width:328px; margin:auto;}
.onoff_tabs_item{width:100%; height:48px; margin:50px 0 28px; font-size:24px; font-weight:600; border-bottom:3px solid #D4D4D4; color:#D4D4D4; text-align:center; cursor:pointer;}
.onoff_tabs_item.active{border-bottom:3px solid #222; color:#222;}

.onoff_panel_item{display:none;}
.onoff_panel_item:first-of-type{display:block;}

.rfid_list{width:100%; margin-bottom:36px;}
.rfid_item{display:flex; margin-bottom:10px; font-size:15px; font-weight:600; color:#222;}
.rfid_item:before{display:flex; justify-content:center; align-items:center; width:20px; height:20px; margin-right:8px; background-color:#222; font-size:14px; color:#fff; border-radius:50%; font-family:"montserrat"; font-weight:600;}
.rfid_item:nth-child(1):before{content:"1";}
.rfid_item:nth-child(2):before{content:"2";}
.rfid_item:nth-child(3):before{content:"3";}
.rfid_item:nth-child(4):before{content:"4";}

.popup_list{display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background-color:rgba(34,34,34,0.5); backdrop-filter:blur(5px); z-index:3;}
.popup_item{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:327px; border-radius:5px; background-color:#fff;}
.popup_item .title{display:flex; justify-content:center; align-items:center; position:relative; width:327px; height:69px; border-bottom:1px solid #D4D4D4; font-size:20px; font-weight:600; color:#222;}
.popup_item .title .popup_close_btn{display:block; position:absolute; right:24px; top:25px; width:20px; height:20px; cursor:pointer;}
.popup_item .title .popup_close_btn:before{content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); width:100%; height:2px; background-color:#777;}
.popup_item .title .popup_close_btn:after{content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); width:100%; height:2px; background-color:#777;}
.popup_item .caution{padding:15px 20px; font-size:14px; font-weight:800; letter-spacing:-0.5px; color:#222;}
.popup_item .detail{padding:10px 24px;}
.popup_item .detail:last-child{padding:5px 20px 20px;}
.popup_item .detail li{padding:5px 0 0;}
.popup_item .detail li:first-child{padding:0; font-size:14px; font-weight:600; color:#222;}
.popup_item .detail .circle_list{display:flex; font-size:12px; font-weight:400; color:#666;}
.popup_item .detail .circle_list:before{content:""; display:block; flex:none; width:4px; height:4px; margin:8px 5px 0 0; border-radius:50%; background-color:#666;}
/* // 2022.03.21 JJH cardinfo */

/* 2022.03.17 select 커스터마이징 - human pay 보라님 작업물 */
.category_select_box { position: relative; width: 126px; background-color: #ffffff; font-size: 18px; cursor: pointer; }
.category_select{ padding: 15px 0 8px;}
.category_select > span { padding-right:5px; color: var(--black); font-size: 14px; font-weight: 800; }
.scroll_list { display: none; position: absolute; top: 48px; width: 100%;font-size: 14px;background-color: #ffffff; box-shadow: 1px 2px 2px rgb(0 0 0 / 20%); z-index: 80;}
.category_select_box ul > li { padding:10px 20px; font-size: 14px; color: var(--black); cursor: pointer; border:none;}
.scroll_box li {font-weight: 400;}
.scroll_box li:first-child {padding-top: 20px;}
.scroll_box li:last-child {padding-bottom: 20px;}
.scroll_box li.selected {font-weight: 800;}
/* select rotate */
.category_select_arrow{ transition: 500ms ease;}
.category_select img.down { transform: rotate(-180deg); }

/* 2022.03.23 mynft > user_detail... 페이지 NFT 레이아웃별 양쪽 여백 수정 NJH */
.nft_item_list.layout_double {padding:0 10px 20px;}

/* 2022.03.24 mynft > drop_register/edition_sell_01 페이지 - select 수정 NJH */
.category_select_box.coin_select {width: 32.23880597014925%; min-width: 108px; margin-right: 10px; height: 50px; font-size: 14px; border: 1px solid var(--black);}
.category_select_box.coin_select .category_select {padding: 15px 20px;}
.coin_select .scroll_box {position: relative; left:-1px; width: calc(100% + 2px); border: 1px solid var(--black);}

/* 2022.03.24 KYC 인증 실채/대기 페이지 kyc_fail/kyc_pending : NJH */
.contents_cont.kyc {padding: 30px 20px 50px; color: var(--black);}
.contents_cont.kyc h2 {padding-bottom: 30px; font-size: 26px; font-weight: 800; text-align: center;}
.contents_cont.kyc p {font-size: 16px; font-weight: 600;}
.contents_cont.kyc .flex_start {justify-content: flex-start;}
.contents_cont.kyc form input {width: 100%; padding: 10px 0; font-size: 18px; font-weight: 600; border-bottom: 1px solid var(--inactive); transition:border-bottom 300ms ease;}
.contents_cont.kyc form input:focus {border-bottom: 1px solid var(--black);}
.contents_cont.kyc form input::placeholder {color: var(--inactive);}
.contents_cont.kyc form p {padding-top: 10px; font-size: 14px; font-weight: 600;}
.contents_cont.kyc form button {width: 100%; padding: 18px 0; margin:60px 0 10px; color: #fff; background-color: var(--black); font-size: 16px; font-weight: 800; text-align: center; transition: background-color 300ms ease-in-out;}
.contents_cont.kyc .basic_btn{padding: 0;}
.contents_cont.kyc .basic_btn button {background-color: #fff; color: var(--black); border: 1px solid var(--black);}
.contents_cont.kyc .basic_btn button:hover {background-color: #000; color: #fff;}

/* 2022.03.25 drops > drops_main / market > market_main null 설정 */
.null_txt {padding: 309px 0 400px; text-align: center;}
.null_txt.market { padding-bottom: calc((100vh - 242px) / 2);padding-top: calc((100vh - 242px) / 2); text-align: center;}

/* 2022.03.25 login page css - NBR */
.contents_login { padding: 0 20px; width: 100%; min-height: 100vh; }
.login_container { padding-top: 110px; text-align: center;}
.login_container h2 { font-size: 26px; font-weight: 800; color: var(--black); }
.login_container input { width: 100%; padding-bottom: 10px; border-bottom: 1px solid var(--inactive); font-size: 18px; font-weight: 700; font-family: "montserrat"; }
.login_container input:focus { border-bottom: 1px solid var(--black);}
.login_container input::placeholder {font-size: 18px; font-weight: 600; color:var(--inactive); font-family: "Spoqa_Han_ans_Neo";}
.login_id, .login_pw { margin-top: 30px;}
/* 아이디 비밀번호 찾기 버튼 */
.login_btn_box { height: 100%; margin: 30px auto 40px; }
.login_btn_box > button { padding:0; width: 100px; height: 38px; font-size: 14px; font-weight: 600; border-radius: 8px; font-family: "Spoqa_Han_ans_Neo"; color:var(--black);}
/* 신규 회원가입 버튼 */
/* .new_signUp { padding: 17px 0; width: 100%; font-size: 16px; font-weight: 800; background-color: #fff; border: 1px solid var(--black); color:var(--black);} */
.new_signUp { padding: 17px 0; width: 100%; font-size: 16px; font-weight: 800; background-color: var(--main); border: 1px solid var(--main); border-radius: 10px; color:#fff;}
/* 하단 문구 */
/* .login_copy { position: absolute; bottom: 30px; left: 50%; transform: translate(-50%);} */
.login_copy {width: 100%; padding-top: 200px; background-color: #fff;}
.login_copy > p { font-size: 14px; font-weight: 600; margin-bottom: 10px;}
.login_copy > span { display: block; font-family: "montserrat"; font-size: 12px; font-weight: 600; line-height: 18px; }

/* 2022.03.29 구매 확인 페이지(market / drops > ..._purchase_check) 구매유의사항 팝업창 내 체크박스 추가 : NJH*/
.pop_up.purchase_check .purchase_agree span {display: flex; width: calc(50% - 10px); height: 60px; background-color: var(--black);  color: #fff; font-size: 16px; font-weight: 600; cursor: pointer;}
.pop_up.purchase_check .purchase_agree span.note_cancel {background-color: var(--inactive); }
.pop_up.purchase_check > p.agree_txt {font-size: 18px; font-weight: 800;}

/* 2022.03.30 로그인 페이지 입력 관련 알림문구 : NJH */
.login_container .alert_txt {display: block; padding-top: 5px;font-size: 14px; font-weight: 400; color: var(--red); text-align:left;}

/* 2022.03.30 mynft > drop_register - drops 판매 기간 설정 : NJH */
.regist_input {font-size: 14px; font-weight: 600;font-family: 'Spoqa_Han_ans_Neo'; transition: border-color 300ms ease;}
.regist_input:focus {border-color:var(--black); transition: border-color 300ms ease;}

.deal_history ul.history_list li:nth-child(1).is-current ~ li.scroll_bar {top: 0;}
.deal_history ul.history_list li:nth-child(2).is-current ~ li.scroll_bar {top: 91px;}
.deal_history ul.history_list li:nth-child(3).is-current ~ li.scroll_bar {top: 182px;}
.deal_history ul.history_list li:nth-child(4).is-current ~ li.scroll_bar {top: 273px;}
.deal_history ul.history_list li:nth-child(5).is-current ~ li.scroll_bar {top: 364px;}
.deal_history ul.history_list li:nth-child(6).is-current ~ li.scroll_bar {top: 455px;}
.deal_history ul.history_list li:nth-child(7).is-current ~ li.scroll_bar {top: 546px;}
.deal_history ul.history_list li:nth-child(8).is-current ~ li.scroll_bar {top: 637px;}
.deal_history ul.history_list li:nth-child(1):hover ~ li.scroll_bar {top: 0;}
.deal_history ul.history_list li:nth-child(2):hover ~ li.scroll_bar {top: 91px;}
.deal_history ul.history_list li:nth-child(3):hover ~ li.scroll_bar {top: 182px;}
.deal_history ul.history_list li:nth-child(4):hover ~ li.scroll_bar {top: 273px;}
.deal_history ul.history_list li:nth-child(5):hover ~ li.scroll_bar {top: 364px;}
.deal_history ul.history_list li:nth-child(6):hover ~ li.scroll_bar {top: 455px;}
.deal_history ul.history_list li:nth-child(7):hover ~ li.scroll_bar {top: 546px;}
.deal_history ul.history_list li:nth-child(8):hover ~ li.scroll_bar {top: 637px;}
.deal_history ul.history_list {padding-bottom: 0; margin-bottom: 50px;}
.history_list > li {padding: 10px 0 10px 20px;}
.history_list .scroll_bar {position: absolute; left: 20px; top: 0; height: 86px; width: 2px; padding: 0;background-color: var(--black); border: none; transition: all .3s ease-in-out;}

/* 2022.03.31 drops > drops_detail... - NFT 이미지 영역 및 구매하기 버튼 수정 : NJH */
.img_box {display: flex; justify-content: center; align-items: center; width:calc(100vw - 80px); height:calc(100vw - 80px); max-width:450px; max-height:450px; text-align: center;margin:0 auto;}
.img_box img, .img_box video {max-width: 100%; max-height: 450px; object-fit: contain; box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.img_box video {box-shadow: none;}

/* 2022.04.11 market > collection_detail, edition_detail 에디션 목록 탭 구매하기버튼 수정 : NJH  */
.edition_purchase_btn {padding:6px 10px; background-color: var(--black); color: #fff; font-size: 14px; font-weight: 800;transition: background-color 300ms ease-in-out; z-index: 10;}
.edition_purchase_btn:hover {background-color: #000;}

/* 하단 fixed 버튼 공통 CSS : NJH  */
.fixed_btn {position:fixed; bottom:0; width: 100%; max-width: 800px; padding: 0 0 26px 0; background-color: #fff; text-align: center; z-index: 100;}
.fixed_btn button{width: calc(100% - 40px); padding: 18px 0; background-color: var(--main); color: #fff; font-size: 16px; font-weight: 800; transition:background-color 300ms ease-in-out; border-radius:10px; cursor: pointer;}
.fixed_btn button:hover{background-color: #000; border-color:var(--black);}
.fixed_btn button.orange_font {color:#fff;}
.fixed_btn.inactive {opacity:0; z-index: -1; transition:opacity 300ms ease, z-index 300ms ease;}
.fixed_btn.active {opacity:1; z-index: 100; transition:opacity 300ms ease;}

/* market > collection_detail NFT 정보 부분 수정 : NJH  */
.top_txt .author{font-size: 16px; font-weight: 600;}
.top_txt .sale_mark{font-size: 18px; font-weight: 600; color: var(--dark-gray);}
.top_txt .sale_price{font-size: 22px; font-weight: 800; color: var(--orange);}

/* market > collection_detail 공개 방식 설정 팝업창 추가 : NJH  */
.pop_up.public {font-family: 'Spoqa_Han_ans_Neo';}
.pop_up.public > p {padding: 40px 20px 20px;}
.pop_up.public .pop_txt {display: block; padding:0 20px 20px; font-size: 14px; }
.pop_up.public .pop_txt.warning {padding-bottom:40px; color: #ff0000; font-size: 12px;}
.public_method { width: 100%; padding: 0px 20px 40px;}
.public_method li {width: calc(50% - 6px);  border:1px solid var(--light-gray); transition:border 300ms ease;cursor: pointer;}
.layout_img {height: 124px; overflow-y: hidden; padding: 10px 10px 0 10px; background-color: var(--light-gray);}
.layout_img img {width: 100%;}
.public_method li > span {display: block; width: 100%; height: 38px; font-size: 14px; color: var(--black); line-height: 32px; border-top: 1px solid var(--light-gray); transition:border-top 300ms ease, background-color 300ms ease;}
.public_method li.active {border:1px solid var(--black);}
.public_method li.active span {background-color: var(--black); border-color:var(--black); color:#fff;}
.pop_up.public .pop_close.half_btn {border: 1px solid var(--black); cursor:pointer;}
.pop_up.public .select_active {background-color: var(--black); cursor:pointer;}

.public_method_txt {display: none; padding: 0 20px 40px 20px; margin-top: -10px;}
.public_method_txt.active {display: block;}
.public_method_txt li {display: none;}
.public_method_txt li.active {display: block;}
.public_method_txt p {padding: 0 0 5px 0; font-size: 14px; text-align: justify;}
.public_method_txt .underlined {text-decoration: underline;}

/* Drop 신청 취소 클릭시 재확인 팝업창 */
.half_btn { width: 49%; padding: 18px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--main); border:1px solid var(--main); border-radius:10px; transition: background-color 300ms ease-in-out; }
.half_btn.left {margin-right: 20px; color:var(--main); background-color: #fff;}

/* 2022.04.20 mynft > edition_details_modified0420 수정본 반영 : NJH */
.mint_drop_figures {font-size: 14px; color:var(--dark-gray);}
.top_txt > h2 {padding-top:10px; font-size: 20px; font-weight: 800;}
.won_price { font-size: 14px; color:var(--dark-gray); font-weight: 600; text-align: right;}
.won_price img {margin-bottom: -4px;}
.checkout_price {font-size: 18px; font-weight: 800;}
.top_txt.edition {border-bottom: 1px solid var(--light-gray);}
.edition_tab { position: sticky; top: 50px; z-index: 100; background: #fff; border-bottom: 1px solid var(--light-gray);}
.info_tab.edition {padding: 0 20px;}
.info_tab.edition li{font-size: 16px; border-bottom:none;}
.info_tab.edition li.active_tab_bar {bottom:-1px; height:2px; width: calc((100% - 40px) / 4); margin: 0 20px; }

/* 2022.04.22 edition_detail 수정 */
.more_author_collection.current_sales {margin-top: 30px; font-size: 14px; font-weight: 800; color: var(--black); }
.top_txt {border-bottom:1px solid var(--light-gray);}
.information_cont {font-size: 14px;}
.information_cont > li {padding: 30px 20px;}
.information_cont > li:nth-child(n + 1) {border-bottom:1px solid var(--light-gray);}
.information_cont > li:last-child {border-bottom:none;}
.edition_info.collection p{padding-bottom: 0; color:var(--black);}
li.edition_info:nth-child(2) p {padding-bottom: 10px;}
li.edition_info p:last-child {padding-bottom: 0;}
.edition_info.market_data > ul > li {padding: 14px 0; margin-top: 10px; height: 74px; border:1px solid var(--light-gray); font-size: 14px; text-align: center;}
.edition_info.market_data > ul > li:first-child {margin-top: 0;}
.edition_info.market_data p {padding-bottom: 0;}
.edition_info.market_data p:first-child {font-weight: 600;}
.edition_info.market_data p:last-child {font-size: 16px; font-weight: 800;}
.edition_info .pop_table_box {padding-left: 0; margin-bottom: 20px;}
.more_detail_btn {display: block; width: 168px; height: 38px; margin: 0 auto; background-color: var(--light-gray); color:var(--black); text-align: center; line-height: 38px; cursor: pointer;}
.nft_info.edition .purchase_guide.edition{margin-top: 0; padding-bottom: 114px;}

/* 2022.04.25 edition_detail */
/* 전체 판매 거래 내역 없는 경우 */
.edition_info .no_market_txn {padding-bottom: 0; color:var(--black); line-height: 451px; text-align: center; }
/* 만약 항목 7개까지만 보여주는 경우면 line-height: 328px */
/* 테이블 마지막 열 타이틀 왼쪽 정렬 */
.edition_info .pop_up_table tr th:last-child, .edition_info .pop_up_table tr td:last-child {text-align: left;}
.pop_up.edition_detail {top:60px; transform: translateX(-50%); width: 100%; max-width: 724px;; height: calc(100% - 60px); padding:30px 0; background-color: #fff; border-radius: 10px 10px 0 0;}
.pop_up.edition_detail .pop_table_box {height: calc(100% - 35px); margin-right: 5px; padding-right:15px;}
/* 팝업창 타이틀 높이 36px - border 1px = 35px */
.pop_up.edition_detail .pop_up_table {border-collapse: separate; border-spacing:0;}
.pop_up.edition_detail .pop_up_table img {margin:0 0 -5px 3px;}
.pop_up.edition_detail .pop_up_table th:last-child img {margin:0 0 -5px 2px;}
.pop_up.edition_detail thead {position: sticky;left: 0;top: 0;background: #fff;border-bottom: 1px solid var(--black);}
.ordering_btn {cursor: pointer;}
.ordering_btn1 {cursor: pointer;}
.list_item_info.edition p {padding:0 0 5px;}
.pop_up.edition_detail .profile_img {width: 33px;}
.pop_up.edition_detail .profile_img.no_history {width: 10px;}
.pop_up .deal_history {position: relative; height: calc(100% - 35px); overflow-y: auto; padding-right:0; margin-right:5px;}
.list_item_info {text-align: left;}
.pop_up .deal_history::-webkit-scrollbar {width:15px;}
.pop_up .deal_history::-webkit-scrollbar-thumb {background-color: var(--light-gray); border-radius: 5px; border:5px solid #fff;}
.deal_history::-webkit-scrollbar-track {background-color: #fff;}
.pop_up .history_list > li {margin-left: 5px;}
.pop_up .list_item_info.edition {width: calc(100% - 53px);}
.pop_up .deal_history ul.history_list {padding: 0 0 0 20px;}

/* 2022.04.26 거래정보 탭 버튼화 및 각 탭 영역구분 */
.edition_info.txn_info > .txn_price > li{ width: 50%; height: 38px; padding:10px 0; border:1px solid var(--black); background-color: #fff; text-align: center; color:var(--black); font-weight: 600; line-height: 1; cursor: pointer;}
.edition_info.txn_info > .txn_price > li.active {background-color: var(--black); color:#fff;}
.txn_info_tab {display: flex; justify-content: flex-start; align-items: flex-start; width: 200%; transition:transform 300ms ease;}
.txn_info_tab.active {transform: translateX(-50%);}
.edition_info.txn_info .txn_info_tab > li {width: 50%; z-index: -1; opacity:0; padding: 0 0 20px 0; border-bottom:0;}
.edition_info.txn_info .txn_info_tab > li.active {opacity:1; z-index: 1; transition: opacity 300ms ease, z-index 300ms ease;}
.edition_info.txn_info .txn_info_tab li.pop_table_box {padding: 0;}
.txn_info_tab ul.history_list {position: relative; margin-bottom: 0;}
.txn_info_tab .history_list .scroll_bar {left: 0px;}
.txn_info_tab .history_list .profile_img {margin-right: 20px;}
.txn_info_tab .history_list > li {justify-content: flex-start;}
.txn_tab_cont {width:100%; height: 468px; margin-bottom: 30px; overflow: hidden;}

/* 22.04.27 하단 고정 half_btn */
.fixed_btn .half_btn {width: calc(50% - 30px); border:1px solid var(--main);}
.fixed_btn .half_btn.left:hover {background-color:white; border-color:var(--main);}

/* collection_detail 수정 */
.market_data.collection, .txn_info.market_data {padding: 0 20px 30px; border-bottom: 1px solid var(--light-gray);}
.txn_info.market_data {padding: 30px 20px;}
.market_data_info.summary p {text-align: center;}
.market_data_info.summary p:first-child {padding-bottom: 0; color:var(--orange);}
.edition_info.txn_info > ul > li {margin-top: 0;}
.txn_info_tab.collection {margin-left: 0; }
.txn_info_tab.collection ul.history_list {height: 469px; padding: 0;}
.txn_info_tab.collection ul.history_list > li p:last-child {padding-bottom: 0;}

/* 2022.05.03 mynft > collection_detail - Drop 신청/취소 팝업창 추가*/
.cancel_drop_img {width: 260px; height: 260px; padding: 38px; margin: 0 auto; background: var(--light-gray);}
.cancel_drop_img > img { max-width: 100%; max-height:184px; object-fit: cover;}
.pop_up.drop_cancel > p {padding: 40px 20px 20px;}
.pop_up.drop_cancel > p.pop_txt {padding: 0 20px 40px; font-size: 14px; font-weight: 600; font-family: 'Spoqa_Han_ans_Neo';}
.pop_up .pop_tit {font-weight: 800; font-family: 'Spoqa_Han_ans_Neo';}
.pop_up .pop_close {font-family: 'Spoqa_Han_ans_Neo';}

/* 2022.05.03 mynft > collection_detail - anchor 스크롤 레이아웃으로 변경 */
.information_cont > li.collection_detail  {padding: 30px 0 0;}
.edition_info.collection_detail > p.last {padding-bottom:30px;}
.edition_info.collection_detail .creator_info h2 {font-size: 18px;}
.edition_info.collection_detail .creator_info h3 {padding-bottom: 0;}

/* 2022.05.03 mynft > drop_register - 드롭 시간 선택 영역 추가 및 텍스트 수정 */
.category_select_box.dropTime_select {width: 100%; margin-top: 10px; border: 1px solid var(--inactive);}
.category_select_box.dropTime_select .category_select { height: 50px; padding: 0 20px; }
.category_select_box.dropTime_select .category_select > span {width: calc(100% - 20px); font-size: 14px; color: var(--black); font-weight: 600; }
.category_select_box.dropTime_select .category_select > span.inactive {color:var(--inactive);}
.category_select_box.dropTime_select .scroll_list {left: -1px; top: 51px; width: calc(100% + 2px); border:1px solid var(--inactive); border-top:none;     box-shadow: 1px 1px 2px rgb(0 0 0 / 20%);}
.category_select_box.dropTime_select ul > li {font-weight: 600;}
.drop_regist_info input.drop_price {text-align: right;}

/* 2022.05.03 drops > drop 상세페이지 - 레이아웃 변경 */
.drop_figure {font-size: 14px; font-weight: 400;}
.author_profile_img + h3 {width: calc(100% - 84px); padding-bottom: 0;}
.purchase_guide.drop_detail > p {display: flex; justify-content: flex-start; align-items: flex-start; text-align: justify; font-size: 14px; font-weight: 400;}
.divide_line+span.thick800 {font-weight: 800;}
.author_name {font-size: 16px;}

/* 2022.05.06 drops > drop 구매페이지 - 인포메이션 팝업창 추가 */
.info_alert p {color:#fff; text-align: justify;}
.payment_info {position: relative;}
/* .purchase_note {margin-top: 20px; margin-bottom: 20px;} */
.nft_info.purchase {color:var(--black);}
.pop_up.purchase_check .check_whole_btn {display: block; width: calc(100% - 40px); padding: 18px 0; margin: 20px; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--main); border-top: 1px solid var(--main); border-radius:10px; transition: background-color 300ms ease-in-out;}
.pop_up.purchase_check p {align-items: flex-start; padding:0 0 10px; font-size: 14px; font-weight: 400; text-align: justify; line-height: 1.2;}
.pop_up.purchase_check p:last-child {padding-bottom: 30px;}

/* 2022.05.09 drops > drop 구매 페이지 - 팝업창 배경영역 설정 */
.pop_up.purchase_check {padding-top: 0; background-color: #fff;}
/* .pop_up.purchase_check {padding-top: 0; background-color: rgba(255,255,255,0);} */
.purchase_txt {padding-top: 10px; }
/* .purchase_txt {padding-top: 40px; background-color: #fff;} */

/* 2022.05.10 market > market_detail 거래정보 활성화 영역 설정 */
.txn_tab_cont.market .txn_info_tab.active {transform: translateX(0);}
/* .pop_up.purchase_check .purchase_close {margin-top: 20px;} *

/* 2022.05.10 market > market_purchase 원화 금액 표시 추가 */
.purchase_info .exchange_figure, .drop_regist_info .exchange_figure { margin: 0; background: none; color:var(--dark-gray); font-size: 14px; text-align: right;}
.purchase_info .exchange_figure { margin-top:-5px; }

/* 2022.05.10 mynft > collection_detail */
.creator_info.minting_info p {padding-bottom: 10px;}
.creator_info.minting_info p:nth-child(3n + 1) {border-bottom:1px solid var(--light-gray);}

/* 22.05.11 mynft > 썸네일 텍스트 레이아웃 변경 */
.detail_txt p.author {font-size: 12px;}
.bottom_txt li .owner {font-size: 12px; color:var(--dark-gray); padding-bottom: 5px;}
/* .detail_txt p:last-child {border-top:1px solid var(--light-gray);} */

/* mynft > collection_detail 정산 정보 영역 테이블 구조 수정 */
.txn_history_tbody tr {vertical-align: top;}
.txn_history_tbody tr span{display: block;}
.txn_history_tbody tr span:last-child{color:var(--dark-gray);}
.txn_info_tab.collection {width: 100%;}
.edition_info.txn_info .txn_info_tab .pop_table_box.txn_history {width: 100%; z-index: 1;opacity: 1;overflow: inherit;}
/* .txn_tab_cont.txn_history {height: 1400px;} */
.total_txn_history {padding:10px 0 10px 10px; color:#fff; background-color: var(--black); }
.pop_up.edition_detail .txn_history_tbody tr span{display: block;}

/* 상세 페이지 내 NFT 이미지 영역 수정 */
.gallery_box {padding:20px 40px 0; background-color: #fff;}
.img_box > a {width: 100%; height: 100%;}

.pop_up_table .txn_history_tbody tr td {height: 66px;}

/* 22.05.12 mynft > nft_transfer */
.drop_regist_info.transfer label {position: relative;}
.drop_regist_info input{transition: border-color 300ms ease;}
.drop_regist_info input:focus {border-color:var(--black); transition: border-color 300ms ease;}
.search_btn {position: absolute; right:0; width: 40px; height: 40px; text-align: center; font-size: 14px; font-weight: 800; cursor: pointer; line-height: 40px;}
.search_result {position: absolute; width: calc(100% - 40px); max-height:234px; padding: 20px;
  border: 1px solid var(--inactive); border-top: none; background-color: #fff; z-index: -1; opacity:0; overflow-y: auto;}
.search_result.active { z-index: 20; opacity:1; transition: opacity 300ms ease, z-index 300ms ease;}
.search_result li {padding: 10px 0; border-bottom: 1px solid var(--light-gray);border-top: none; cursor: pointer;}
.search_result li:first-child {padding-top: 0;}
/* .search_result li:last-child {padding-bottom: 0;} */
.drop_regist_info .search_result p > span {font-size: 14px; font-weight: 600;}
.drop_regist_info .search_result p > span:first-child {font-size: 14px; font-weight: 600;}
.search_result p span:last-child {width: calc(100% - 130px); word-break: break-all;}

/* mynft > nft_transfer_comp */
.contents_cont.transfer {margin: 50px auto 0; padding: 0; padding-top: 30px; background-color:var(--light-gray);}
.transfer_detail_box {width: calc(100% - 40px); margin:0 auto; padding: 30px 20px; background-color: #fff;}
.transfer_detail_box > span {display: block; width: 100%; margin: 0 auto; text-align: center;}
.transfer_detail_box > span img {width: 26px; height: 26px; margin: 0 auto;}
.transfer_detail_box h2{padding: 30px 0; font-size: 24px; font-weight: 800; text-align: center;}
.transfer_detail_box p {font-size: 14px; font-weight: 600;}
.transfer_detail_box p span:first-child {width: 100px;}
.transfer_detail_box p span:last-child {width: calc(100% - 100px);}
.transfer_detail_box p:nth-child(even) {padding-top: 10px; padding-bottom: 20px;}
.transfer_detail_box p:last-child {padding-bottom: 0;}
.transfer_detail_box p:nth-child(odd) {padding-top: 20px; border-top: 1px solid var(--light-gray);}
.transfer_detail_box p span:last-child { color: var(--black); word-break: break-all;}
.transfer_btn_box { margin: 52px 20px 0; padding-bottom: 30px; text-align: center;}
.transfer_btn_box span {display: block; width: 100%; height: 58px;padding: 18px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--main);border-radius:10px; transition: background-color 300ms ease-in-out; cursor: pointer;}
.transfer_btn_box span:last-child {margin-top: 20px; background-color: #fff; color:var(--main); border: 1px solid var(--main);}

/* edition_detail 거래정보  - edition# 탭 영역 ul> li 구조 */
.txn_edition_history {width: 100%; color:var(--black);}
.txn_edition_history .txn_item_tit{position: sticky; top: 0; background: #fff; padding: 10px 0 10px 10px; border-bottom: 1px solid var(--black); color: var(--black); font-size: 14px;font-weight: 800; z-index: 5;}
.txn_edition_history .txn_item_tit > li:first-child{width:calc(100% / 3);}
.txn_edition_history .txn_item_tit > li:nth-child(2){width:calc(100% / 3);}
.txn_edition_history .txn_item_tit > li:last-child{width:calc(100% / 3);}
.txn_item_list li {cursor: pointer;}
/* .txn_item_list li {height: 40px; cursor: pointer;} */
.txn_item_list li:nth-child(odd){border-bottom: 1px solid var(--light-gray);}
.txn_item_list li > div:first-child img {width: 26px; height: 26px;}
.txn_item_list li > div {padding:10px;}
.txn_item_list li > div:first-child {width:calc(100% / 3);}
.txn_item_list li > div:nth-child(2) {width:calc(100% / 3);}
.txn_item_list li > div:nth-child(3) {width:calc(100% / 3);}
.txn_from_to {display: none; width: 100%; min-height: 40px; padding:0 20px; background-color: #fcfcfc;  }
/* line-height: 40px; */
.txn_item_list .txn_from_to > div:first-child {width: 100%; padding: 10px 0;}
div.no_history {height: 400px;}
div.no_history p {line-height: 400px; text-align: center;}
.txn_info_tab.edition_txn.active {transform: translateX(0%);}
/* .txn_tab_cont.edition_txn {overflow-y: auto;} */
.txn_info_tab.edition_txn .txn_edition_history {height: 451px; overflow-y: auto;}
.txn_info_tab.edition_txn .txn_edition_history::-webkit-scrollbar {width:15px;}
.txn_info_tab.edition_txn .txn_edition_history::-webkit-scrollbar-thumb {background-color: var(--light-gray); border-radius: 5px; border:5px solid #fff;}
.txn_info_tab.edition_txn .txn_edition_history::-webkit-scrollbar-track {background-color: #fff;}
.txn_from, .txn_To {width: 48%;}
.txn_from span, .txn_To span {line-height: 1.2;}
.txn_from span:last-child {color:var(--dark-gray); font-weight: 600; word-break:break-all;}
.txn_To span:last-child {color:var(--blue); font-weight: 600; word-break:break-all; }

/* 에디션 거래정보 팝업창 수정 */
.pop_up.edition_detail .txn_edition_history {height: calc(100% - 35px); margin-right: 5px; padding: 0 20px; text-align: left; overflow-y: auto;}
.pop_up.edition_detail .txn_edition_history span {display: flex; background-color: rgba(255,255,255, 0);}
.pop_up.edition_detail .txn_from span {font-weight: 600;}
.pop_up.edition_detail .txn_To span {font-weight: 600;}

/* 22.05.16 거래정보/정산정보 영역 테이블 상단 sticky 적용 */
.pop_up_table thead {position: sticky; left: 0; top: 0; background: #fff; border-bottom: 1px solid var(--black);}

/* 22.05.16 collection_detail 상세페이지 하단 여백 설정 */
.detail_padding {margin-bottom: 0; padding-bottom: 100px;}

/* 22.05.19 login 페이지 비밀번호 숨김/노출 아이콘 추가  */
.password_box {position: relative;}
.eye_icon {position: absolute; top:0; right:10px; cursor: pointer;}

/* 22.05.20 edition_detail > img_box 이미지영역 수정(대리님 요청 반영) */
.gallery_box.edition_detail {padding:20px 40px 0;}

/* 22.05.24 NFT 발행 반려 페이지 mint_rejected */
h2.rejected {padding: 0 20px 30px; text-align: center; font-size: 20px; font-weight: 400;}
.transfer_detail_box.rejected p {font-weight: 400; align-items: flex-start;}
.transfer_detail_box.rejected p span:last-child{width: 100%;}
.transfer_detail_box.rejected p.medium {font-weight: 600;}
.transfer_detail_box.rejected span.num {width: 18px; height: 14px; /*border-radius:50%; border: 1px solid var(--black);text-align: center;line-height: 1;*/ font-size: 12px; margin: 2px 0 0 0;}
.transfer_detail_box.rejected p:nth-child(odd) {padding-top: 0; padding-bottom: 5px; border-top: none;}
.transfer_detail_box.rejected p:nth-child(even) {padding: 0; padding-bottom: 5px;}
.transfer_detail_box.rejected p:first-child {padding-bottom: 20px;}
.fixed_btn.rejected {position: static; padding-top: 50px; background-color: rgba(255,255,255,0);}

/* 22.05.25 구매 레이아웃 페이지 수정 */
.img_box.purchase {position: relative; width: 80px; height: 80px; padding:0; margin: 0 20px; }
.img_box.purchase img, .img_box.purchase video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; box-shadow: unset;}
/* .img_box.purchase {width: 80px; height: 80px; padding:20px; margin: 0 20px;}
.img_box.purchase img {max-width: 80px; max-height: 60px; box-shadow: unset;} */
.purchase_detail {padding: 20px 0; }
.purchase_detail .top_txt.purchase {padding: 0; border:none;}
.purchase_detail .top_txt > h2 {padding-top:0;}
.purchase_info li {border-top: 6px solid var(--light-gray);}
.price_slide {display: none; padding-top: 20px;}
.price_more {cursor: pointer;}
.price_more img{transform: rotate(0deg); transition:transform 300ms ease;}
.price_more.active img{transform: rotate(-180deg);}
.purchase_info .payment_info.border {margin:0 20px; padding:20px 0; border-top: 1px solid var(--dark-gray); }
.fixed_btn.make_purchase_btn {position: static; background-color: var(--light-gray); padding-top:20px;}

/* 22.05.30 collection/edition 상세페이지 상태명 변경 */
.sale_now.black {background-color: var(--black); color: #fff;}
.sale_now.black.orange {color: var(--orange);}
.time_mark {position: fixed; bottom:96px; left:50%; transform:translateX(-50%); width:fit-content; border-radius:5px; background-color: rgba(0, 0, 0, 0.8); text-align: center; z-index: 100;}
.time_mark p{padding:8px 20px; color:#fff; font-size: 14px; font-weight: 600;}
.time_mark span{color:#ff0000; }

/* 22.08.01 mynft > user_detail 동영상 레이아웃 추가 */
.nft_video {position: relative;}
.nft_video span {position: absolute; right:10px; bottom:10px; width:40px; height:40px; border-radius: 5px; cursor: pointer; z-index: 50;}
.drops_video {position: absolute; bottom:20px; right:20px; padding:5px 10px; border-radius: 5px; color:#fff; background-color: var(--black);}

/* iOS span태그 자동 줄바꿈 오류 수정 */
.d_inline {display: inline;}

/* 마켓 구매 유의사항 팝업창 수정 */
.pop_up.purchase_check h3 { padding-top: 20px;}

/* NFT 전송보내기 페이지 info 팝업창 위치 수정(화면 벗어나는 오류) */
.info_alert.right {right:0; left:unset;}

/* progress bar */
.progress_wrap {flex-wrap: wrap; padding:20px; margin-top:50px; text-align: center;}
.progress_wrap h2 {display: inline-block; padding-bottom: 10px; margin-bottom:20px; border-bottom:2px solid #191C1E;}
.progress_box {width:100%; padding: 20px; margin-bottom: 20px;}
.progress_box li:nth-child(odd){display: flex; justify-content: space-between; align-items: center;}
.progress_bar{width:100%; max-width: 500px; margin:10px auto; background-color: var(--dark-gray); border-radius: 20px;}
.gage_bar { width: 0%; height:20px; background-color: #fff; border-radius: 20px; transition: width 1s;}
.progress_top p, .progress_figures p:first-child {color:#fff;}
.loding_box {width:100%; height:100vh; background-color: #000;}
.loading02_cont {width: calc(100% - 40px); margin: 0 auto; margin-top: 160px; padding: 10px; background-color: rgba(255,255,255, 0.2);border-radius: 10px;}
.pop_wrap.loding_box {position: fixed; z-index: 500;}
.loading02_cont {position: relative; z-index: 0; width: calc(100% - 20px); max-width:500px; padding: 20px; margin: 160px auto 0; border-radius: 10px; overflow: hidden; text-align: center;}

.loading02_cont::before {
  content: '';position: absolute;z-index: -2;left: -50%;top: -100%;width: 200%;height: 300%;background-color: #2943ED;background-repeat: no-repeat;background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;background-image: linear-gradient(#0089FF, #2943ED), linear-gradient(#2943ED,#0089FF ), linear-gradient(#0089FF, #00A8BA), linear-gradient(#0089FF, #2943ED);
  animation: rotate 6s linear infinite;
}
.loading02_cont::after {content: '';position: absolute;z-index: -1;left: 6px;top: 6px;width: calc(100% - 12px);height: calc(100% - 12px); background: #1a1a1a; border-radius: 10px;}

.loading_txt {width: 100%; padding:40px 0; background-color:#1a1a1a; border-radius: 10px; overflow: hidden;}
/* @keyframes rotate {100% {transform: rotate(1turn);}} */

.urgent_btn{ width: 50%; padding: 18px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--black); border-top:1px solid var(--black); transition: background-color 300ms ease-in-out; }
.allday_none_btn { color:var(--black); background-color: #fff;}

/* 22.10.18 user > nft_create , mynft > drop_register(드롭), edition_sell(판매) */
.category_select_box.create {width: 100%; max-width:200px; height: 42px; padding: 0 20px; border: 1px solid var(--inactive);}
.category_select > span.gray_font {color: var(--dark-gray);}
.category_select.create {padding: 0; line-height: 42px;}
.category_select_box.create .scroll_list, .category_select_box.main .scroll_list {width:calc(100% + 2px); top:40px; left:-1px; padding: 10px; border:1px solid var(--inactive);}
.category_select_box.create .scroll_box { padding: 10px;}
.category_select_box.create .category_select_arrow {width: 16px;}
.category_select_box.create ul > li {padding: 10px;}
.category_select_box.create ul > li:hover {background-color: var(--light-gray);}

/* market > market_main , drop > drop_main 검색창 추가 */
.search_form {padding: 0 10px 20px;}
.search_box.main {width: 100%; margin: 0;}
.search_box.drop {width: calc(100% - 40px); margin: 20px 20px 0;}
.search_box.main input, .search_box.drop input{ width:calc(100% - 4sde0px); padding: 0; padding-left: 20px; }
.search_box.main button, .search_box.drop button {position:static; width: 40px; height: 40px; line-height: 45px;}
.category_select_box.main {width:40%; max-width:200px; min-width: 120px; margin-right: 10px; border:1px solid var(--black);}
.category_select_box.main .category_select {height: 40px; padding: 0 10px; line-height: 40px;}
.category_select_box.main .scroll_list {padding: 0; border-color:var(--black);}
.category_select_box.main ul {padding:10px 0; }
.category_select_box.main ul > li {padding: 10px;}

/* 22.11.03 users > nft_create_comp - nft 생성완료 이미지 영역 */
.create_border.comp {padding:20px; border: none;}

/* 23.01.04 정지훈 users > nft_create - 세부 분할 버튼 추가 및 세부 분할 리스트 */
.division_btn{padding:8px 16px; background-color:#222; color:#fff; font-size:14px; font-weight:500;}

.division_table{width:calc(100% - 40px); margin:0px auto 20px; border:1px solid var(--inactive); text-align:center; border-spacing:0px; border-collapse:collapse;}
.division_table thead tr th{height:40px; border-bottom:1px solid var(--light-gray); color:#222;}
.division_table tbody tr td{height:40px; border-bottom:1px solid var(--light-gray); font-size:16px; font-weight:400; font-family:"Spoqa_Han_ans_Neo"; position:relative;}
.division_table tbody tr:last-child td{border-bottom:none;}

.division_search_result{position: absolute; left:0; top:100%; width:100%; max-height:234px; padding:20px; border: 1px solid var(--inactive); background-color: #fff; z-index: -1; opacity:0; overflow-y: auto;}
.division_search_result.active { z-index: 20; opacity:1; transition: opacity 300ms ease, z-index 300ms ease;}
.division_search_result li {padding: 10px 0; border-bottom: 1px solid var(--light-gray);border-top: none; cursor: pointer; font-size:14px; font-weight:400;}
.division_search_result li p span:first-child{width:60px; flex:none;}
.division_search_result li p span:last-child{text-align:right; word-break:break-all;}
.division_search_result li:last-child{border-bottom:none;}

.division_popup{position: fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 40px); max-width:340px; background-color:#fff; box-shadow: 0px 10px 50px rgb(0 0 0 / 40%); z-index:-1; opacity: 0; transition: opacity 300ms ease, z-index 300ms ease;}
.division_popup.active{z-index:700; opacity:1;}
.division_popup_body{padding:20px;}
.division_popup_close {display:block; margin-left:auto; cursor:pointer;}
.division_popup_title{margin-bottom:20px; text-align:center; font-size:18px; font-weight:800; font-family:"Spoqa_Han_ans_Neo"; color:#222;}

.division_input_box{position:relative;}
.division_input_box label{display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px 20px; border:1px solid var(--inactive);}
.division_input_box input{font-size:14px; font-weight:600; font-family:"Spoqa_Han_ans_Neo";}
.division_input_title{font-size:16px; font-weight:800; margin-bottom:20px; color:var(--black);}

.add_btn{width:100%; height:60px; background-color:#222; color:#fff; font-size:16px; font-weight:800;}
.popup_search{cursor:pointer;}

.division_table_delete{position:absolute; right:10px; top:50%; transform:translateY(-50%); cursor:pointer;}

.coupon_popup{position: fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 40px); max-width:340px; background-color:#fff; box-shadow: 0px 10px 50px rgb(0 0 0 / 40%); z-index:-1; opacity: 0; transition: opacity 300ms ease, z-index 300ms ease;}
.coupon_popup.active{z-index:700; opacity:1;}
.coupon_popup_body{padding:20px;}
.coupon_popup_close {display:block; margin-left:auto; cursor:pointer;}
.coupon_popup_title{margin-bottom:20px; text-align:center; font-size:18px; font-weight:800; font-family:"Spoqa_Han_ans_Neo"; color:#222;}
.coupon_popup_list{max-height:324px; overflow-y:auto; overscroll-behavior: none;}
.coupon_popup_list li{margin-bottom:20px;}
.coupon_popup_list li:last-child{margin-bottom:0px;}
.custom_coupon{display:flex; align-items:center; width:100%; min-width:282px; height:88px; border:1px solid var(--inactive); position:relative; cursor:pointer;}
.custom_coupon input{display:none;}
.custom_coupon .img{display:block; width:86px; height:86px; flex:none;}
.custom_coupon .img img{display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.custom_coupon .img video{display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.custom_coupon .text{display:block; width:154px; height:100%; padding:10px; border-right:dashed 1px #ccc;}
.custom_coupon .text .title{display:block; font-size:14px; font-weight:800; font-family:"Spoqa_Han_ans_Neo"; color:var(--orange);}
.custom_coupon .text .desc{display:block; font-size:12px; font-weight:600; font-family:"Spoqa_Han_ans_Neo"; color:#999;}
.custom_coupon .icon{display:block; width:24px; height:24px; border:1px solid #ccc; border-radius:50%; position:relative; flex:none; margin:0 auto;}
.custom_coupon .icon:after{content:""; display:block; width:16px; height:16px;  border-radius:50%; background-color:#ccc; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.custom_coupon input:checked ~ .icon{border-color:var(--orange);}
.custom_coupon input:checked ~ .icon:after{background-color:var(--orange);}

.input_design{ width: 100%; font-size: 14px; font-weight: 600; font-family: "Spoqa_Han_ans_Neo";}
.coupon_delete_btn{display:none; width:22px; height:22px; cursor:pointer;}
.coupon_delete_btn.active{display:block;}


/* 2023-01-05 정지훈 mywallet 포인트 박스 */
.wallet_point{padding:30px 20px 5px}
.point_box{border:1px solid var(--light-gray);}
.point_box_body{padding:30px 20px; font-size:18px; font-weight:800; font-family:"Spoqa_Han_ans_Neo"; color:#222; text-align:center;}
.point_box_foot{display:flex; gap:1px;}
.point_box_foot button{width:100%; padding:8px 16px; height:40px; font-size:14px; font-weight:800; font-family:"Spoqa_Han_ans_Neo"; background-color:#222; color:#fff; cursor:pointer;}

.point_history{padding:20px;}
.point_history_title{font-size:18px; font-weight:bold; color:#222; margin-bottom:20px;}
.point_history_list{padding:20px; border:1px solid var(--light-gray);}
.point_history_list li{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:10px;}
.point_history_list li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.point_history_list li p{font-size:14px;}
.point_history_list li p:first-child{width:80px; flex:none;}
.point_history_list li p:last-child{font-weight:800; color:#222; word-break:keep-all; text-align:right;}

/* 23.05.17 users > my_wallet - 내 지갑 바로가기 버튼 추가 */
.shortcut_wallet {padding: 6px 12px; margin-bottom: 20px; color: #fff; font-size: 14px; background-color: #000; border-radius:20px;}
.shortcut_wallet img {width: 16px;}

/* 2023.04.13 개인정보처리방침 NJH */
.term_table {width:100%; border: 1px solid #000; border-collapse: collapse;}
.term_table th, .term_table td {padding:5px; border: 1px solid #000; border-collapse: collapse;}


/* 2023.04.20 NFT거래내역 페이지 NJH */
.contents_more.deal_details {min-height: calc(100vh - 50px); padding-top:32px; }
.details_null { height: calc(100vh - 229px);}
.filter_list.deal_details {overflow-x: auto; white-space: nowrap;}
.filter_list.deal_details li { height: 30px;padding: 5px 16px; border-radius: 20px;}
.deal_details_list {padding-bottom: 50px; padding-left: 20px; padding-right: 20px;}
.deal_details_list li:first-child {border-top: 2px solid var(--black);}
.deal_details_list li:last-child {margin-bottom: 0;}
.deal_info_box { padding: 20px 10px; border-bottom: 1px solid var(--dark-gray);}
.deal_info_box > p {align-items: flex-start; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); color: #000;}
.deal_info_box > p:first-child {padding-top: 0;}
.deal_info_box > p:last-child {border: none; padding-bottom: 0;}
.deal_info_item {width:70px;}
.deal_info_txt {max-width: calc(100% - 80px); word-break: break-all; font-weight: bold;}
.shortcut_wallet.details {margin-bottom: 0;}
.deal_type {padding:2px 16px; border-radius: 20px; font-size: 14px; font-weight: 600; }
.deal_type.blue {background-color: var(--blue); color: #fff;}
.deal_type.red {background-color: var(--red); color: #fff;}

/* 23.05.16 user > agree_terms 이용약관 동의 페이지 */
.contents_cont.agree {width: 100%;}
.user_cont  {max-width:800px; min-width: 280px; padding:0 20px; margin: 0 auto; }
.common_btn {width: 100%; padding-top: 50px; padding-bottom: 26px;}
.common_btn button {width: 100%; padding: 20px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--inactive); border-radius:10px; text-align: center;transition: background-color 300ms ease-in-out;}
.common_btn button.active {background-color: var(--main); color:#fff;}

/* 23.05.17 more > notice - NEWS 페이지 */
.filter_list.news {padding: 30px 20px;}
.filter_list.news li {height: 30px; padding: 5px 16px; border-radius: 20px;}
.notice_list.news_detail ul li a .notice_text {width: calc(100% - 45px);}
.notice_list.news_detail ul li a .notice_text p {margin-bottom: 0;}

/* 1:1 문의하기 */
.contents_inquiry {margin-top: 50px; padding-top: 30px; padding-bottom: 103px;}
.common_btn.no_flex {margin-top: auto;}
.qna_list.inquiry .qna_title p::before {display: none;}
.inquiry_status {width: 50px; margin-right: 10px; border: 1px solid var(--black); border-radius: 10px; background-color: #fff; color:var(--black); text-align: center;}
.inquiry_status.comp {width: 50px; border: 1px solid var(--black); border-radius: 10px; background-color: var(--black); color: #fff;}
.inquiry_tit {width: calc(100% - 60px);font-size: 16px;color: var(--black);font-weight: 600;}
.qna_list.inquiry .qna_title {display: block;}
.qna_list.inquiry .qna_title > p {font-size: 12px; font-weight: 400; color:var(--dark-gray); line-height: 1.2;}
.qna_text.inquiry {background-color: #fff;}
.qna_text.inquiry .inquiry_contxt:nth-child(2) p{background-color: var(--light-gray); }
.qna_text.inquiry .inquiry_contxt:first-child p:before {content: 'Q. ';}
.qna_text.inquiry .inquiry_contxt:nth-child(2) ::before {content: 'A. '; }
.null_txt.inquiry {padding-top: calc((100vh - 213px) / 2); padding-bottom: 0;}
/* header 50px + contents_inquirty padding-top 30px + ul padding-bottom 30px + 하단 버튼 영역 103px = 213px */
/* (100vh - 213px) / 2 */
.pop_up.inquiry p {padding: 40px 20px; font-size: 16px;}
.fixed.inquiry {padding-top: 20px;}

/* sweet alert css 수정 */
.swal2-title > p {padding-top:20px; font-size:18px; font-weight:800; color:var(--black);}
.swal2-html-container p {padding:20px 0px; font-size:16px; color:var(--black); text-align:center;}

/* collection_detail 선수정보 영역 추가 */
.player_info {padding: 20px; color: var(--black); border-radius: 10px; background-color: rgba(41, 66, 237, 0.1);}
.player_info .tit{font-size: 18px; font-weight: 600; }
.creator_info.player { padding-top: 0; border-top: none; border-bottom: 1px solid var(--light-gray);}

/* 23.05.15 about */
header.no_blurred {backdrop-filter: none; -webkit-backdrop-filter: none;}
.contents_cont.about {margin-top: 0; margin-bottom: 0; padding-top: 50px; padding-bottom: 0;}
.upper_cont {height: 355px; background-image: linear-gradient(to bottom, rgba(255,255,255,0)10%,#fff 66%),url('../img/contents/more/judo_about_00.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.upper_txt {padding-top: 205px;}
.upper_right_txt p{line-height: 1.2;}
.chinese{font-weight: 800;}
.chinese.right {line-height: 36px;}
.chinese.big{font-size: 36px;}
.swiper_cont {background-color: var(--main);}
.swiper_cont p{color: #fff; text-align: center;}

/* swiper */
.swiper_center {overflow: hidden; margin: 0 auto; width: 100%; position: relative;}
.swiper-wrapper {align-items: center;}
.swiper_center .swiper-slide {display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;max-width: calc(100% - 150px);border-radius: 15px;overflow: hidden;}
.swiper-slide .swiper_slide_box {display: block;width: 100%;height: 100%;transform: scale(0.9);transition: transform 200ms ease;}
.swiper_center  .swiper-slide.swiper-slide-active  .swiper_slide_box {display: block;width: 100%;height: 100%;transform: scale(1);transition: transform 200ms ease;}
.swiper_center .swiper-slide img,
.swiper_center .swiper-slide video{display: block;width: 100%;object-fit: cover; border-radius: 15px;}
.swiper_center .detail_txt {position: absolute;left: 0;bottom: 0;display: flex;text-align: left;flex-direction: column;justify-content: flex-end;width: 100%;min-height: 150px;padding: 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;color:#fff;background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));}

/* 23.05.18 more > roadmap 로드맵 페이지 */
/* roadmap */
.contents_cont.roadmap {margin-top: 0; padding-top: 50px; padding-bottom:0; background-color: var(--main);}

/* roadmap swiper */
.swiper_center .swiper-slide.roadmap {max-width:calc(100% - 150px); border-radius: 20px;}
.swiper-slide.roadmap .swiper_slide_box.roadmap {position: relative; height: 585px; overflow-y: auto; transform: none;transition: none;}
.swiper_center .swiper-slide.swiper-slide-active .swiper_slide_box.roadmap {height: 585px; overflow-y: auto;border-radius:20px; transform: none;transition: none;}
.swiper-slide.roadmap .swiper_slide_box.upcoming, .swiper_center .swiper-slide.swiper-slide-active .swiper_slide_box.upcoming {background-color: #2065F2;}
.swiper-slide.roadmap .swiper_slide_box.specialty, .swiper_center .swiper-slide.swiper-slide-active .swiper_slide_box.specialty {background-color: #3240B6;}
.swiper-slide.roadmap .swiper_slide_box.community, .swiper_center .swiper-slide.swiper-slide-active .swiper_slide_box.community {background-color: rgb(11, 189, 255);}
.swiper_slide_box.roadmap::-webkit-scrollbar-track {position: absolute; top: 100px; right: 10px;border-radius: 10px; background-color: rgba(255,255,255,0);}
.swiper_slide_box.roadmap::-webkit-scrollbar {width: 30px;}
.swiper_slide_box.roadmap::-webkit-scrollbar-thumb {height: 50%; background-color: rgba(255,255,255,0.5); border-radius: 20px; background-clip: padding-box; border: 10px solid rgba(255,255,255,0);}
.swiper_center .swiper-slide img.roadmap_icon {width: 40px; height: 40px;}
.roadmap_tit {position: sticky; top: 0; left: 0; padding-top: 30px; padding-bottom: 20px; border-radius: 20px 20px 0 0;}
.swiper_slide_box.upcoming .roadmap_tit {background-color: #2065F2;}
.swiper_slide_box.specialty .roadmap_tit {background-color: #3240B6;}
.swiper_slide_box.community .roadmap_tit {background-color: #0bbdff;}
.roadmap_list li > span{width: 84px; height: 24px; margin-right: 10px; line-height: 24px; border-radius:5px; text-align: center;}
.roadmap_list li span.upcoming{ background-color: #80F9AC; color: var(--main);}
.roadmap_list li span.hold{ background-color: #1950C1; color: #fff;}
.roadmap_list li span.complete{ background-color: #000; color: #fff;}
.roadmap_list li > p {width: calc(100% - 94px); text-align: left;}

.link_btn{display:inline-flex; justify-content:center; align-items:center; padding:5px 10px; height:48px; border-radius:10px; background-color:#000; color:#fff; font-size:16px; font-weight:800; color: #fff;}

/* 230518 more>news 상세 페이지 category 추가 */
.news_cate {height: 24px; padding:5px 8px; margin-right: 6px; font-size: 14px; color:#fff; background-color:var(--black); border-radius: 20px; cursor: pointer; line-height: 16px;}

/* 230519 TARA/JUDO NFT 공지사항 pop up */
.modal_cont {position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 480px; height: auto; max-height:480px; padding-left: 20px; padding-right: 20px; border-radius:10px; background-color: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.2); opacity: 0; z-index: -1; transition: opacity 20ms ease, z-index 200ms ease;}
.modal_cont.tara {opacity: 0; z-index: -1;}
.modal_cont.active {opacity: 1; z-index: 800; transition: opacity 20ms ease, z-index 200ms ease;}
.modal_cont.tara.active {z-index: 900;}
.modal_tit {padding-top: 20px; text-align: center;}
.modal_txt {width: 100%; height: calc(100% - 246px); max-height: 234px; padding-top: 20px; overflow-y: auto;}
.modal_txt p {color: #222;}
.modal_txt::-webkit-scrollbar {width: 8px;}
.modal_txt::-webkit-scrollbar-thumb {background-color: var(--line); border-radius:6px;}
.modal_txt::-webkit-scrollbar-track {background-color: rgba(255,255,255); }
.modal_btn_box {display:flex; align-items: center; height: 96px; padding-bottom: 20px; padding-top: 20px;}
.modal_btn_box span {display:flex; justify-content: center; align-items: center;width: 49%; height: 56px; background-color: var(--main); border-radius: 10px; border: 1px solid var(--main); color: #fff; font-size: 14px; font-weight: 600; text-align: center; cursor: pointer;}
.modal_btn_box span.left {margin-right: 20px; background-color: #fff; color: var(--main);}
.modal_cate {padding: 10px 16px; color: #fff; font-size: 12px; font-weight: 600; border-radius: 20px; background-color: #222; font-family: "Spoqa_Han_ans_Neo"; white-space: nowrap;}
.modal_cont.judo .modal_cate {padding: 10px 16px; color: #fff; border-radius: 20px; background-color: var(--main);}

/* users > nft_create - 영상 편집 안내 팝업창 */
.video_editor_list {padding: 10px; margin-top: 20px;}
.video_editor_list li a{padding: 10px;}
.video_editor_list li img{width: 36px; height: 36px;}
.pop_up.edit_video p {padding: 5px 0; font-size: 16px;}

/* users > nft_create - 선수여부 */
.news_pop_ornot {display: flex; justify-content: flex-start; align-items: center; width: 80px; font-size: 14px; font-weight: bold; color:#222; }
.news_pop_ornot input {width: 14px; height: 14px; -webkit-appearance:radio; margin-right: 10px; margin-top: 0;}
.player_box {display: none;}

/* users > nft_create - 체급 선택 select list */
.category_select_box.gender, .category_select_box.weight {width: 120px;height: 42px;padding: 0 20px;border: 1px solid var(--inactive);}
.category_select_box.gender li, .category_select_box.weight li{width: 100%;}
.category_select_box.gender .scroll_list ,.category_select_box.weight .scroll_list {
  width: calc(100% + 2px);top: 40px;left: -1px;padding: 10px;border: 1px solid var(--inactive);
}

/* 230522 users> nft_create 영상편집 아이콘 버튼 */
.edit_video_guide {width: 24px; height: 24px;}

/* 230523 users> nft_create_comp 하단 버튼 */
.nft_comp_box a.border_btn {margin-top: 20px; border: 1px solid var(--main); background-color: #fff; color: var(--main);}

/* mynft > nft_transfer */
.info_alert.transfer {left:unset; right:0;}

/* 23.06.05 */
.dark_bg { position: fixed; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(34,34,34, 0.6); z-index: -1; opacity: 0;}
.dark_bg.active {opacity: 1; z-index: 600; transition: opacity 300ms ease,z-index 300ms ease;;}
.pop_up_edit {position: fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 76px); max-width: 500px; height: 500px; background-color: #fff; box-shadow: 0px 10px 50px rgb(0 0 0 / 40%); text-align: center; z-index: -1; opacity: 0; transition: opacity 300ms ease, z-index 300ms ease;}
.pop_up_edit.active {opacity: 1; z-index:999; transition: opacity 300ms ease, z-index 300ms ease;}

/* 23.06.07 nft_Create > loader */
@keyframes spin {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

/* 23.06.12 users> nft_create 영상video태그 크기 설정 */
.nft_title_box .create_border .nft_upload_img video {width: 100%; object-fit: contain; box-shadow: none;}

/* 23.06.15 drops > drop_details */
.top_txt.drop > h2 {padding-bottom: 0;}

/* 23.06.20 거래정보 > 활성화시 shevron 아이콘 활성/비활성화 */
.txn_detail_btn {transform: rotate(0); transition: transform 200ms ease;}
.txn_detail_btn.active {transform: rotate(180deg); transition: transform 200ms ease;}

/* more > notice_open 이미지 영역 */
.notice_text_box {width:100%; min-height:calc(100vw - 40px); min-height:calc(100svw - 40px); object-fit: contain;}
.notice_text_box img {display: block; max-width:100%; max-height:calc(100vw - 40px); max-height:calc(100svw - 40px); margin:0 auto; object-fit: contain; }

/* more > 1:1 문의 */
.in_explain.inquiry { width: 100%; height: calc(100vh - 448px); height: calc(100svh - 448px); padding:0; font-size: 14px; font-family: "Spoqa_Han_ans_Neo"; font-weight: 600; word-break: break-all; resize: none; border: none;}
.nft_explan_area.inquiry { position: relative; border: 1px solid var(--inactive);}
.pop_up .pop_close.nick_complete{ display: block; width: 100%; padding: 18px 0; font-size: 16px; font-weight: 800; color: #fff; background-color: var(--main); transition: background-color 300ms ease-in-out; border-radius: 10px;}

/* 23.06.21 공지사항 팝업창 내 이미지 크기 조정 */
.modal_txt img {max-width: 100%;}

/* 23.06.30 drops_main > null 상하 여백 수정 */
.null_txt.drops {padding-top:calc((100vh - 327px) / 2); padding-bottom:calc((100vh - 327px) / 2);}

/* 23.09.01 nft_create 보유잔고 영역 */
.nft_wallet_btn.d_none {display: none;}

/* 23.09.04 보유잔고 영역 */
.balance_modify {width:100%; background-color: #fff; padding:10px;}
.nft_wallet_box.common {padding: 30px 20px; }

/******************************************* 반응형 CSS *******************************/
@media (max-width:768px){
  .bottom_txt.my_nft .filter_list {padding: 0 0 15px; margin: 0 20px; overflow-x: auto; white-space: nowrap;}
}

@media (max-width:567px){
  /* market > market_main */
  .nft_item_list .nft_item {width: calc(50% - 5px);}
  .nft_item .nft_img{width: calc(50vw - 24px); height: calc(50vw - 24px);}

  /* market > collection_detail */
  /* .img_box {width: calc(100vw - 80px); height: calc(100vw - 80px);} */
  .img_box img, .img_box video {max-height: calc(100vw - 80px);}

  /* drops > drops_main */
  .drops_list_box .nft_item {width: 100%;}
  .drops_list_box .nft_item_list .nft_item .nft_img {height: 172px;}

  /* purchase > ..._purchase_check 구매확인 페이지 */
  .img_box.purchase_check {height: calc(100vh - 546.45px);}

  /* more > ? -NBR */
  .sub_left { padding: 0 10px;}
  .sub_right { padding-right : 10px; }

  /* mynft > user_detail_creator */
  .contents_cont.my_nft .nft_info {padding-bottom: 0;}
  .nft_item_list .nft_item.view_100 {padding: 0 10px;}

  /* user>profile header padding -NBR */
  .sub_left { padding: 0 10px;}
  .sub_right { padding-right : 10px; }

  /* edition_detail edition 거래 정보 탭 */
  .txn_edition_history .txn_item_tit > li:first-child{width: 80px;}
  .txn_edition_history .txn_item_tit > li:nth-child(2){width:calc(100% - 200px);}
  .txn_edition_history .txn_item_tit > li:last-child{width: 120px; padding-left: 5px;}
  .txn_item_list li > div {padding: 10px 0;}
  .txn_item_list li > div:first-child {width: 80px;}
  .txn_item_list li > div:nth-child(2) {width:calc(100% - 200px);}
  .txn_item_list li > div:nth-child(3) {width: 130px;}

  /* 22.05.14 mynft > nft_transfer */
  .wallet_received {width: 178px; font-size: 14px; -ms-word-break: break-all; word-break: break-all; text-align: right;}

  /* roadmap swiper */
  .swiper_slide.roadmap .swiper-slide.roadmap, .swiper_center .swiper-slide.roadmap {max-width: calc(100% - 80px); height: 585px; border-radius: 20px;}
}

@media (max-width: 499px){
  .filter_list.deal_details { padding-bottom: 10px; overflow-x: auto; white-space: nowrap;}

  /* market > market_purchase 에디션 전체 판매 현황 항목 길이 조정 : NJH*/
  .pop_up_table tr th:last-child {letter-spacing:-2px;}

  /* market, drops > ....purchase_check 구매 유의사항 팝업창 길이 조정 : NJH */
  /* .pop_up.purchase_check {height: 500px; overflow-y: auto;} */
  .pop_up.transfer {height: auto; overflow-y: auto;}

  /* market > market_main , drop > drop_main 검색창 추가 */
  .category_select_box.main .category_select span{font-size: 12px; white-space: nowrap;}
  .search_box.main input::placeholder, .search_box.drop input::placeholder{font-size: 12px;}
  .category_select_box.main ul > li {font-size: 12px;}

  /* more > roadmap 로드맵 슬라이드 내 스크롤 커스텀 */
  .swiper_slide_box.roadmap::-webkit-scrollbar-track {position: absolute; top: 100px; right: 10px;border-radius: 10px; background-color: rgba(255,255,255,0);}
.swiper_slide_box.roadmap::-webkit-scrollbar {width: 24px;}
.swiper_slide_box.roadmap::-webkit-scrollbar-thumb {height: 50%; background-color: rgba(255,255,255,0.5); border-radius: 15px; background-clip: padding-box; border: 8px solid rgba(255,255,255,0);}
}
@media (max-width:480px){
  .popup_item .detail{padding:4px 24px;}
}
@media (max-width: 438px){
  /* market > market_purchase */
  .pop_table_box {height: 471px;}
}
@media (max-width: 415px){
  /* market > market_main */
  .nft_item .nft_img{width: calc(50vw - 15px); height: calc(50vw - 15px);}
}