@charset "UTF-8";
table { width: 100%; margin: 1rem 0; background-color: transparent; white-space: nowrap; border-collapse: collapse; }

.signup_link span { font-size: 22px; color: #fff; }
.signup_link { text-align: center; margin-top: 20px; margin-bottom:10px; }
.signup_link span:nth-child(1) { width: 100%; color: #1b76bd; font-weight:bold; }
.signup_link span { width: 100%; color: red; font-weight:bold; line-height: 26px; }
.login_box {max-width:400px; padding:0 20px; margin: 0 auto; }
.login_img { width: 100%; margin-bottom: 20px; text-align: center; }
.login_img img {width: 80%; max-width: 300px; border-radius: 10px; }
.login_title { padding-top:20px; line-height:1.5;}
/* //login */

/* coin */
/* change 페이지 CSS*/
.fa-arrow-right { position: relative; top: 2px; color: #1b76bd; }
.change_img img { height:38px; }
.change_box { padding: 10px; margin-bottom:10px; border: 1px solid #d5d5d5; border-radius: 10px; cursor:pointer; }
.change_box span { font-size: 18px; }
.change_box span:last-child { position: relative; margin-left:10px; }
.change_box { position: relative; }
.change_box span { color: #000 }
.change_btns { position: absolute; left:0; top: 50%; transform: translateY(-50%); width:100%; padding-right: 10px; text-align:right; z-index: -1; opacity:0;}
.change_btns.active { z-index: 5; opacity:1; transition:z-index 300ms ease, opacity 300ms ease;}

.change_btns span { display: inline-block; width: 90px; height: 36px; line-height: 36px; border-radius: 13px; text-align: center; color: #fff; font-size: 18px; }
.change_btns span:nth-of-type(1) { background: #FFB27D; }
.change_btns span:nth-of-type(2) { background: #94D8F6; }
/* //change 페이지 CSS */

/* change_coin 페이지 CSS */
.ex_wrap { padding:10px; border:1px solid #d3d3d3; border-radius: 10px; font-size:16px; background:#fff; }
.num_btn { width:33%; height: 44px; margin-bottom:2px; font-size:20px; color:#333; border-radius: 10px; background-color:#d3d3d3; outline:none; border:none; }
.ch_p > p { border-bottom:1px solid #d3d3d3; padding:10px; }
.ch_p { padding:10px; font-size:16px; border-radius: 10px; border:1px solid #d3d3d3; background:#fff; }
.change_but { width:100%; margin-top:10px; }

/* //change_coin 페이지 CSS */

/* Coin History */
.no_tranction h3 { color:#333; }
.history_box { border-radius: 10px; padding:10px; border:1px solid #dee2e6; color:#333; }
.history_box p { margin-bottom:6px; border:1px solid #ececec; border-radius: 10px; padding:10px; }
.history_box span { display:block; margin-bottom:10px; font-size:16px; font-weight:bold; }
.history_box span:last-child { margin-bottom:0; border-bottom:0; }
/* //Coin History */

/* //coin */


/* 쇼핑 */
.product_rewrap { width:100%; max-width:768px; margin:30px 0 auto; padding:0 10px; }
.shopping_title { font-size:16px; font-weight: bold; }
.image_guide { margin-bottom:20px; }
.product_info, .detail_txt { border:1px solid #e4e4e4; border-radius: 10px; padding:10px; }
/* shopping_management */
.admin_shop { width:100%; max-width:768px; margin:30px 0 auto; padding:0 10px; }
.product_box { width:49%; padding:10px; border:1px solid #ededf5; border-radius:10px; text-align: center; font-size:18px; font-weight:bold; }
.product_won { margin-top:10px; }
/* //shopping_management */

/* member_shopping */
.member_buyimg { width:100%; height:300px; overflow:hidden; text-align:center; }
.member_buyimg img { max-width:100%; height:100%; object-fit: contain; }
.shopmember_info { margin-top:30px; }
.shopmember_info input { text-align: right; }
.shopmember_info h2 { font-size:20px; }
.shopmember_info li { border-bottom:1px solid #ededed; font-size:16px; padding:10px 0; }
.shopmember_info li p:nth-child(1) { width:40%; }
.shopmember_info li p:nth-child(2) { width:60%; text-align: right; }
.shipping { margin-top:20px; }
.shipping_complet { width:48%; text-align: center; }
.shipping_being { width:48%; text-align: center; }
.shipping_complet label { color:darkblue; font-weight:bold; }
.shipping_being label { color:red; font-weight:bold; }
.shipping_complet input[type="radio"] { position:relative; top:1px; }
.shipping_being input[type="radio"] { position:relative; top:1px; }

.coin_info { border:1px solid #ededed; padding:10px; border-radius: 10px; }
/* //member_shopping */


/* shopping_list */
.shop_item { width: calc(50% - 10px); margin-bottom: 5%; border: 1px solid #ededed; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 9%); cursor: pointer; transition: transform 300ms ease; }
.no_list { color: #333; font-weight: bold; font-size: 20px; }
.product_img { width: 100%; height: 200px; padding: 12px 0; text-align: center; overflow: hidden; border-bottom: 1px solid #efefef; }
.product_img img { max-width: 100%; height: 100%; object-fit: contain; }
.product_guide { padding-top: 10px; font-size: 16px; }
.product_guide span { display: block; padding: 10px 0; }
.product_guide span:nth-child(1) { padding-top: 12px; padding-bottom: 10px; }

/* 21.12.03 shopping_list 레이아웃 수정:NJH */
.shop_list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px 0; }
.shop_item:hover { transform: scale(1.05); }
.shop_item a { display: block; width: 100%; padding: 4%; }
/* .shop_item:nth-child(odd) { margin-right: 5%; } */
.product_guide span { color: #333; }
.product_price { font-weight: bold; }
/* //shopping_list */


/* shopping_info */
.product_shop h2 { padding-top:4px; }
.product_shop li:nth-child(1) { border-bottom:none; }
.product_shop li { border-bottom:1px solid #ededed; font-size:16px; padding:10px 0; }
.shop_det { margin-top:12px; }
.shop_deimg { width:100%; text-align:center; }
.shop_deimg img { max-width:100%; }
.total_purchase { padding:16px 0; text-align: center; }
.total_purchase h5 { font-size:16px; }
.product_shop h2, .shop_det h3 { font-size:20px; }
.purchase_but { background-color: #fff;}
.purchase_but input::placeholder { text-align: center;}
.purchase_but input:read-only { background-color: transparent; }
.purchase_but button {display:flex; justify-content: center; align-items: center; background-color:#1b76bd; border-radius: 50%; width:40px; height:40px; font-size: 20px; font-weight: bold; color: #fff; line-height: 39px;}
.purchase_but i { color:#fff; font-size:16px; }
.purchase_but .form_box { border:none; text-align: center; }
.shop_deimg p { font-size:18px; margin-bottom:10px; }
/* //shopping_info */

/* shopping_order */
.postcode_choice { margin-top:20px; }
/* .payment_methodbox button { border:1px solid #1b76bd; } */
.but_tetbox01, .but_tetbox02, .but_tetbox03, .but_tetbox04 { display:none; }
/*//쇼핑 */

/* 내역 */
.fa-wallet { margin-right:10px; font-size:38px; color:#4e54c8; }
.historywrap { width:100%; max-width:768px; margin:30px 0 auto; padding:0 10px; }
.with_daller { color:#2d2fff; }
.history h4 { text-align:center; font-weight:bold; font-size:20px; }
.transactions { margin-top:30px; border:1px solid #ededed; padding:10px; border-radius: 10px; }
.section-title strong { font-size:20px; }
.transactions .detail { margin-top:4px; border-radius: 10px; }
.with_daller { color:#2d2fff; }
.transactions h6, .transactions p { font-size:16px; }
/* //내역 */

/* mylist*/
.img_box { display:block; width:48px; height:100%; }
.img_box img { max-width:100%; }
.list_box li { margin-bottom:10px; border: 1px solid #d5d5d5; border-radius: 10px; cursor:pointer; }
.list_box img { height:36px; }
.list_box li a { padding: 10px; color:#333; font-weight: bold; }
.list_box li span:last-child { font-size:16px; }
/* //mylist*/

.mypage_box li, .mypage_box p { margin-bottom:20px; }

/* //mypage */

/* withdraw */
.fa-wallet { font-size:44px; }
.with_wrap { width:100%; max-width:768px; margin:30px 0 auto; padding:0 10px; }
.table_wrap { overflow: scroll; }
.with_modal { display:none; }
.with_modalbg { position: fixed; height:100vh; width: 100%; top:0; left:0; right:0; right:0; background: rgba(001,001,001,0.7); z-index: 9998; }
.withwrap_modal { width:100%; max-width:768px; top:25%; left:0; right:0; bottom:0; margin:auto; position: absolute; z-index: 9999; }
.with_historywrap { width:100%; max-width:768px; margin:30px 0 auto; padding:0 10px; }
.history h4 { text-align:center; font-weight:bold; font-size:20px; }
.transactions { margin-top:30px; border:1px solid #ededed; padding:10px; border-radius: 10px; }
.transactions h6, .transactions p { font-size:16px; }
.with_daller { color:#2d2fff; }
/* withdraw */

/* user_management */
.fa-arrow-left { font-size:24px; }
.fa-home { font-size:24px; }
/* user_management */

/*user 정보수정 */
.mypage_wrap { width:100%; max-width:768px; margin:30px 0 auto; padding:0 10px; }
.page { background-color:#fff; }
.fa-arrow-left { font-size:24px; }
.fa-home { font-size:24px; }
/*//user정보 */

/*profit (수익금) */
.fa-arrow-left { font-size:24px; }
.fa-home { font-size:24px; }
/*//profit (수익금) */


/* qna */
/* .over_text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 300px; margin: 0 auto; }
.qna_list table { white-space: nowrap; border-radius: 10px; } */
.qna_state { padding-bottom:10px; border-bottom:1px solid #d5d5d5; }
.qna_user { padding: 10px; border: 1px solid #ededed; border-radius: 10px; cursor: pointer; color:#333; font-weight: bold; }
.qna_answer { padding-top:16px; padding-bottom:8px; font-size:16px; }
.qna_state span:nth-child(1) { display:inline-block; border:1px solid #d5d5d5; border-radius:10px; padding:6px; text-align: center; }
.no_qna h3 { font-size:20px; color:#333; }

/*qna 신규 클래스 추가 : 211208 SJW */
.qna_tab { color:#999; border-bottom:1px solid #ededed; font-weight: bold; cursor:pointer; }
.user_answer_q {padding:6px;}
.ask_boxwrap { margin-top:30px; }

.qna_tab p { padding-bottom:14px; }

.q_active { padding-bottom:14px; color:#000; border-bottom:2px solid #000; }

.aq_i { display: inline-block; border-radius: 50%; text-align: center; line-height: 30px; color:#fff; width:30px; height:30px; font-size:22px; background-color:skyblue; }

.a_i { display: inline-block; border-radius: 50%; text-align: center; line-height: 30px; color:#fff; width:30px; height:30px; font-size:22px; background-color:red; }

.ask_box { border:1px solid #d5d5d5; border-radius: 4px; }

.ask_boxwrap textarea { resize:none; border:1px solid #d5d5d5; padding:10px; font-size:14px; }

.ask_box input { padding:14px; font-size:14px; }

.user_qna_state { padding-top:6px; font-size:14px; }

.qna_answerimg { width:6%; }

.qna_answerimg img { max-width:100%; width:40px; height:40px; }

.qna_answertxt { width:92%; line-height:24px; font-weight:bold; }

.admin_answer { padding:6px; background-color:#ededed; border-radius: 6px; }
.user_an { font-size:16px; }
/* //qna */
/* qna
.qna_state { padding-bottom:10px; border-bottom:1px solid #d5d5d5; }
.qna_user { padding: 10px; border: 1px solid #ededed; border-radius: 10px; cursor: pointer; color:#333; font-weight: bold; }
.qna_answer { padding-top:16px; padding-bottom:8px; font-size:16px; }
.qna_state span:nth-child(1) { display:inline-block; border:1px solid #d5d5d5; border-radius:10px; padding:6px; text-align: center; }
.no_qna h3 { font-size:20px; color:#333; }
//qna */

/* notice_list css */
.date_info { width:100%; text-align:right; font-weight:bold; color:#1b76bd; }
.select_box { margin-right:10px; }
.search_box { margin-right:10px; }
/* //qna*/

/* repurchase (재구매)*/
.with_modal { display:none; }
.with_modalbg { position: fixed; height:100vh; width: 100%; top:0; left:0; right:0; right:0; background: rgba(001,001,001,0.7); z-index: 9998; }
.withwrap_modal { width:100%; max-width:768px; top:25%; left:0; right:0; bottom:0; margin:auto; position: absolute; z-index: 9999; }
.with_boxw { width:100%; height:100%; border:1px solid #ededed; background-color:#fff; border-radius: 10px; padding:10px; }
/*//repurchase (재구매)*/

/* 회원가입 */
input::placeholder { font-size: 14px; }
.essential_txt { text-align: right; font-weight: bold; }
.star_i { position: relative; top: 4px; color: red; font-size: 20px; }
.agree_box { height:200px; overflow:auto; border: 2px solid #d3d3d3; background:#fff; border-radius: 10px; padding:10px; }
.agree_box span { font-weight:bold; }
.agree_box p { margin-bottom:10px; }

/* //회원가입 */

/* 스테이킹 */
.staking_modal { display:none; }
.staking_modalbg { position: fixed; height:100vh; width: 100%; top:0; left:0; right:0; right:0; background: rgba(001,001,001,0.7); z-index: 9998; }
.staking_modal { width:100%; max-width:768px; top: 15%; left:0; right:0; bottom:0; margin:auto; position: absolute; z-index: 9999; }
.staking_boxw { width:100%; height:100%; border:1px solid #ededed; background-color:#fff; border-radius: 10px; padding:10px; }
.staking_boxw h4 { margin-bottom:30px; font-size:20px; text-align:center; }
.staking_infotxt { margin-top:6px; margin-bottom:6px; font-weight: bold; color:red; }
.modal_button { margin-top:20px; text-align:right; }
input[type="checkbox"] { position:relative; top:2px; }
.chk_box span { font-size:14px; font-weight: bold; color:blue; }

/* //스테이킹 */

/* send */
.send_button { width: 33%; height: 44px; margin-bottom: 2px; font-size: 20px; color:#333; border-radius: 10px; background-color: #efefef; outline: none; border: none; }
.ch_p > li, .ch_p02 > li { border-bottom:1px solid #ededed; padding:4px; }
.ch_p, .ch_p02 { padding:10px; margin-top:10px; border-radius: 10px; border:1px solid #ededed; }
.ch_p span:last-child { width:70%; overflow:hidden; text-overflow: ellipsis; text-align: right; white-space: nowrap; }
.ch_p02 span:last-child { width:58%; text-align: right; word-break: break-all; }
.ch_p span, .ch_p02 span { font-size:16px; padding-top:6px; padding-bottom:6px; }
.margin_T10 label { font-size:16px; }
.re_spa p:nth-child(1) { color:red; font-size:16px; font-weight:bold; }
.re_spa .m_send, .pc_send { font-size:14px; font-weight:bold; margin-top:4px; }
.button_img { width:50px; height:100%; background:transparent; outline:none; }
.button_img img { max-width:100%; }
.m_send { display:none; }
.addrbox { padding: 10px; margin-top: 10px; border-radius: 10px; border: 1px solid #ededed; }
.addrbox input { width:100%; }
.addrbox li:nth-child(1) { padding-bottom:10px; border-bottom:1px solid #ededed; }
.addr_txt { position: relative; top:4px; }
.addr_box { width:80%; }
.addr_box small { color:red; font-weight:bold; }
.crypto_txt { color:red; font-size:14px; margin-top:4px; line-height:20px; font-weight:bold; }

/* send3 CSS */
.sender_txt { text-align: center; font-size:16px; border:1px solid #6c757d; border-radius: 10px; padding:6px; word-break: break-all; }
.sender_txt p { padding:10px 0; }
.sender_txt p:nth-child(1) { border-bottom:1px solid #ededed; }
.stage { height:100px; }
/* //send3 CSS */

/* send4 CSS */
/* .key_input { margin-bottom:20px; } */
.key_input p:nth-child(1) { text-align: center; font-weight: bold; font-size:16px; color:#1b76bd; margin-bottom:8px; }
.key_input input:read-only { background:transparent; border:none; outline:none; text-align: center; }
.key_input input::placeholder { font-size:12px; }
/* //send4 CSS */

/* send5 */
.complet_txt { text-align: center; color:#1b76bd; font-weight: bold; font-size:16px; margin-bottom:20px; }
/* //send5 */

/*send history*/
.send_history li { margin-bottom:20px; }
/*//send history*/

/* 기존 효과 (send3) */
.dot-flashing { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #1b76bd; color: #1b76bd; animation: dotFlashing 1s infinite linear alternate; animation-delay: .5s; top:50%; left:50%; transform: translate(-50%, -50%); }
.dot-flashing::before, .dot-flashing::after { content: ''; display: inline-block; position: absolute; top: 0; }
.dot-flashing::before { top: -15px; width: 10px; height: 10px; border-radius: 5px; background-color: #1b76bd; color: #1b76bd; animation: dotFlashing 1s infinite alternate; animation-delay: 0s; }
.dot-flashing::after { top: 15px; width: 10px; height: 10px; border-radius: 5px; background-color: #1b76bd; color: #1b76bd; animation: dotFlashing 1s infinite alternate; animation-delay: 1s; }

@keyframes dotFlashing {
 0% { background-color: #1b76bd; }
 50%,
 100% { background-color: #dcf2ff; }
 }

 .qr_btn { padding-bottom: 5%; margin: 0 auto; padding-top:0; }
.send_guide_txt { line-height: 1.2; margin: 10px 0; }
 /* qr_send_step1.html */
.qr { margin-top:130px; }
.qr_imgbox { margin-bottom:34px; text-align:center; }
.clip { width:100%; line-height:90px; text-align: center; }
.qr_box { position:relative; height:300px; width:100%; margin:0 auto; }
/* QR로 받기 인증코드 */
.authenti_code_2 { width: 60%; text-align: center; padding:10px 0; margin: 20px auto; font-size: 1.6rem; color: #181c32; font-family: "Poppins", sans-serif; font-weight: 600; border: 1px solid #9395a4; border-radius: 22px; }

/* qr_send_step2.html */
.qr_area { width: 100%; height: 300px; max-width: 500px; margin: 0 auto; text-align: center; border-radius: 20px; position:relative; left:0; margin:0 auto; z-index:1; }
.qr_area_off { width: 100%; height: 300px; max-width: 500px; margin: 0 auto; text-align: center; border: 2px dashed #d4d4d4; border-radius: 20px; position:absolute; top:0; left:50%; transform: translateX(-50%); z-index:10; }
.wallet_textbox { background-color: #fff; border-radius: 18px; padding: 20px; margin: 20px; box-shadow: 0 0.5px 5px rgb(0 0 0 / 10%); }
.form_item_tit { width: 40%; }
.hash_box { width:60%; text-align: right; overflow: hidden; word-wrap: break-word; }
.form_item_box { width: 100%; height: auto; padding: 10px 0; border-bottom: 1px solid #d4d4d4; }

/* send4.html / qr_send_step3.html pinNumber-keypad */
.number_box { padding-top:5vh; text-align: center; }
.key_input .number_box input { width: 40px; height: 40px; margin: 0 0 5vh; padding: 0; border-radius: 40px; text-align: center; background-color: #9fdeff; /*background-color: #1b76bd; */ color: transparent; }
.key_input .number_box input.pin_active { background-color: #1b76bd; }

/* qr_send_comp.html */
.send_sub_tit { font-size: 2.0rem; text-align: center; line-height: 1.2; }

/* send_main.html */
.send_method_type { flex-wrap:wrap; padding: 30px 0; }
.send_method_type > li { width:48%; padding:20px; margin-bottom: 20px; border-radius: 18px; box-shadow: 0 0.5px 5px rgb(0 0 0 / 10%); }
.send_method_type > li h3 { margin-bottom: 10px; }
.send_type li { display: flex; justify-content: center; align-items: center; height: 48px; background-color: #9fdeff; border-radius: 10px; }
.send_type li:first-child { margin-right: 5%; }
.send_type a { display: block; padding: 8px 10px; text-align: center; color:#fff; transition: color 300ms ease; }
.send_type li:hover a { color:#fff; color: #00a6d8; }
.wallet_address { padding:20px 0; }

/* wallet_address.html */
.clip { width: 100%; line-height: 90px; text-align: center; opacity: 1; transition: opacity 300ms ease-in-out; }
.clip.inactive { width: 100%; line-height: 90px; text-align: center; opacity: 0; transition: opacity 300ms ease-in-out; }
.o_icon { width: 6px; height: 6px; color: #FF6464; border-radius: 50%; }
/* position: relative; top: -3px; left: 0; */

/* //send */

/* 공지사항 */
.no_notice h3 { font-size:20px; color:#333; }
.cont_wrap.detail { color: #27303e; text-align: center; }
.notice_title p:nth-child(1) { margin-bottom: 4px; }
.notice_title { font-size: 16px; text-align: left; margin-top: 10px; font-weight: bold; }
.cont_wrap.detail .view_detail { padding: 20px 0; margin-bottom: 30px; border-top: 1px solid #d4d4d4; }
.notice_user { border:1px solid #ededed; padding:16px; border-radius: 10px; cursor:pointer; }
.notice_user h3 { font-size:24px; color:#333; height:40px; line-height: 40px; }
.notice_date { border-bottom:1px solid #ededed; padding-bottom:4px; margin-bottom:6px; margin-top:14px; font-size:14px; }
.notice_stitle p:nth-child(1) { color:#666; font-size:24px; font-weight: bold; }
/* .notice_stitle p:nth-child(2) { color:#333; padding:10px; font-size:20px; font-weight: bold; } */
/* .notice_stitle { border-bottom:1px solid #d4d4d4; padding-bottom:4px; } */
.notice_sdetail { margin-top:10px; }
.user_notice_title { font-weight: 700; color:#333; }
.useri_box { position: relative; cursor:pointer; }
.useri_box::after { position: absolute; right:0; top:50%; transform: translate(0, -50%); background:url("../../assets/img/icon/svgs/solid/chevron-right.svg"); display:inline-block; background-repeat: no-repeat; content: ""; background-position: right; width:20px; height:20px; }
.ntitle_i span:nth-child(1) { font-size:14px; padding-right:6px; }
.nstitle_i { width:86%; font-size:16px; padding-top:0.6rem; min-height:30px; }
.boder_un { border-bottom:1px solid #ededed; padding:14px 0; }
.user_notice_date { color:#999; padding-top:6px; font-size:14px; }
.user_notice_detail { line-height:30px; }

/* //공지사항 */


/* 공지사항
.no_notice h3 { font-size:20px; color:#333; }
.cont_wrap.detail { color: #27303e; text-align: center; }
.notice_title p:nth-child(1) { margin-bottom: 4px; }
.notice_title { font-size: 16px; text-align: left; margin-top: 10px; font-weight: bold; }
.cont_wrap.detail .view_detail { padding: 20px 0; margin-bottom: 30px; border-top: 1px solid #d4d4d4; }
.notice_user { border:1px solid #ededed; padding:16px; border-radius: 10px; cursor:pointer; }
.notice_user h3 { font-size:24px; color:#333; height:40px; line-height: 40px; }
.notice_date { border-bottom:1px solid #ededed; padding-bottom:4px; margin-bottom:6px; margin-top:14px; font-size:14px; }
.notice_stitle p:nth-child(1) { color:#666; font-size:24px; font-weight: bold; }
.notice_sdetail { margin-top:10px; }
 */

/*기타*/
.view_detail img { max-width:100%; }
/*//기타*/

/*news*/
.cont_detail_contxt h6 { font-size: 1.6rem; text-align: right; }
.cont_detail_contxt { padding: 10px 0; line-height: 1.4; border-bottom:1px solid #d5d5d5; }
.cont_detail_contxt p { display: flex; justify-content: space-between; color: #7a8392; font-size: 1.4rem; }
.type_txt { margin-bottom:6px; }
.nevideo_box { width:100%; }
.neideo_box video { max-width:100%; height:100%; object-fit: contain; }
.neimg_box img { max-width:50%; }
.nepdf_box img { max-width:30%; }
.news_inf { font-size:12px; margin-top:12px; font-weight: bold; color:red;}

/*//news*/

/* 21.12.08 shopping > shopping_history_list.html */
.page_section.shopping_history { background-color: #e9e9e9; /*#1b76bd; */ padding:10px 0 0 0; margin-top:50px; }
.no_history { padding: 30px 0; background-color: #fff; }
.history_item { margin-bottom: 10px; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.15); }
.history_item > a { display: block; max-width:500px; padding:8px 1rem; margin: 0 auto; }
.history_top span { font-size: 1.1rem; }
.history_top { padding-bottom: 8px; }
.history_top > p { color: #999; }
.history_top .order_date { margin-right: 5px; font-size: 1.2rem; }
.order_status { padding:4px 8px; border-radius:20px; color:#fff; }
.order_status.start { background-color: #1b76bd; }
.order_status.shipping { background-color: #00b400; }
.order_status.ship_comp { background-color:#1b76bd; }
/* .history_top .order_date { margin-right: 5px; }
.order_status.start { color: #1b76bd; }
.order_status.shipping { color: #00b400; }
.order_status.ship_comp { color:#1b76bd; } */
.history_view { display: block; padding:4px 8px; color: #1b76bd; border:1px solid #1b76bd; border-radius: 20px; font-weight: bold; }
.history_view:hover { color: #fff; background-color:#1b76bd; transition:all 300ms ease; }
.history_bottom { margin-bottom: 10px; color:#333; font-size: 1.4rem; }
.history_img { width: 20%; height: 80px; box-shadow: 0 1px 5px rgb(0 0 0 / 10%); border-radius: 10px; overflow: hidden; }
.history_img img { max-width: 100%; height: 100%; object-fit: contain; }
.history_txt { width:80%; margin-left: 10px; font-size: 1.2rem; }
.history_txt h3 { font-size: 1.36rem; font-weight: bold; }
.history_txt p { padding-top: 10px; }

@media(max-width:500px){
 .history_img { width: 30%; }
 .history_txt { width: 70%; }
 }

/* 21.12.08 send 부분 작업 :pyo */

.page_section.send_view { padding-left:0; padding-right: 0; padding-bottom:0; background-color: #1b76bd; }

.send_view_card { border-radius: 20px 20px 0 0; border:1px solid #e6e6e6; background-color: #fff; position: relative; padding:24px; }

.send_view_icon { position: absolute; top: -17px; left: 50%; transform: translate(-50%); }

.send_view_line { display: flex; justify-content: space-between; border-bottom:1px solid #e6e6e6; padding: 10px 0; }

/* css 합치기 완료 */

/* 21.12.08 send history 부분 작업 :pyo */

.send_list_box { width:100%; text-align: left; display: flex; justify-content:space-between; padding:10px 10px 20px 10px;}

.send_date { font-size: 12px; color:gray; }

.send_top_txt { font-size: 16px; font-weight: bold; word-break: break-all; }

.send_bottom_txt { font-size: 12px; text-align: right; color:#04b904; }

.send_icon { padding: 0 10px; width:50px; }

.flex_left { display: flex; justify-content: left; }

.history_top_box { display: flex; justify-content: space-between; margin-bottom:20px; }

.history_top_icon { padding:0 10px; }

.history_inner_box { width:50%; text-align: left; display: flex; justify-content: center; border-radius: 10px; border: 1px solid #dddddd; padding:10px; }

.history_left { margin-right: 4px;; }
.history_right { margin-left:4px; }

/* send main */
.by_wallet, .by_qr { width:100%!important; background-color: #1b76bd; }
.send_type.resend_type { display: flex; justify-content: space-around; }

.wallet_send.rewallet_send { width:50%; background-color: #fff; max-width: 200px; color:#1b76bd;}


.wallet_address.rewallet_send { width:50%; background-color: #fff; max-width: 200px; color:#1b76bd;}

.by_qr h3 { margin-bottom:20px!important; color:#fff; }
.by_wallet h3 { margin-bottom:20px!important; color:#fff; }

/*211210 신규 클래스 추가 : SJW*/
/*QR_receview*/
.qr_rimgb {
  width:100%;
  height:200px;
  overflow: hidden;
}

.ver_codet {
  font-weight: bold;
  font-size:20px;
  color:red;
}

.qr_rimgb img{
  max-width:100%;
}

/*QR_receview*/




/* 21.12.08 shopping > shopping_history_view.html */
.page_section.send_view.del_bottom {padding-bottom:0; padding-top:10px;}
.history_cont {padding:0;}
.send_view_card .order_date {color: #333; font-size: 1.2rem;}
.send_view .history_item {padding: 10px 0; border-bottom: none;}
.send_view_card.history_item{padding: 16px 0 0; margin-bottom: 0; border-bottom: 1px solid #e6e6e6; border-right: none; border-left:none;}
.send_view_card.history_item a {max-width:none; padding:16px 0; border-top: 1px solid #e3e3e3;}
.send_view_card .history_top {max-width: 500px; margin: 0 auto; padding: 0 1rem 12px;}
.history_item.status { margin-top: 0;}
.history_top.view {max-width: 500px; margin: 0 auto; padding: 0 1rem;}
.order_status.shipping_view {color:#333; cursor: pointer;border:1px solid #999;}
.order_status.shipping_view:hover { background-color: #999; color:#fff; transition:all 300ms ease;}
.send_view .history_item:last-child {margin-bottom: 0;}
.send_view .history_item .sub_tit {max-width:500px; margin: 0 auto; padding:0 1rem 8px ;}
.send_view .history_item .history_bottom { margin: 0 auto; padding: 0 1rem; border-top: 1px solid #e6e6e6;}
.send_view .history_txt_view {width: 100%; max-width: 500px; margin: 0 auto; padding: 8px 1rem;}
.send_view .history_txt.view {margin-left:10px;}
.send_view .history_txt_view .item_tit { width:28%; margin-right: 10px;}
.history_txt_view:first-child {padding-top: 16px;}
.send_view .history_txt_view .item_contxt { width:72%;}
.send_view .send_view_card .history_bottom {max-width: 500px;
  margin: 0 auto 10px; padding-top: 10px; border-top:0 }

  /* 2022.04.01 배송조회버튼 추가 */
  .order_status.tracking {background-color: #1b76bd; font-size: 14px; font-weight: normal;}


  /* send view 글자 흘러넘침 방지 :pyo  */
  .send_view_line {
    word-break: break-all;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}

/* news 신규 클래스 : SJW */
.unews_img { width:80px; height:80px; margin-right:10px; overflow: hidden; text-align: center; }
.unews_wrap { position: relative; padding-bottom:12px; cursor:pointer; border-bottom:1px solid #ededed; }
.unews_img img { max-width:100%; height:100%; object-fit: contain; }
.unews_txt { width:86%; }
.unews_txt span:nth-child(1) { display:block; font-size:16px; font-weight:bold; color:#333; }
.unews_txt span:nth-child(2) { display:inline-block; font-size:14px; margin-top:8px; }
.unews_date { display:inline-block; font-size:14px; margin-top:8px; }
.unews_wrap::after { position: absolute; right:0; top:50%; transform: translate(0, -50%); background:url("../../assets/img/icon/svgs/solid/chevron-right.svg"); display:inline-block; background-repeat: no-repeat; content: ""; background-position: right; width:20px; height:20px; }
.unewsno_img, .unewsno_video { margin-right:10px; width:80px; height:80px; line-height:80px; vertical-align: middle; text-align:center; }
.unewsno_img, .unewsno_video { position: relative; }
.unewsno_img img, .unewsno_video img { width:60px; height:60px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.nevideo_video { max-width:50%; object-fit: contain; }
.unews_stxt span:nth-child(1) { width:95%; font-weight: bold; color:#333; min-height: 18px; line-height: 18px;}
.unews_stxt span { display: inline-block; margin-bottom:8px; }

/* shopping_info02.html */
/* .page_section.shopping_view {position: relative; margin-top:280px; padding-top:0; background-color: #1b76bd; border-radius: 20px 20px 0 0; z-index: 6;} */
/* .shopping_view_img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width:768px; height: 300px; z-index: 5; background-color: #fff;} */
.page_section.shopping_view {margin-top: 0; padding-top:0; background-color: #1b76bd; border-radius: 22px 22px 0 0; }
.shopping_view_img {display:flex; justify-content:center; width: 100%; padding: 30px 0; margin-top: 50px; max-width:768px; height: 500px; background-color: #fff;}
.shopping_view_img img {width: calc(100% - 40px); object-fit: contain;}
/* header.shopping_view {background-color: rgba(255,255,255, 0.01); transition: background-color 300ms ease;} */
.page_section.shopping_view .send_view_card h3{padding: 16px 0;}
.page_section.shopping_view .send_view_card.detail{border-radius: 0;}

/* .shopping_detail_img { width: 80%; max-width:400px; margin: 0 auto; padding: 16px 0;} */
/* .shopping_detail_img img{ width: 100%; height: 100%;} */

.shopping_detail_img { width: 100%; text-align: center;}
.shopping_detail_img img{ width: 100%; max-width:60%; text-align: center; margin-bottom:20px;}
.shopping_detail_img p img{ width: 100%; max-width:60%; text-align: center; margin-bottom:20px;}
.shopping_detail_txt{padding:16px 0;}
.shopping_detail_txt p {padding:8px 0;}
.purchase_but .form_box {width: auto;}

/* shopping_order02.html */
.order_sub_tit {font-size: 1.4rem;}
.order_Quantity_num, .order_total_price {font-size: 1.6rem; font-weight: bold;}
.sub_tit.order_subject {padding: 16px 0;}
.sub_tit_order {margin: 0 10px 0 0;}
.order_recipient {max-width: 500px; margin: 0 auto; padding: 0 1rem 10px;}
.button_i.same_person {padding: 6px 10px; font-size: 1.4rem;}
.payment_method_box {flex-wrap: wrap; max-width: 500px; margin: 0 auto;}
.send_view .payment_method_box .history_txt_view{width: calc(100% / 3 - 10px); max-width: unset; padding:0; margin-top:10px; text-align: center;}
/* .send_view .payment_method_box .history_txt_view:first-child{padding-top: 8px;} */
.payment_btn {width:100%; padding:10px; color: #1b76bd; font-weight:bold; background-color: #fff; border: 1px solid #1b76bd; border-radius: 20px;}
/* .payment_method_box label { position: relative; width:100%; padding: 8px 10px; color:#1b76bd; border:1px solid #1b76bd; border-radius:20px; cursor: pointer;} */
.payment_method_box label.checked .payment_btn{ color:#fff; background-color: #1b76bd;}
.payment_info {padding: 10px 1rem; margin: 10px 0; background-color: #fff;}
.payment_info li {max-width:500px; margin: 0 auto; padding:10px 0; border-bottom:1px solid #e9e9e9; }
.item_contxt button.button_i {padding: 6px 10px; font-size: 14px;}


/* 미디어쿼리 */
@media screen and (max-width:767px){
  .shopping_detail_img img{ max-width:100%; }
.shopping_detail_img p img{ max-width:100%; }
 .neimg_box img, .nepdf_box img { max-width:100%; }
 .product_img { width:100%; height:150px; }
 .ch_p span:last-child { width:50%; }
 .with_boxw { width:95%; margin:0 auto; }
 .m_send { display:block; }
 .pc_send { display:none; }
 .ch_p span, .ch_p02 span { font-size:14px; }
 .crypto_txt { font-size:12px; }
 .sender_txt { font-size:14px; }
 .login_img img { max-width: 80%; }
 .shopmember_info li, .product_shop li { font-size:14px; }
 .shop_deimg p { font-size:16px; }
 .product_shop h2 { font-size:20px; }
 .list_no h4 { font-size: 20px; }
 .signup_link span { font-size:18px; }
 .staking_modal { top:8%; }
 .staking_boxw h4 { font-size:18px; }
 .staking_boxw { width:95%; margin:0 auto; }
 .agree_chk { font-size:14px; }
 .exchange_wra input::placeholder { font-size:14px; }
 .num_btn { font-size:16px; }
 .ch_p { font-size:14px; }
 .ch_p span:last-child { width:80%; overflow:hidden; text-overflow: ellipsis; text-align: right; white-space: nowrap; }
 .change_box span { font-size:16px; }
 /* 21.12.03 shopping_list.html 쇼핑 리스트 */
 .shop_item { margin-bottom: 5%; }
.shop_item:nth-child(odd) { margin-right: 5%; }
.shop_item a { padding: 8px; }
/*신규 클래스 추가*/
.qna_answertxt { width:84%; }
.qna_answerimg { width:12%; }
/*신규 클래스 2차추가*/
.unews_txt { width:70%; }
.nevideo_video { max-width:100%; }
}

 @media(max-width: 567px){
 /* .shopping_view_img { min-height: 500px; } */
 .login_img img { max-height: 200px; }
 /* 22.01.18 pages>send>send_history_view 항목 길이 조정 */
 .item_name {width:70%;}

 /* 2022.03.31 pages > shopping > shopping_info 상품 상세 페이지 */
 .shopping_view_img {height: 300px;}

/* 2022.04.04 pages > coin > change_coin 키패드 높이 수정 */
 .num_btn, .send_button {height: 38px;}
 }

 @media(max-width: 499px){
   .change_btns.active {background-color: rgba(255,255,255, 0.8); text-align:right; z-index:10; opacity:1; transition:z-index 300ms ease, opacity 300ms ease;}
 }

@media screen and (max-width:320px){
 .product_img { width:100%; height:120px; }
 .notice_user h3 { font-size:22px; }
 .notice_user span { font-size:14px; }
 .ch_p span, .ch_p02 span { font-size:12px; }
 .margin_T10 label { font-size:14px; }
 input::placeholder { font-size:14px; }
 .re_spa p:nth-child(1) { font-size:14px; }
 .re_spa .m_send, .pc_send { font-size:12px; }
 .sender_txt { font-size:12px; }
 .change_box span { font-size:14px; }

 .change_btns span { width:66px; }
 .login_title { font-size:24px; }
 .staking_modal { top:2%; }
 .list_box li span:last-child { font-size:14px; }
 .staking_boxw h4 { font-size:16px; }
 .staking_boxw { width:95%; margin:0 auto; }
 .staking_infotxt { font-size:12px; }
 .chk_box span { font-size:12px; }
 .shopmember_info li, .product_shop li { font-size:12px; }
 .postcode_choice input::placeholder { font-size:12px; }
 .shopmember_info input::placeholder { font-size:12px; }
 .exchange_wra input::placeholder { font-size:12px; }
 .ch_p span { font-size:12px; }
 /*신규 클래스 2차추가*/
.unews_txt { width:62%; }
 }
/* //미디어쿼리 */

/* 21.12.13 shopping_info.html 스마트 에디터 이미지 크기 수정:NJH */
.page_section.shopping_view .send_view_card {width: 100%; text-align: center;}
.page_section.shopping_view .send_view_card p img {max-width:100%;}

/* 21.12.14 coin>change_coin.html 시세 표시 */
.market_price {font-size: 1.2rem;}

/* 21.12.14 coin>change_coin_view.html */
.rate_sign { font-size: 1.4rem;}
.exchange_amount { display: flex; flex-wrap: wrap; justify-content: flex-end;}
.exchange_sign {color: #ffda08; font-weight: bold; font-size: 1.8rem;}
.ch_p .exchange_subject {border-bottom: 1px solid #d3d3d3; padding: 10px;}
.ch_p .exchange_subject p span {width:auto; padding: 0;}
.ch_p > p:last-child { border:none;}
.exchange_msg {font-size: 1.4rem; text-align: center;}
.exchange_msg span {color: #9008ff; font-weight: bold;}