/* @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; margin:0 auto 30px; } */
/* .logo_img { width: 100%; margin-bottom:10px; text-align: center; display: flex; justify-content: center; align-items: center; } */
/* .logo_img img { width: 100%; } */
.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; } 

/* 23.06.12 index 수정 : KMS */
.loginwrap { padding-top:0; width:100%; max-width:768px; margin:30px auto; } 
.logo_img { width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; height: 200px; } 
.logo_img img { width: 100%; height: 100%; object-fit: contain; } 

/* .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_date { margin-left: 30px; font-size: 1.4rem; font-family: var(--font_R); color: #b1b1b1; } 
.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; } 
.article_date { margin-left: 30px; font-size: 1.4rem; } 
.article_content { width: 100%; padding: 30px 0; font-size: 1.4rem; } 

/*구매승인*/
.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; }  */
.qna_tab { display: flex; justify-content: space-between; align-items: center;} 
.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; } 
/* .qna_list { width: 100%; padding: 20px; }  */
.qna_list { width: 100%; padding: 20px 0; } 
.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; } 
.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; margin-left:12px; font-size:1.4rem; cursor:pointer; display:flex; justify-content: center; align-items: center; } 
.withdraw_tab .withdraw_active { background-color: #121330; 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(--main_grad); } 
.tree1 li a:hover+ul li a div p:nth-child(1) { background:var(--main_grad); } 
.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(--main_grad); 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; } /* */
/* 23.06.22 clean energy 수정 : KMS */
.send_input input:disabled {color: #000;}

.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 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; word-break: break-all;} 
.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, #f98b25, #ee268b, #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.edit, .nft_createbtn { padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; background: var(--main_grad); 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; } 



/* 230608 clean energy : KMS */
.btn_submit { line-height: 40px; height: 40px; border-radius: 5px; font-size: 16px; width: 100%; display: block; border: 1px solid #ddd; text-align: center; } 
.btn_steak { height: 40px; border-radius: 5px; font-size: 16px; width: 100%; background-color: var(--main); color: var(--white); } 
.btn_steak:disabled {background-color: #ccc; cursor: default;}

/* 높이 안잡히는 관계로 임의로(버튼 있을 때 높이가 192px) 높이 설정, 전체에서 이미지크기 뺀 만큼 높이 설정 */
.booster_cont { min-height: 192px; height: calc(100% - (50vw - 27.5px)); font-size: 16px; padding:14px; border-top: 1px solid #ddd; display: flex; flex-direction: column; justify-content: space-between; } 
.booster_cont_stk { height: calc(100% - (50vw - 27.5px)); font-size: 16px; padding:14px; border-top: 1px solid #ddd; display: flex; flex-direction: column; justify-content: space-between; } 


/* 230613 clean energy 이용가이드 : KMS */
.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_tit.active+.accor_cont { display: block; } 
.accor_tit.active .arrow { transform: rotate(180deg); } 

.accor_cont { display: none; padding: 20px; border-bottom: 1px solid #f1f1f1; } 
/* .img { position: relative; width: 100%; max-width: 500px; margin: 20px auto; display: block; border: 1px solid #F1F1F1; }  */
.accor_img { position: relative; width: 100%; max-width: 500px; margin: 20px auto; display: block; border: 1px solid #F1F1F1; } 
.accor_img video, .accor_img img { width: 100%; height: 100%;display: block; } 
.accor_txt { font-size: 16px; font-weight: 500; word-break: keep-all; line-height: 30px; } 









/* 반응형 */
@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; } 
 .btn_steak, .btn_submit {font-size: 14px;}
 }


@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; } 

 }