/* 로그인 */
.login_logo { text-align: center; margin: 40px 0; }
.pass_show img, .pass_show_re img { position: absolute; right: 10px; top: 50%; z-index: 999; transform: translateY(-50%); }
.pass_show, .pass_show_re { position: relative; }

/*회원가입*/
.input_select { background: url(../img/icon/icon_drop.svg) no-repeat 98% 50%/20px auto; background-size: 10px; cursor:pointer;}

/*nft 등록 및 관련*/
/*230331 NFT 목록*/
.inventory_list { display: grid; grid-template-columns: repeat(2,1fr); grid-row-gap: 20px; grid-column-gap: 20px; padding:20px;}
.inventory_list li { width: calc(50vw - 27.5px); max-width: 356.5px; border-radius: 6px; overflow: hidden; box-shadow: 0 6px 4px rgba(21,34,50,0.08); display: flex; flex-direction: column; outline:2px solid #a7a7a7; background: #fff;}
.booster_img { position: relative; width: 100%; height: calc(50vw - 27.5px); max-height: 356.5px; object-fit: contain;}
.booster_img img, .booster_img video { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; max-width: 100%; height: 100%; object-fit: cover;}
.auto_btn { position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; border-radius: 5px; cursor: pointer; z-index: 50; }
.booster_txt { font-size: 16px; padding:14px; }
.nft_infotxt { font-size: 16px; color: #212121; word-break: break-all; font-weight: 700;}
.nft_infonumber { font-size: 16px; margin-top: 5px; word-break: break-all; }
.nft_infodate {margin-top: 4px; align-items: center; -webkit-align-items: center; min-height:20px; font-size:11px; color:#5A607F; }
.nft_infodate img { display: block; margin-right: 6px; }
.nft_infodate p:nth-child(2) { font-size: 16px; word-break: break-all; }
.nft_createbtn {  animation: gradient 6s ease infinite; }
.nft_createbtn:disabled { background: #E6E6EA; color: #5A607F; cursor:inherit; }
.nft_rename { font-size:16px; font-weight: 500; }
.nft_rename span {font-weight: 700;}
.not_nftmember { border:1px solid #ededed; flex-direction: column; display:flex; justify-content: space-between; align-items: center; min-height: 270px; padding:20px; text-align: center; border-radius: 6px; }
.link_taranft { border-radius: 6px; font-size: 14px; font-weight: 700; background: var(--main); width:100%; max-width:170px; margin:0 auto; }
.link_taranft a { display: block; color:#fff; height:100%; padding: 10px 20px; }
.not_nftmember button{margin:0 auto;}
.membership_desc { margin:10px 0; font-size:14px; }
.card_membership{max-width:768px; min-height:384px; margin:0 auto; outline: 1px solid #212121;}
.card_membership .text { padding:20px; }
.card_membership video, .card_membership img { max-width: 100%; display:block; }
.card_membershipbox  {padding:14px; border-top:1px solid #d3d3d3;}
.videomember_box { width: 100%; height: 285px; overflow: hidden; position: relative;}
.nft_createbtna { display:block; text-align: center;}
.videomember_box video, .imgmember_box img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; max-width: 100%; height: 100%; object-fit: cover;}

.not_listnft {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%;}
.not_listnft button {text-align: center; margin:10px auto 0;}
.amount { display: inline-block; padding: 4px 8px; margin-bottom: 10px; border-radius: 5px; background-color: #f1f1f1; font-size: 12px; font-weight: 500; color:#212121; }
.repurchase_img_video { width:100%; max-width:450px; max-height:450px; padding:40px; margin:0 auto 20px; background-color:#000; }
.repuer_card { background-color: #fff; border-radius: 6px; border:1px solid #f1f3f5; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.checkbox_mockup.active { background: url(../img/icon/icon_checked.svg) center; border: 1px solid transparent; }
.checkbox_mockup { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; width: 18px; height: 18px; border: 1px solid #7e7e7e; }
.agreement_checkbox { position: relative; border-radius: 6px; margin:0 auto; padding: 20px; margin-bottom: 20px; font-size: 14px; display: flex; justify-content: center; align-items: center; word-break: break-all; }
.popup_bg, .nftpopup_bg { position: fixed; left: 50%; top: 0; transform: translateX(-50%); background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; z-index: 9999; }
.popup_box { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 300px; border-radius: 6px; background-color: #fff; overflow: hidden; }
.popup_box.repurchase .popup_text { height: 300px; overflow: auto; display: block; overscroll-behavior: none; padding:20px; }
 .popup_title { width: 100%; margin-bottom: 20px; font-size: 18px; font-weight: 700; word-break: break-all; }
 .repurchase .popup_title {border-bottom:1px solid #ededed; padding-bottom:10px;}
.popup_desc { width: 100%; font-size: 14px; font-weight: 500; word-break: break-all; }
.repurchase button {border-radius:0;}
.popup_box.repurchase .popup_desc { text-align: left; }
.dashde { font-style: inherit; padding:0 6px; }
.total_nftrepuer { font-size: 16px; font-weight: 700; color: #ff8300; padding-top:4px; display: block; }
.chk_line { text-decoration: underline; font-weight: 700; padding-left:10px; }
.list_card { border: 1px solid #ddd; padding: 8px 20px; border-radius: 6px; }
.card_logoborder img { width: 36px;  height:36px;  margin-right: 4px;}
.ml6 { margin-left: 6px; }
.bonus_tab { display: grid; grid-template-columns: repeat(4,1fr); grid-row-gap: 10px; grid-column-gap: 20px; }
.card_logobox p {margin-bottom:6px;}
.card_logobox p:last-child {margin-bottom:0;}

/* 출금 */
.withdrawal_tab { display: grid; grid-template-columns: repeat(2,1fr); grid-row-gap: 10px; grid-column-gap: 20px; }
.bonus_tab li, .withdrawal_tab li { width: 100%; padding: 5px 10px; text-align: center; border-radius: 6px; border: 1px solid #a1a1a1; cursor: pointer; font-size:15px; }
.withdrawal_tab li { align-items: center; display: flex; justify-content: center; padding:10px 0; }
.bonus_tab li:last-child, .withdrawal_tab li:last-child { margin-right: 0; }
.bonus_tab li.active, .withdrawal_tab li.active { background-color: var(--main); color: var(--white); border: 1px solid var(--main); }
.withdrawal_history_details { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size:15px; font-weight: 500; border-bottom: 1px solid #f1f3f5; }
.withdrawal_history_details p:nth-child(1) {color:#6e6e6e;}
.withdrawal_history_details p:nth-child(2) {font-weight: 700;}
.withdrawal_detailsbox { border: 1px solid #ddd; padding: 20px; border-radius: 6px; }
.withdrawal_detailsbox div:first-child { padding-top: 0; }
.withdrawal_detailsbox div:last-child { border-bottom: none; padding-bottom: 0; }
.custom_select { position: relative; width: 100%; }
.custom_select_option { position: absolute; left: 0; top: calc(100% + 10px); width: 100%; height: 268px; padding: 10px; background-color: #fff; border: 1px solid #BEC8CF; border-radius: 6px; box-shadow: 0 3px 15px rgba(0,0,0,0.06); overflow: hidden; }
.option_list { width: 100%; height: 100%; overflow-y: auto; }
.custom_select_option li { padding: 10px 0; font-size:16px; cursor: pointer; }
.custom_select_option li:first-child {padding-top:0;}
.custom_select_option li:last-child {padding-bottom:0;}
.withdrawal_regi span {display:block;}
/*tree*/
.seearch_img { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; }
.search_inputbox { position: relative; }
.container_tree { position: relative; overflow: auto; }
.tree1 ul { padding-top: 20px; position: relative; display: flex; }
.tree1 li { text-align: center; position: relative; padding: 20px 5px 0 5px; }
.tree_wrap { width:100%; max-width:768px; margin:0 auto; padding:0 10px; overflow:auto; }
.user_infom { word-break: break-all; border: 2px solid var(--main); display: inline-block; width: 150px; border-radius: 6px; }
.tree_idbox { display:flex; align-items: center; justify-content: center; padding:6px 10px; border-radius: 4px 4px 0 0; color:var(--white); background-color:var(--main); min-height:20px; font-weight:600; height:auto; font-size:12px; }
.set1 { width:100%; height:1px; margin:0 auto; }
.tree_imgbox img { width:30px; margin:0 auto; }
.tree_imgbox, .tree_datebox { padding:8px 0; font-size:12px; font-weight:400; }
.tree_namebox { font-size:12px; font-weight:600; padding-top:4px; word-break: break-all; }
.tree_search { padding:0 20px; }
.tree_imgbox { border-bottom:1px solid #ddd; }
.container_tree { -ms-overflow-style: none; scrollbar-width: none; }
.container_tree::-webkit-scrollbar { display:none; }

/*li 단독속성 (ul의 지정요소가 그 부모의 유일한 자식요소인 경우) */
.tree1 li:only-child { padding-top: 0; margin: auto; }
.tree1 li::before, .tree1 li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid var(--main); width: 50%; height: 18px; }
.tree1 li::after { right: auto; left: 50%; border-left: 2px solid var(--main); }
.tree1 li:only-child::after, .tree1 li:only-child::before { display: none; }
.tree1 li:first-child::before, .tree1 li:last-child::after { border:none; }
.tree1 li:last-child::before { border-right: 2px solid var(--main); border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; }
.tree1 li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; }
.tree1 ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid var(--main); width: 0; height: 20px; }

/* hover 이벤트 */
.tree1 li a:hover+ul li::after, .tree1 li a:hover+ul li::before, .tree1 li a:hover+ul::before, .tree1 li a:hover+ul ul::before { border-color: var(--main); }
.tree1 li a div:hover, .tree1 li a:hover+ul li a div { border: 2px solid var(--main); cursor:pointer; }
.tree1 li a div:hover > p:nth-child(1) { background:var(--main); }
.tree1 li a:hover+ul li a div p:nth-child(1) { background:var(--main); }
.input_box { width:100%; max-width:768px; margin:0 auto; }
.se_bu { white-space: nowrap; }
.button_boxi { position: fixed; right: 30%; bottom: 2%; z-index: 100; }
.button_boxi_admin { position: fixed; right: 20%; bottom: 2%; z-index: 100; }
.max_unset { max-width:unset; }

/*지갑 주소*/
.wallet_detailsbox { border: 1px solid #ddd; padding: 20px; border-radius: 6px; font-size:16px; }
.wallet_history_details { padding: 10px 0; font-size: 15px; font-weight: 500; border-bottom: 1px solid #f1f3f5; }
.wallet_history_details a { color:#1162F8; text-decoration: underline; }
.wallet_history_details p:nth-child(1) { margin-bottom:6px; color:#6e6e6e; }

.coinsend_infobox { border: 1px solid #ddd; padding: 20px; border-radius: 6px; }
.coinsend_details { display:flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 16px; font-weight: 500; border-bottom: 1px solid #f1f3f5; }
.coinsend_infobox div:first-child { padding-top:0; }
.coinsend_infobox div:last-child { border-bottom:none; padding-bottom:0; }
.only_mem { font-size: 15px; font-weight: 500; margin-bottom:6px; display:block; }
.memo_info { font-size:16px; font-weight: 500; margin:20px 0; }
.memo_info p { color:#E31D2E; font-weight: 700; font-size:14px; }
.box_gray { padding: 14px 10px; border-radius: 6px; background-color: #f2f2f2; font-size: 14px; font-weight: 500; text-align: center; word-break: break-all; }
.sendinfoimg { transform:rotate(90deg); display: block; margin:10px auto; }
.coinview_wrap { border: 1px solid #ddd; padding: 20px; border-radius: 6px; }
.coinview_box { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 16px; font-weight: 500; border-bottom: 1px solid #f1f3f5; word-break: break-all;}

/*회원 문의*/
.inquiry_tab .active { border-color: var(--main); }
.inquiry_tab li a { display: block; text-align: center; width: 100%; height: 100%; font-size: 16px; font-weight: 700; padding: 10px 20px; }
.inquiry_tab li { width: 100%; border-bottom: 2px solid #f2f2f2; }
.textarea_box textarea { width: 100%; min-height: 300px; resize: none; padding: 8px 16px; border: 1px solid #c3c3c3;
  border-radius: 6px; font-size: 16px; font-weight: 500;font-family: "montserrat";  }
.textarea_box textarea::placeholder {color:#757575; font-size:14px; font-weight: 500; font-family: "montserrat";}

.inquiry_list li { width: 100%; border-bottom: 1px solid #efefef; }
.inquiry_list li a { display: block; width: 100%; padding: 20px 0; }
.inquiry_list li:first-child a { padding-top: 0px; }
.inquiry_list li a .title { font-size: 16px; font-weight: 700; margin-bottom: 10px; word-break: break-all; font-family: "noto"; }
.inquiry_list li a .state.complete { color: green; }
.inquiry_list li a .state { font-size: 16px; font-weight: 700; }
.inquiry_list li a .date { font-size: 14px; font-weight: 400; color: var(--gray); }
.inquiry_list li a .state.wait { color: #B50308; }
.border-bottom { border-bottom: 1px solid #efefef; }
.color_gray { color: var(--gray); }
button.del { padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 700; border: 1px solid #F0142F; color: #F0142F; background-color: var(--white); }
.memo_box textarea { width: 100%; min-height: 130px; resize: none; padding: 8px 16px; border: 1px solid #c3c3c3; border-radius: 6px; font-size: 14px;
  font-weight: 500; }

/* 주간 리포트 */
.today_rollupbox { border: 1px solid #ddd; border-radius: 6px; font-size: 15px;}
.ml4 { margin-left: 4px;}
.today_weekimg img { width: 30px;}
.notice_titlebox { width: 100%; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size:16px; font-weight: 500; font-family: "noto";}
.notice_date { color: #999; font-size: 12px; margin-top: 6px;}
.notice_box { border-bottom: 1px solid #ddd; padding: 20px;}
.pagination { display: flex; align-items: center;}
.pagination li {width: 26px; height: 26px;  margin-right: 4px;}
.pagination .page.active { border-radius: 4px;  background-color: var(--main);}
.pagination .page.active a {  color: #fff;}
.pagination li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 14px; font-weight: 500;
  color: var(--gray);}
.notice_viewtitlebox { border-bottom: 1px solid #ededed; padding:20px; word-break: break-all; font-family: "noto"; font-weight: 500; font-size:16px;}
.notice_viewdetails { border-bottom: 1px solid #ededed; padding: 20px; word-break: break-all; font-size:16px; font-family: "noto";}
.nft_comp { background-image: none; background-color: #E6E6EA;color: #5A607F; cursor:inherit; }
.rollup_stitle {color:var(--darkgray); font-size:16px; padding-bottom:4px;}
.rollup_amount {font-size:18px; font-weight:500;}
.today_li {padding:10px 20px 0;}
.today_li_last {padding:10px 20px;}


/* 애니메이션 공통 CSS */
.ani_btn {  animation: gradient 6s ease infinite;}

/* user guide */
.accor_tit { cursor: pointer; font-weight: 700; height: 60px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd;}
.accor_tit > span { font-size: 16px;}
.accor_cont { display: none; padding: 20px; border-bottom: 1px solid #f1f1f1;}
.accor_tit.active+.accor_cont { display: block;}
.img { position: relative; width: 100%; max-width: 500px; margin: 20px auto; display: block; border: 1px solid #F1F1F1;}
.accor_txt { font-size: 16px; font-weight: 500; word-break: keep-all; line-height: 30px;}
.accor_tit.active .arrow { transform: rotate(180deg);}
.accor_containerbody{ -ms-overflow-style: none; }
.accor_containerbody::-webkit-scrollbar{display:none; }
.accor_title { font-size: 20px; font-weight: 700;}
.accor_sub_title {font-size: 18px; font-weight: 500;}
.tab_accor .img video, .img img {
  width: 100%;
  height: 100%;
  display: block;
}



/*애니 테스트 */
.ani_total_repuer { background-image: linear-gradient(to right, #FF8008 0%, #FFC837  51%, #FF8008  100%); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; background-size: 200% auto;}

.nothistorybox { width:100%; height:calc(100vh - 310px); margin-top:20px; display: flex;  align-items: center; justify-content: center;}
.notairdrop_history {width:100%; height:calc(100vh - 160px);display: flex;  align-items: center; justify-content: center;}
.tq_history_null {width:100%; height:calc(100vh - 220px);display: flex;  align-items: center; justify-content: center;}
.nowidthbox { height:calc(100vh - 340px); display: flex;  align-items: center; justify-content: center;}
 .repur_notnill {height:calc(100vh - 140px); display: flex;  align-items: center; justify-content: center;}
.qna_nullbox {height:calc(100vh - 320px); display: flex;  align-items: center; justify-content: center;}
.noti_notnill  {height:calc(100vh - 160px); display: flex;  align-items: center; justify-content: center;}
/*keyframes */

/*230411 신규클래스 작업 진행 : 신정운 */
.send_inputdesign{padding:8px 30px 8px 16px}

/*230420 신규클래스 작업 진행 : 신정운 */
.find_pwtxt {color:#1162F8;}
.under {text-decoration: underline;}

/*비밀번호 찾기*/
.find_passwordwrap { padding:20px; display: flex; flex-direction: column; align-items: center; justify-content: center; height:calc(100vh - 200px); width:100%;}
.guide_link { padding:20px; width:calc(100% - 20px); margin:10px auto; border:2px solid #ddd; border-radius: 6px;}
.guide_link p:nth-child(1) { text-decoration: underline; color:#1162F8; font-weight: 700; font-size:18px; width:max-content; cursor:pointer; }
/*이메일 인증*/
.mail_sendbox {width:100%; margin:0 auto; border-radius: 6px; border:2px solid #ddd; padding:20px;}
.resendbtn button {width:100%; margin-top:6px;}
.complete_email {padding:20px;}

/*230427 재구매 */
.choice_tab li.choice_active {background:var(--main); color:#fff;}
.choice_tab li {background:#f1f3f5; border-radius: 6px; padding:10px; width:100%; text-align: center; cursor:pointer;}
.choice_tab li:nth-child(1) {margin-right:10px;}

.tq_tab { display: grid; grid-template-columns: repeat(2,1fr); grid-row-gap: 10px; grid-column-gap: 20px;}
.tq_tab li.tq_active {background:var(--main); color:#fff;}
.tq_tab li { background:#f1f3f5; width:100%; border-radius: 6px; padding:10px;display: flex; justify-content: center; align-items: center; text-align: center; cursor:pointer;}

.withdrawal_listtab { border:1px solid #ddd; border-radius: 6px; cursor:pointer;}
.withdrawal_listtab li:nth-child(1) {padding:12px 20px; border-bottom:1px solid #ddd;}
.withdrawal_listtab li.not { border-bottom:none;}
.line_withdrawal {border-bottom:1px solid #ddd;}
.withdrawal_listview {padding:12px 20px;}
.balance_withdrawal { padding:10px 20px; }
.revenue_txt {font-size:18px;}

.nft_gr { background: linear-gradient(to right, #FF8008 0%, #E9531C  51%, #FF8008  100%); color: transparent; -webkit-background-clip: text;}
.nft_blue { background: linear-gradient(to bottom right, #11B1F8, #1162F8); color: transparent; -webkit-background-clip: text; }
.report_box {margin-bottom:8px;}
.link_tqcard {color:#1162F8; text-decoration: underline;}
.link_tq { background:#1162F8; border-radius: 6px; padding:4px 10px; color:#fff; flex:none;}


/* 230524 nft 구매 추가 */
.nftbuy_choice {display: flex; align-items: center;}
.nftbuy_choice input[type="radio"]{-webkit-appearance:none; width:16px; height:16px; border:2px solid #ddd; border-radius:50%; flex:none; cursor:pointer; position: relative; top:2px;}
.nftbuy_choice input[type="radio"]:checked{-webkit-appearance:none; border:2px solid var(--main); border-radius:50%;}
.nftbuy_choice input[type="radio"]:checked + span {color:#E31D2E;}

.nftbuy_choice input[type='radio']:before {content:''; display:block; width:50%; height:50%;margin:25% auto; border-radius:50%;}
.nftbuy_choice input[type='radio']:checked:before {background:var(--main);}
.nftbuy_choice span {cursor:pointer; display: inline-block; font-size:16px; font-weight: 700;}

.nftbuy_choice li:nth-child(1) { border-bottom:1px solid #ededed; padding-bottom:10px;}

.withdrawal_tq {height:100%;  background: #1162F8; display:inline-block;}
.withdrawal_tq span {display: flex; align-items: center; height:30px;}
 .tq_paddingnot li:nth-child(1){border-bottom:none;}



  /* 23.05.31 advertise > ad_list 광고리스트 */
  .ad_list_box {padding: 20px;}
 .ad_list_title {font-size: 18px; font-weight: 700; padding-bottom: 20px;}
 .ad_list li {display: flex; justify-content: space-between; align-items: center; height: 100px; padding: 10px;margin-bottom: 20px; border: 1px solid #ddd; border-radius:6px;}
 .ad_img {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; padding: 1px; margin-right: 10px; border-radius:6px;}
 .ad_img img {width: 100%; height: 100%; padding: 1px; object-fit: cover; border-radius:6px;}
 .ad_tit {padding-bottom: 6px; font-size: 16px; font-weight: 600; }
 .ad_info {font-size: 15px; }
 .ad_detail {font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  .ad_tit.orange {background: linear-gradient(to right, #FF8008 0%, #E9531C 51%, #FF8008 100%); color: rgba(255,255,255,0); -webkit-background-clip: text;}
 .ad_tit.bottom_line {display: inline-flex; padding-bottom: 1px; margin-bottom: 5px; border-bottom: 2px solid #FF8008;}
 .ad_type {display: inline-flex; justify-content: flex-end; padding:6px 10px; font-size: 15px; font-weight: bold; border-radius:6px; background: linear-gradient(to right, #FF8008 0%, #FFC837 100%); color: #fff;}
 .ad_tab_box {padding-bottom: 20px;}
 .ad_tab_btn {display: inline-flex; padding: 5px 10px; border-radius:6px; font-size: 15px; font-weight: 600; background-color: #fff; border:1px solid #ddd; color: var(--darkgray); cursor: pointer;}
 .ad_tab_btn.active {color: #fff; background-color: #00C255; border: 1px solid #00C255; }
 .ad_reward {color: #E9531C; font-weight: 800; font-size: 16px;}
 .total_ad_reward {color: #E9531C; font-weight: 800;}
 .ad_type.pink {background: #FC565D;}
 .ad_type.yellow {background: #FFE300;}
 .ad_type.green {background: #008338;}
 .ad_type.sky {background: #00CBDB;}
 .ad_type.purple {background: #998BFF;}

 .ad_list.news li{display: block; height: unset; }
 .ad_list.news .ad_img {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; padding: 1px; margin-right: 10px; border-radius:6px;}
 .ad_list.news .ad_img img {width: 100%; height: 100%; padding: 0; object-fit: cover; border-radius:6px;}
 .ad_list.news .ad_reward {position: absolute; right:10px; top:10px; padding: 5px 10px; background: #FF8008; border-radius: 6px; color: #fff; }

 /* advertise > ad_view 광고 상세 페이지 */
 .guide_ad_box {padding: 10px; border:1px solid #ddd; border-radius:6px;}
 .guide_ad_txt {padding-top: 10px; border-top: 1px solid #ddd;}
 .guide_ad_tit { display: inline-flex; margin-top: 10px; margin-bottom: 5px; font-size: 16px; font-weight: 800; color: #FF8008; border-bottom:2px solid #FF8008;}
 .guide_ad_tit.gray {color: var(--darkgray); border-bottom:none;}
 .ad_list_btn {display: block; margin-top: 20px;}
 .ad_list_btn a{padding: 10px 20px; border-radius: 6px;font-size: 14px;font-weight: 700;background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);text-align: center;text-transform: uppercase;background-size: 200% auto;color: white;box-shadow: 0 0 20px #eee;border-radius: 10px;display: block;color: var(--white);}
 .ad_btn_box {padding-top: 20px; text-align: center;}
 .ad_btn_box button {padding: 5px 10px; border-radius: 6px; background-color: #00C255; color: #fff; font-weight: 800; font-size: 16px;}
 .ad_btn_box button.right_btn {background-color: #FC565D; }
 .null_ad_list {display: flex; justify-content: center; align-items: center; height: calc(100vh - 135px);}

 /* 230626 advertise > ad_view 광고 상세 페이지 이미지 영역 추가 */
 .ad_img_box {width: 100%; height: 300px;}
 .ad_img_box  {width: 100%; max-height: 300px; object-fit: contain;}

 .index_line {  border-bottom:1px solid #c7c7c7; }
@keyframes shine {
  to { background-position: 200% center; } }

@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% {background-position: 0% 50%; }
}

.global_img img {
    position: absolute;
  left: calc(100% - -30px);
    top: 50%;
    transform: translate(-50%, -50%);
}

.global_flex { height:100%; }

.progress_wrap {flex-wrap: wrap; margin-top:20px;}
.progress_wrap h2 {display: inline-block; padding-bottom: 10px; margin-bottom:20px;}
.progress_wrap h2 {display: inline-block; padding-bottom: 10px;  border-bottom:2px solid #191C1E;}
/* .progress_box {width:100%; padding: 20px; margin-bottom: 20px; background-color: #fff; border-radius: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); cursor: pointer;} */
.progress_box {width:100%; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom:20px;}
.progress_flex{display: flex; justify-content: space-between; align-items: center; margin-bottom:6px;}
.progress_box.half {width:48%;}
.progress_bar{width:100%; background-color: #EAEAEA; border-radius: 20px; }
.gage_bar { width: 0%; height:20px; background-image: -webkit-linear-gradient(top,#FF8300,#FD3A1D); border-radius: 20px; transition: width 1s; text-indent: 10px; color:#212121;}
.progress_top p {background: linear-gradient(to bottom right, #11B1F8, #1162F8); color: transparent; -webkit-background-clip: text; font-weight: 700;}
.progress_data {display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #efefef; font-weight: 700; padding:10px 20px ;  }
.progress_data p {word-break: break-all;}
.progress_top {padding:20px;}
.progress_flex p{word-break: break-all;}



/*미디어 쿼리*/
@media (max-width:767px){
 .icon_boxwrap { grid-template-columns: repeat(3,1fr); }
 .icon_action p { word-break: keep-all; font-size:15px; }
 .not_nftmember { min-height:300px; }
 .withdrawal_tab { grid-template-columns: repeat(2,1fr); }
 .widthhistory p:nth-child(1) { width: 100%; }
 .widthhistory { flex-wrap:wrap; }
 .coinsend_details_a { flex-wrap:wrap; }
 .coinsend_details_a p:nth-child(1) { width:100%; margin-bottom:6px; }
 .coinview_box { flex-wrap:wrap; }
 .coinview_box p:nth-child(1) { width:100%; }
 .revenue_txt {font-size:16px;}
 }


@media (max-width:500px){
 .week_flexbox { padding:0; }
 .week_padding { flex-wrap:wrap; }
 .week_padding li { width:100%; border-bottom:1px solid #ededed; padding:10px 20px; }
 .week_padding li:last-child { border-bottom:none; }
 .swap_box { flex-wrap:wrap; }
 .swap_img img { margin:0 auto; }
 .swap_img { width:100%; }
 .repuer_card_view { flex-wrap:wrap; }
 .repuer_card_view span:nth-child(1) { width:100%; }
 .coinsend_details { flex-wrap:wrap; }
 .coinsend_details p:nth-child(1) { width:100%; margin-bottom:6px; }


 .bonus_tab { grid-template-columns: repeat(3,1fr); }
 .repur_height {height:48px; display: flex; align-items: center;}
 .list_height {height:48px;}
 .withdrawa_listflex_w {flex-wrap:wrap;}
 .type_media {width:100%; margin-bottom:4px;}
 }

@media (max-width:430px){
 .withdrawal_history_details { flex-wrap:wrap; }
 .withdrawal_history_details p:nth-child(1) { width:100%; margin-bottom:4px; }
 .addr_box { text-align: left; }
 .repur_amount { height:42px; display:flex; align-items: center;}
 .progress_flex {flex-wrap:wrap;}
.progress_data {flex-wrap:wrap;}
.progress_data p:nth-child(1) {width:100%; margin-bottom:4px;}
.progress_flex li h3.notranslate {width:100%; }
.progress_flex p{margin-top:4px;}
}


@media (max-width: 375px){
 .icon_boxwrap { grid-template-columns: repeat(2,1fr); }
  .bonus_tab { grid-template-columns: repeat(3,1fr); }
  .total_nftrepuer {font-size:15px;}

  .nftbuy_choice li {
  flex-wrap:wrap;
}

.nftbuy_choice li div { width:100%; margin-bottom:4px; }
.nftbuy_choice li p { padding-left:28px;}
 }