/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400; 500; 700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300; 400; 500; 600; 700&display=swap'); */
.loginwrap { padding-top:0; width:100%; max-width:768px; height:100%; margin:0 auto; background: var(--white); display: flex;
    flex-direction: column;  justify-content: center;}
.login_bg { max-width:768px; margin:0 auto; height:100%; }
.login_bgbox { position: relative; width:100%; height:100%; background-size: cover; background-position: center center; background-image: url(../img/bg.jpg); background-repeat: no-repeat; }
.logo_img { width: 100%; text-align: center; height: 200px;display: flex;justify-content: center; align-items: center;}
.logo_img img { height: 110px; }

/* .title { background: -webkit-linear-gradient(#0dccfc, #074ed2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */
.login_title { font-size:3.8rem; color:#fff; font-family: 'Montserrat', sans-serif; font-weight: 600; text-align: center; }
.login_stitle { font-size:1.6rem; font-family: 'Montserrat', sans-serif; color:#fff; text-align: center; padding:40px 0; }
.select_login button { height:50px; border-radius: 10px; font-size:1.6rem; font-weight: 700; }
.not_id { font-size:1.6rem; color:#171725; text-align: center; margin-top:20px; }
.go_signup { border:1px solid var(--main); background: #fff; color:var(--main); font-size:1.6rem; height:50px; border-radius: 10px; display: flex; justify-content: center; align-items: center; margin-top:20px; cursor:pointer; }


/*회원가입*/
.recom_box { display: flex; align-items: flex-end; }

.recom_box input { margin-right:8px; }
.recom_box button { background-color: var(--main); color:#fff; min-width:60px; border-radius: 10px; height:40px; }
.recom_text { font-size:1.6rem; font-weight: 500; }
.recom_info { font-size:1.4rem; color:#ff0000; font-weight: 700; }
.regi_box { padding:20px 20px 0; }
.waring_txt { font-size:1.4rem; font-weight: 700; color:#ff0000; }
.argree_box { height:90px; border:1px solid #ededed; font-size:1.4rem; padding:10px; font-weight: 500; overflow-y: auto; }

/*로그인*/
.pass_info { font-size:1.2rem; font-weight: 500; color:#5A607F; padding-top:10px; }

/*리스트 목록*/
.profile_box { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 20px 0 10px; }
.profile_name button { max-width:130px; margin-top:8px; padding:0 10px; }
.profile_img { width: 60px; height: 60px; }
.profile_name { font-size: 1.6rem; font-weight: 500; text-align: center; width:100%; }
.my_list { width: 100%; }
.my_item { width: 100%; height: 54px; padding: 0 20px; border-bottom: 1px solid #f2f2f2; }
.my_item li:first-child { border-top:1px solid #f2f2f2; }
.my_link { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; font-size: 1.6rem; }
.my_link:after { content: ""; display: block; width: 24px; height: 24px; background: url(../../assets/img/icon_more.png) no-repeat center; }


/*구매 및 판매요약*/
.purtxt { font-size:2.2rem; font-weight: 700; padding-top:20px; }
.buy_send { box-shadow: 0 3px 15px rgb(0 0 0 / 12%); border-radius: 10px; }
.buy_send p { font-size:1.6rem; font-weight: 500; background: #20505E; color:#fff; padding:10px; border-radius: 10px 10px 0 0; }
.buy_send table { font-size:1.6rem; width:100%; word-break: break-all; }
.buy_send button { max-width:120px; }
.buy_send table th { width:33%; border-right:1px solid #ededed; border-bottom:1px solid #ededed; padding:10px; }
.buy_send table td { text-align: center; border-right:1px solid #ededed; padding:10px; }
.list_view { font-size:1.6rem; font-weight: 500; border-top:1px solid #ededed; padding:10px; }
.list_view a { color:#ff0000; }

/*구매내역*/
.purchase_tab { display:flex; justify-content: space-between; }

.purchase_tab li { width:100%; text-align: center; background-color: #eef3ff; border-radius: 12px; padding:8px; margin-left:12px; font-size:1.4rem; cursor:pointer; display:flex; justify-content: center; align-items: center; }
.purchase_tab li:first-child { margin-left:0; }
.purchase_tab .purchase_active { background-color: #121330; color:#fff; }
.profit_txt { color:#ff0000; font-size:1.4rem; font-weight: 700; margin-top:10px; }
.table_wrap { overflow-x: auto; font-size:1.4rem; text-align: center; padding:14px 0; }
.table_wrap table th { border-bottom:1px solid #ededed; padding:10px; white-space: nowrap; }
.table_wrap table td { text-align: center; padding:10px; border-bottom:1px solid #ededed; white-space: nowrap; }
/* .service_tab li { width:24%; } */

/* .schedule li { width:33% !important; } */

.service_chargetab { display:flex; justify-content: space-between; align-items:center; }
.service_chargetab .profit_txt { font-size:1.6rem; }

/*공지사항*/
.no_data h3 { font-size: 1.8rem; text-align: center; padding: 30px 0; }
.notice_item { width: 100%; border-bottom: 1px solid #f2f2f2; }
.notice_item a { display: flex; justify-content: space-between; align-items: flex-end; padding: 20px 0; }
.notice_title { display: flex; flex-direction: column; font-size: 1.6rem; font-weight: 500; }
.notice_title span {word-break: break-all;}
.notice_date { margin-left: 30px; font-size: 1.4rem; color: #b1b1b1; flex:none; }
.article_box { width: 100%; font-weight: 500; }
.article_title { display: flex; align-items: flex-end; width: 100%; padding: 20px 0; border-bottom: 1px solid #f2f2f2; font-size: 1.6rem; word-break: break-all;}
.article_date { margin-left: 30px; font-size: 1.4rem; }
.article_content { width: 100%; padding: 30px 0; font-size: 1.4rem;  word-break: break-all;}

/*구매승인*/
.level_agree, .level_agree02, .level_agree03, .level_agree04, .saler_box, .saler_box02, .saler_box03 { width:100%; border:1px solid #ededed; margin-top:12px; }
.level_agree p, .level_agree02 p, .level_agree03 p, .level_agree04 p { padding:10px; }
.level_agree p:nth-child(1) { background:var(--main); color:#fff; font-size:1.6rem; }
.level_agree02 p:nth-child(1) { background: #154d59; color:#fff; font-size:1.6rem; }
/* .level_agree03 p:nth-child(1) { background:linear-gradient(165deg, var(--main) 0%, var(--dark) 100%); color:#fff; font-size:1.6rem; } */
.level_agree03 p:nth-child(1) { background: #143346; color:#fff; font-size:1.6rem; }
.level_agree04 p:nth-child(1) { background:#FC454F; color:#fff; font-size:1.6rem; }
.level_agree p:nth-child(2) { color:#ff0000; }
.level_agree p:nth-child(3), .level_agree02 p:nth-child(3), .level_agree03 p:nth-child(3), .level_agree04 p:nth-child(3) { background:#121330; font-size:2.2rem; text-align: center; color:#fff; }
.level_agree p:nth-child(4), .level_agree02 p:nth-child(4), .level_agree03 p:nth-child(4), .level_agree04 p:nth-child(4) { font-size:1.4rem; font-weight:500; }
.level_agree.border_radius, .level_agree02.border_radius, .level_agree03.border_radius { border-radius: 10px; overflow: hidden; }
.default_agree { color:#ff0000; text-align: left; font-size:1.4rem; }
.purstxt { font-size:1.6rem; font-weight: 500; color:#074ed2; }
.level_tab, .saler_tab { display:flex; justify-content: space-between; align-items: center; margin-top:10px; }
.level_tab li, .saler_tab li { width:100%; background-color: #eef3ff; border-radius: 12px; padding:8px; font-size:1.4rem; cursor:pointer; text-align: center; font-weight: 500; margin-right:10px; }
.level_tab li:last-child, .saler_tab li:last-child { margin-right:0; }
.level_tab .level_active, .saler_tab .saler_active { background-color: #121330; color:#fff; }
.buy_view { font-size:1.4rem; color:#074ed2; text-decoration: underline; cursor:pointer; width:max-content; padding:10px 0; }

.saler_box, .saler_box02, .saler_box03 { font-size:1.6rem; font-weight: 500; padding:10px; }
.saler_box p, .saler_box02 p, .saler_box03 p { padding-bottom:6px; }

/*구매신청*/
.macting_services { display:flex; justify-content: space-between; align-items: center; }
.macting_user { font-size:1.6rem; font-weight: 500; color:#C68A12; }
.amount_service_charge { font-size:1.4rem; color:#ff0000; font-weight: 500; }
.card_macting { background:#eef3ff; color:#212121; border-radius: 10px; padding:10px 10px 10px 30px; font-size:1.4rem; font-weight: 500; }
.point_macting { background:#eef3ff; color:#212121; border-radius: 10px; padding:10px; font-size:1.4rem; font-weight: 500; margin-top:6px; }
.card_macting li { list-style: decimal; padding-bottom:6px; }
.card_macting p { padding-bottom:6px; }
.time_remaining { color:#b50308 }
.saler_timer { display:flex; align-items: flex-end; font-size:1.4rem; }
.nameuser { font-size: 1.6rem; font-weight: 700; color:#596475; }
.nametitle { margin-top: 6px; font-size: 1.6rem; color:#596475; }
.pay_buy_form li { border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom:5px; }
.pay_buy_form li:last-child { border-bottom: none; }
.saler_buywrap { display:flex; width:100%; justify-content: space-between; align-items: center; font-size:1.6rem; font-weight: 500; margin-top:10px; }
.pop_number { display: flex; justify-content: space-between; align-items: center; }
.namebutton button { padding:0 10px; }
.saler_timer p:nth-child(2) { font-size:1.4rem; margin-left:6px; }
.jump { font-size:1.4rem; display: flex; align-items: center; }
.jump span:nth-child(1) { border-radius: 50%; display:inline-block; background: #ff0000; width:22px; height:22px; display:flex; justify-content: center; align-items:center; color:#fff; margin-right:4px; }
.fin_chk { font-size:1.6rem; }
.oneday { font-size:1.6rem; color:#ff0000; font-weight: 500; }
.onedaybox { font-size:1.6rem; color:#212121; font-weight: 400; margin-top:10px; }
.more_num { color:#ff0000; }
.total_num { color:#074ed2; font-weight: 700; }
.saler_flex { display: flex; justify-content: space-between; align-items: flex-end; }
.level_agreeready li { padding:10px; box-shadow: 0 3px 15px rgb(0 0 0 / 12%); display:flex; justify-content: space-between; align-items: center; font-size:1.6rem; border-radius: 10px; font-weight: 500; text-align: center; }
.level_agreeready li div { width:49%; }
.level_agreeready li div:nth-child(2) { text-align: center; border-left:1px solid #ededed; }
.level_agreeready li div button { background: #20505E; max-width:100px; }
.minus_payment { color:#ff0000; font-size:2.2rem; font-weight: 500; }
.pay_buy_form .none_mp { padding-bottom:8px; margin-bottom:0; }

.spurtxt { font-size:1.6rem; font-weight: 500; }
.buy_bank { width: 100%; height: 100%; border-radius: 10px; padding: 20px; border: 1px solid #01ddac; }
.buy_bank p { font-size: 1.4rem; }
.buy_bank > div > p:first-child { font-weight: 700; }

/*회원문의*/
.qna_tab { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; }
.tab_item.selected { border-color: var(--main); }
.tab_item { width: 100%; height: 62px; border-bottom: 2px solid #f2f2f2; text-align: center; font-size: 1.6rem; font-weight: 500; }
.tab_item a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #b1b1b1; }
.tab_item.selected a { color: var(--main); font-weight: 700; }
.qna_title { width: 100%; font-size: 1.6rem; font-weight: 500; word-break: break-all;}
.qna_list { width: 100%; padding: 20px; }
.qna_date { margin-top: 6px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; font-size: 1.4rem; font-weight: 500; color: #b1b1b1; }
.qna_content { margin-top: 30px; width: 100%; font-size: 1.4rem; font-weight: 500; word-break: break-all;}
.qna_btn { display:flex; justify-content: space-between; align-items: center; margin-top:20px; }
.qna_btn div { width:49%; }
.qna_btn div:nth-child(1) button { background: #20505E; }

/*2220913 SJW */
.label_txt { font-size: 1.5rem; font-weight: 500; }
.point_macting p { padding-bottom:10px; font-size:1.5rem; }
.sales_tab li { width:19%; }
.servicech_tab li { width:49%; }
.change_pwd { display:flex; align-items: center; font-size:1.5rem; }
.change_pwd p:nth-child(1) { flex:none; }
.change_pwd button { width:60px; margin-left:10px; height:34px; }
.view_agree { display:flex; justify-content: space-between; }
.view_agree div { width:49%; }
.view_agree div:nth-child(2) button { background-color: #FC454F; }

/*220919 SJW */
/*220921 SJW */
.verfi_title { font-size:2.2rem; font-weight: 700; margin-top:50px; text-align: center; }
.verfi_stitle { font-size:1.6rem; margin:30px 0; text-align: center; }
.purstotal { font-size:1.8rem; font-weight: 700; padding-top:10px; text-align: right; }
.purstotal span { color:#FC454F; font-family: "montserrat"; font-weight: 700; }


/*221012 SJW*/
.withdraw_tab { display:flex; justify-content: space-between; }
.withdraw_tab li { width:49%; text-align: center; background-color: #eef3ff; border-radius: 12px; padding:8px; font-size:1.4rem; cursor:pointer; display:flex; justify-content: center; align-items: center; }
.withdraw_tab .withdraw_active {background: var(--moz_btn); color:#fff; }

/*230329 신규 클래스 작업*/
/* .buy_view_j { font-size:1.4rem; color:#074ed2; text-decoration: underline; cursor:pointer; width:max-content; } */
.buy_view_j { font-size: 1.4rem; color: #fff; /* text-decoration: dashed; */ cursor: pointer; width: max-content; padding: 3px 10px; border-radius: 10px; background: var(--main_sub); }
.buysell_list { border:1px solid #ededed; margin-bottom:20px; border-radius: 6px; }
.buysell_list li { display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #f1f3f5; font-size:1.6rem; word-break: break-all; padding:10px 20px; min-height:53px; }
.btn_j { width: 100%; height: 32px; border-radius: 6px; font-size: 1.6rem; color: #fff; font-weight: 500; padding:2px 14px; }
/* .buysell_list li:first-child { padding-top:0; } */
.buysell_list li:last-child { padding-bottom:0; border-bottom:none; }
.level_j { background: #121330; font-size: 1.6rem; text-align: center; color: #fff; padding:6px 14px; border-radius: 10px; }
.level_01 { background: var(--main); font-size: 1.6rem; text-align: center; color: #fff; padding:6px 14px; border-radius: 10px; }
.level_02 { background: #154d59; font-size: 1.6rem; text-align: center; color: #fff; padding:6px 14px; border-radius: 10px; }
.level_03 { background: #143346; font-size: 1.6rem; text-align: center; color: #fff; padding:6px 14px; border-radius: 10px; }
.buysell_txtj { font-size:2.1rem; font-weight: 700; }
.line_j { border:1px solid #ededed; margin:16px 0; }

.p_20 { padding:20px; }
.m_B20 { margin-bottom:20px; }

.margin_B10 { margin-bottom:10px; }

/*230330 신규 클래스 작업 신정운*/
.temporary_txt { font-family: "montserrat"; font-weight: 700; font-size:3.8rem; text-align: center; }

.wrap_pj { padding:80px 20px; }


/*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: 15px; position: relative; display: flex; }
.tree1 li { text-align: center; position: relative; padding: 18px 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 #c3c3c3; display: inline-block; width: 120px; border-radius: 6px; }
.tree_idbox { display:flex; align-items: center; justify-content: center; padding:4px; border-radius: 4px 4px 0 0; color:#fff; background-color:#c3c3c3; min-height:30px; font-weight:600; height:auto; font-size:12px; }
.set1 { width:100%; height:1px; margin:0 auto; }
.tree_imgbox img { width:30px; margin:0 auto; display: block; }
.tree_imgbox, .tree_datebox { padding:4px 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; }
/* after, before 이벤트 */
.tree1 li::before, .tree1 li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #c3c3c3; width: 50%; height: 18px; }
.tree1 li::after { right: auto; left: 50%; border-left: 2px solid #c3c3c3; }
.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 #c3c3c3; 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 #c3c3c3; width: 0; height: 15px; }

/* 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(--moz_btn); }
.tree1 li a:hover+ul li a div p:nth-child(1) { background:var(--moz_btn); }
.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; }

/* Before , After */
.topbox::before { visibility: hidden; }

.tree li::before { content: ''; display: block; background-color: #000; width: calc(50% + 10px); height: 1px; position: absolute; left: 50%; top: -27px; }
.tree li::after { content: ''; display: block; background-color: #000; width: calc(50% + 10px); height: 1px; position: absolute; right: 50%; top: -27px; }

.tree li:first-of-type:after { display: none; }
.tree li:last-of-type:before { display: none; }

/* box >> Before , After */
.tree .box::before, .box::after { pointer-events: none; position: absolute; left: 50%; transform: translateX(-50%); content: ''; width: 1px; height: 27px; background-color: #000; display: block; }
.tree .box::before { top: -27px; }
.tree .box::after { top: 100%; }

.tree .box:only-child::after { display: none; }

.tree li:only-of-type .box:before { height: 28px; top: -28px; }

/* Hover */
.tree .box:hover,
.tree .box:hover + ul li .box,
.tree .topbox:hover ul { border-color: orangered; }

.tree .box:hover:after,
.tree .box:hover + ul li:before,
.tree .box:hover + ul li:after,
.tree .box:hover + ul li .box:after,
.tree .box:hover + ul li .box:before { background-color: orangered; }


/* gift_beans & tq_send 추가 : 2023.04.04 NBR */
.gift_id_check { display: flex; justify-content: space-between; align-items: flex-end; }
.gift_id_check label { width:100%; }
.gift_id_check button { flex:none; height:40px; padding:6px 14px; background: #01ddac; font-size: 1.6rem; text-align: center; color: #fff; border-radius: 6px; }


/* Send 230412 KMS */
.send_select_box select { color: #000; width: 100%; height: 100%; padding: 8px 16px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; font-weight: 500; }
.content .label { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
/* .content>div:last-of-type ul {margin: 0;} */
/* send_card_list */
.send_card_list { width: 100%; padding: 16px; border: 1px solid var(--border); font-size: 14px; border-radius: 6px; }
.send_card_list .title { flex: none; font-weight: 700; color: var(--gray); word-break: break-all; }
.send_card_list .desc { font-size: 14px; font-weight: 700; word-break: break-all; }
.send_card_list li { display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #ddd; }
.send_card_list li:last-child { margin-bottom: 0; border: none; padding: 0; }
/* send button 영역 */
.send_button button { height: 52px; padding: 8px 16px; border-radius: 4px; font-size: 16px; background: var(--moz_btn); color: #fff; width: 100%; font-weight: 700; }
.send_button button.can { background: #eee; color: #000; }
/* send input */
.send_input_p { position: relative; } /* send input (input 내 btn 있는 경우) */
.send_input_box .send_input_p input { padding: 8px 40px 8px 16px; }
.send_input input { width: 100%; height: 100%; padding: 8px 16px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; font-weight: 500; }
.send_input img { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; } /* */
.send_input input:read-only {background: #ededed; border:none; cursor:inherit; }
.send_text_box .label { border-bottom: 1px solid var(--border); }

.keypad { display: grid; grid-template-columns: repeat(3,1fr); }
.keypad a { display: block; width: 100%; height: 78px; background-color: #fff; border-radius: unset; padding: 0; font-size: 26px; font-weight: 700; display: flex; justify-content: center; align-items: center; color: #000; }

.pin_box span { display: block; width: 38px; height: 38px; border-radius: 6px; background-color: #eee; margin-right: 6px; position: relative; overflow: hidden; }
.pin_box .active:before { content: "*"; text-align: center; line-height: 46px; font-size: 20px; color: #fff; background-color: var(--main); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


/* 230412 KMS Send coin_list */
.coin_list {overflow: hidden;} /*230704 SJW 코인목록 클릭시 숨김처리를 위한 CSS 추가작업*/
.coin_list li { position: relative; margin-bottom: 14px; }
.coin_list_no_data { height: 68px; text-align: center; border: 1px solid var(--border); display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; border-radius: 6px; box-shadow: 1px 1px 2px rgb(226 226 226 / 30%); }

/* 코인 리스트 커버 */
.coin_list_info { padding: 10px 16px; border: 1px solid var(--border); border-radius: 6px; box-shadow: 1px 1px 2px rgb(226 226 226 / 30%); display: flex; align-items: center; cursor: pointer; position: relative; background-color: #fff; transition: transform 0.3s; }
.coin_list_info.active { transform: translateX(-240px); }
.coin_list_info .img { flex: none; width: 46px; height: 46px; margin-right: 10px; border: 1px solid var(--border); border-radius: 50%; display: flex; justify-content: center; align-items: center; }
/* 코인 리스트 내용 */
.coin_list_info .text_area { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.coin_list_info .text_area .name { font-size: 16px; font-weight: 700; }
.coin_list_info .text_area .amount { font-size: 16px; font-weight: 700; }
.coin_list_info .text_area .price { font-size: 14px; font-weight: 400; color: var(--gray); text-align: right; }
/* 코인 리스트 하위버튼 */
.coin_list_button_box { display: flex; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
button[type="button"].coin_list_button { width: 70px; height: 60px; background-color: var(--main); color: #fff; font-size: 12px; font-weight: 700; border-radius: 4px; margin-right: 10px; }
.coin_list_button_box button:last-child { margin-right: 0; }





/* 230413 KMS NFT nft_list, nft_details */
.inventory_list { display: grid; grid-template-columns: repeat(2,1fr); grid-row-gap: 20px; grid-column-gap: 20px; padding:20px; background: #fff; }
.inventory_list li { max-width: 356.5px; border-radius: 8px; overflow: hidden; box-shadow: 0 6px 4px rgba(21,34,50,0.08); display: flex; flex-direction: column; outline:1px solid #ddd; background: #fff; }
/* width: calc(50vw - 27.5px); */
.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; border-top: 1px solid #ddd;}
.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; }
.total_nftrepuer { font-size: 18px; font-weight: 700; color: var(--main); padding-top:4px; display: block; }

.not_listnft { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; text-align: center;}
.not_listnft button { text-align: center; margin:10px auto 0; }

/* .nft_createbtn { animation: gradient 6s ease infinite; }
.nft_createbtn:disabled { background: #E6E6EA; color: #5A607F; cursor:inherit; }  */
button.edit, .nft_createbtn { padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; background-image: linear-gradient(to right, #0dccfc, #0c09c7); text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px #eee; border-radius: 10px; display: block; color: var(--white); }
button.btn { padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; }

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

/* nft_details */
 .repurchase_img_video { width:100%; max-width:450px; max-height:450px; margin:0 auto 20px; background-color:#eee; }
 .repurchase_img_video video, .repurchase_img_video img { width: 100%;height: 100%; max-width:450px; max-height:450px; display: block; object-fit: cover; }
 .repuer_card { background-color: #fff; border-radius: 8px; border:1px solid #f1f3f5; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
 /* .repurchase_img_video {position: relative;  width: 450px;height: 450px; margin:0 auto 20px; background-color:#eee; }  */
 /* .repurchase_img_video video, .repurchase_img_video img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; display: block; }  */
 /* 체크박스 */
 .checkbox_mockup { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; width: 18px; height: 18px; border: 1px solid #7e7e7e; cursor: pointer;}
 .checkbox_mockup.active { background: url(../img/svg/icon_checked.svg) center; border: 1px solid transparent; }
.agreement_checkbox { position: relative; border-radius: 8px; margin:0 auto; padding: 20px; margin-bottom: 20px; font-size: 14px; display: flex; justify-content: center; align-items: center; word-break: break-all; }
.chk_line { text-decoration: underline; font-weight: 700; padding-left:10px; cursor: pointer; }
 .repurchase_checkbox { display: none; }
/* 팝업 */
 .popup_bg, .nftpopup_bg { position: fixed; left: 50%; top: 0; transform: translateX(-50%); background-color: rgba(0,0,0,0.5); display: none; 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: 10px; 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; }

 .popup_box.repurchase .popup_text::-webkit-scrollbar {display: none;}

/*230420 신정운 메인페이지 수정작업*/
.tqlistbtn button {width:100px;}
.taraapp_bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 9999;}



.cms_bankinfo{background-color: #fff; border-radius: 8px; border:1px solid #f1f3f5; box-shadow: 0 1px 4px rgba(0,0,0,0.08); font-size:16px; margin-bottom:20px;}
.cms_bankinfo li { padding:10px; display: flex;  align-items: center;  border-bottom:1px solid #f1f3f5; font-weight: 500;}
.cms_bankinfo li p:nth-child(1) {
  width:70px;
}








/* 반응형 */
@media screen and (max-width:767px){
 .purchase_tab li { height:56px; word-break: keep-all; }
 .pop_cont { width:90%; }
 .mylist p { font-size:1.4rem; word-break: keep-all; }
 .level_agree { width:100%; }
 .verfi_stitle { word-break: keep-all; }
 }

 @media screen and (max-width:500px) { /* .buysell_list li { flex-wrap:wrap; } */
 /* .buysell_list li p:nth-child(1) { width:100%; margin-bottom:6px; } */
 .send_card_list li { flex-direction: column; align-items: flex-start; }
 .coin_list_info .text_area { flex-direction: column; align-items: flex-start; }
 .coin_list_info .text_area .price { font-size: 14px; text-align: left; }

 /* .inventory_list {grid-template-columns:1fr}
 .inventory_list li {max-width: 100%; width: 100%;} */
 }
@media screen and (max-width:410px){
 .level_tab li { word-break: keep-all; }
 }


@media screen and (max-width:375px){
 .buysell_list li { flex-wrap:wrap; }
 .buysell_list li p:nth-child(1) { width:100%; margin-bottom:6px; }
 .mainheader_title { font-size:1.4rem; }
 .link_moblie { flex-wrap:wrap; }
 .popup_bg {padding: 0 20px;}
 }