@charset "utf-8"; /* 로그인 */


.login_bg { background-color: #f4f3ef; }
.login_box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 50px; width: calc(100% - 40px); max-width: 398px; height: auto; }
.logo_img { width: 100%; height: 120px; }
.logo_img img { width: 100%; height: 100%; object-fit: contain; }
.login_pw { position: relative; }
.login_pw img { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.id_pw_link { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; }
.id_pw_link p a { color: #768597; }

/* 회원 관리 */

/* 22.12.16 신정운 Sweet Alert */
.title_sweet { font-size:20px; color:#212121; }
.desc_sweet { font-size:15px; color:#212121; font-weight: 400; }
.swal2-styled { margin:0 !important; }
.swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: none !important; }
.swal2-styled.swal2-default-outline:focus { box-shadow: none !important; }
.swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: none !important; }
.swal2-actions .swal2-styled.swal2-cancel { margin-left:10px !important; border:1px solid var(--line); }


/*계정 관리*/
.depoawith_state input[type=radio]:checked + span { background: #FF0000; color: var(--white); border: none; }
.depoawith_state input[type="radio"] { display: none; }
.depoawith_state input[type=radio]:checked+span { background: #FF0000; color: var(--white); border: none; }
.depoawith_state P label span { color: var(--main); border: 1px solid var(--main); background: var(--white); border-radius: 20px; padding: 6px 14px; text-align: center; word-break: break-all; font-weight: 500; cursor: pointer; font-size: 14px; }

/*보너스 탭 */
.bonus_tabwrap li { border: 1px solid var(--line); border-radius: 10px; text-align: center; padding: 10px 20px; margin-right: 14px; cursor: pointer; font-size: 15px; font-weight: 400; }
.bonus_tabwrap li:last-child { margin-right:0; }
.bonus_active { background: var(--main); color: var(--white); }

/*일별 매출 현황 */
.sales_box td, .sales_box th { width: 24%; }
.date_year_start { width: 100px; padding: 10px 10px 10px 32px !important; cursor: pointer; }
.yearpicker-items.selected:hover { background-color: var(--main) !important; color: #fff !important; }
.month_date {width:auto;}
/*nft 이미지 관리*/
.nftimg_box {position: relative;}
.nftimg_box > img, .nftimg_box > video{ width:180px; height: 180px;}
.auto_btn img {  position: absolute; top: 50%; right: -2px; transform: translateY(-50%); width: 100%; max-width: 100%; height: 100%; object-fit: cover; width:34px; height:34px;}

/* .nft_table td, .nft_table th { width:33%; } */
#View_area img { max-width: 40%; padding-left: 15px; }
.nft_view_content_more img { max-width: 50%; padding-left: 15px; }

/*패키지 구매내역*/
.booster_img { position: relative; width: 100%;  cursor: pointer; min-height:200px; }
.booster_img > video { display: block; width: 100%; height:100%; object-fit: cover; position: absolute; top:0; left:0; }
.auto_btn { position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; border-radius: 5px; cursor: pointer; z-index: 50; }
.booster_txt { padding: 6px; background-color: #fff; border: 1px solid var(--line); }
.price_amount { padding-top: 4px; font-weight: 400; word-break: break-all; border-top:1px solid var(--line); }
.package_nftbox { width:calc(50vw - 27.5px); max-width: 200px; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgb(21 34 50 / 8%);  }
.inventory_info {margin-bottom: 0; padding: 20px; border: none;box-shadow: none; width:100%;}

/* 코인 */
.coin_push {min-width: 350px;}
.coin_push input:read-only {background: #ededed;}
.text_row_title{flex: none; display: block; width: 200px;font-size: 15px; font-weight: 700; color: #6c757e;}
.text_row_content {display: block;font-size: 15px;font-weight: 500;color: #222;}
.coindetails_wrap li {display:flex; align-items: center; border-bottom:1px solid #ededed; padding:10px 0;}
.coindetails_wrap li:first-child {padding-top:0;}
.coindetails_wrap li:last-child {padding-bottom:0; border-bottom:none;}
.coinsymbolimg img {width:65px;}
/* 23.04.05 notice>notice_edit 공지사항 등록페이지 NJH */
.input_box textarea {width: 100%;height: 445px;resize: none;font-family: NotoSansKR;font-size: 14px;font-weight: 400;padding: 10px 16px;border: 1px solid var(--line);border-radius: 8px;}
.notice_50 {width: 50px;}
.input_box textarea:read-only {cursor:inherit; background-color: #ededed;   border: none;}
/*main*/
.dashcard { padding: 30px; margin: 0; white-space: nowrap; border-radius: 10px; border: 1px solid #E6EBF1; background: var(--white);
display: flex; justify-content: space-between; align-items: flex-end;}
.sliderimg {width:20px;}

/* 배너 이미지 */
.listbanner_img {width:100%; height:200px; overflow: hidden; margin:0 auto;}
.listbanner_img img {max-width:100%; height:100%; object-fit: contain;}
.banner_box { position: relative; width: 360px; height: 225px;}
.banner_img { width: 320px; height: 180px; object-fit: contain; border:1px solid #ddd; box-shadow: 0 1px 4px rgba(0,0,0,0.08); cursor:pointer;}

.tara_amout_box {display: flex; align-items: center; gap:10px;}
.tara_amout_box button {flex:none; }
.tara_amout_box_m {margin-bottom:10px;}
/* @media screen and (max-width:1560px) {
  .nft_table_wrap {width:100%; white-space: nowrap; overflow-X:auto }
} */