#coin_control { display: block; position:fixed; width:100%; height:200px; background-color:#0080C0; top:100px; padding:0 0 0 0; z-index:20; }
#wallet_menu { display: block; width:100%; height:50px; background-color:#e7e7e7; padding:0 0 0 0; }
#coin_control1 { display: flex; width:100%; height:100px; background-color:#0080C0; padding:0 0 0 0; }

.wallet_image1 { width:auto; height:30px; cursor:pointer; }
.wallet_padding1 { margin-right:20px; margin-top:10px; }
.wallet_menu1 { display: block; position:fixed; width:100%; height:50px; background-color:#e7e7e7; text-align:right; top:50px; padding:0 0 0 0; z-index:20; }
.page_coin_container { position:relative; width:100%; height:100%; }
.wallet_add_container { position:relative; width:100%; height:100%; padding:100px 0 0 0; }

#wallet_tab { display: block; position:fixed; width:100%; height:50px; background-color:#E9E9E9; top:250px; padding:10px 0 0 0; z-index:20; }
#wallet_tab1 { float:left; position: relative; width:28%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:12px; font-weight:bold; display:flex; justify-content: center; align-items: center; cursor:pointer; }
#wallet_tab2 { float:left; position: relative; width:28%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:12px; font-weight:bold; display:flex; justify-content: center; align-items: center; cursor:pointer; }
#wallet_tab3 { float:left; position: relative; width:28%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:12px; font-weight:bold; display:flex; justify-content: center; align-items: center; cursor:pointer; }
#wallet_tab4 { float:left; position: relative; width:16%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#ffffff; font-size:12px; font-weight:bold; padding-top:8px; vertical-align:middle; cursor:pointer; }
#wallet_tab_contents { width:100%; padding:70px 20px 100px 20px; }
.wallet_contents_view { display: none; position: fixed; width:100%; background-color:#ffffff; top:250px; bottom:0; overflow:auto; z-index:21; }

#nft_tab1 { float:left; position: relative; width:33%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:12px; font-weight:bold; display:flex; justify-content: center; align-items: center; cursor:pointer; }
#nft_tab2 { float:left; position: relative; width:33%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:12px; font-weight:bold; display:flex; justify-content: center; align-items: center; cursor:pointer; }
#nft_tab3 { float:left; position: relative; width:34%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#ffffff; font-size:12px; font-weight:bold; display:flex; justify-content: center; align-items: center; cursor:pointer; }

.page_nft_contents { display: block; position: relative; width:100%; height:100%; background-color:#ffffff; padding-top:250px; overflow:auto; -ms-overflow-style: none; }
.page_nft_contents::-webkit-scrollbar { display:none; } 
.nft_contents_view { display: none; position: fixed; width:100%; background-color:#ffffff; top:250px; bottom:0; overflow:auto; z-index:21; } 
#nft_tab_contents { width:100%; padding:70px 20px 100px 20px; }

/* testnet scan */
.scan_title { width:100%;padding:10px 10px 0px 0px;margin-top:10px;font-weight:bold;font-size:1.3rem; }
.scan_menu:hover { text-decoration: none; color:#356D9B; cursor:pointer; }
.scan_menu_pc { display: block; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:center; }
.scan_menu_mobile { display: none; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:left; } 

#scan_tab { display: block; width:100%; height:50px; background-color:#E9E9E9; padding:10px 0 0 0; margin-bottom:30px; }
#scan_tab1_from { float:left; width:50%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#ffffff; font-size:1.1rem; font-weight:bold; display:flex; justify-content: center; align-items: center; }
#scan_tab1_to { float:left; width:50%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:1.1rem; font-weight:bold; display:flex; justify-content: center; align-items: center; }
#scan_tab2_from { float:left; width:50%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#ffffff; font-size:1.1rem; font-weight:bold; display:flex; justify-content: center; align-items: center; }
#scan_tab2_to { float:left; width:50%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:1.1rem; font-weight:bold; display:flex; justify-content: center; align-items: center; }
.scan_image1 { width:auto; max-width:100%; }

/* Coin Control */
.table_coin { width:90%; border-top: 0px solid #6DC9E7; border-left: 0px solid #CDCDCD; border-collapse:collapse; }
.th_coin { padding:0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; }				
.td_coin_100p { max-width:100%; width:auto; height:50px; padding:0px 10px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:right; background-color:#0080C0; } 
.td_coin_50x { width:50px; height:50px; padding:0px 10px 0px 10px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:center; }
.td_coin_40x { width:40px; height:50px; padding:0px 0px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#0080C0; text-align:center; }
#coin_text1 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }
#coin_text1_m { width:100%; text-align:right; background-color:#FF0080; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }
#coin_text2 { width:100%; text-align:center; padding:5px 0px 10px 10px; font-size:12px; color:#ffffff; }
.td_wallet_50x { width:50px; padding:5px 10px 0px 10px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:center; vertical-align:top; }
.td_wallet_100p { max-width:100%; width:auto; padding:0px 10px 10px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:right; background-color:#0080C0; } 
.td_wallet_40x { width:40px; padding:0px 0px 10px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#0080C0; text-align:center; }
#coin_wallet_text1 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }
#coin_wallet_text2 { width:100%; text-align:center; padding:5px 0px 10px 0px; font-size:13px; color:#ffffff; }
#coin_wallet_text3 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }
#coin_wallet_text4 { width:100%; text-align:center; padding:5px 0px 10px 0px; font-size:13px; color:#ffffff; }
#coin_wallet_text5 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }

#wallet_text1 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:15px; font-weight:bold; color:#ffffff; }
#wallet_text2 { width:100%; text-align:left; padding:5px 0px 10px 5px; font-size:13px; color:#ffffff; }
#wallet_text3 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:15px; font-weight:bold; color:#ffffff; }
#wallet_text4 { width:100%; text-align:left; padding:5px 0px 10px 5px; font-size:13px; color:#ffffff; }
#wallet_text5 { width:100%; text-align:center; border-radius:4px; padding:10px 5px 0 5px; font-size:12px; background-color:#0080C0; font-weight:normal; color:#ffffff; }
#wallet_text_title { width:100%; text-align:left; border-radius:4px; padding:5px 5px 5px 5px; font-size:15px; font-weight:bold; color:#ffffff; }

/* NFT Control */
.table_nft { width:90%; border-top: 0px solid #6DC9E7; border-left: 0px solid #CDCDCD; border-collapse:collapse; }
.th_nft { padding:0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; }				
.td_nft_100p { max-width:100%; width:auto; height:50px; padding:0px 10px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:right; background-color:#0080C0; } 
.td_nft_50x { width:50px; height:50px; padding:0px 10px 0px 10px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:center; }
.td_nft_40x { width:40px; height:50px; padding:0px 0px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#0080C0; text-align:center; }
#nft_text1 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }
#nft_text2 { width:100%; text-align:center; padding:5px 0px 10px 10px; font-size:12px; color:#ffffff; }
.td_wallet_50x { width:50px; padding:5px 10px 0px 10px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:center; vertical-align:top; }
.td_wallet_100p { max-width:100%; width:auto; padding:0px 10px 10px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:right; background-color:#0080C0; } 
.td_wallet_40x { width:40px; padding:0px 0px 10px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#0080C0; text-align:center; }
#nft_wallet_text1 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }
#nft_wallet_text2 { width:100%; text-align:center; padding:5px 0px 10px 0px; font-size:13px; color:#ffffff; }
#nft_wallet_text3 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }
#nft_wallet_text4 { width:100%; text-align:center; padding:5px 0px 10px 0px; font-size:13px; color:#ffffff; }
#nft_wallet_text5 { width:100%; text-align:right; background-color:#00A3F0; border-radius:4px; padding:5px 5px 5px 5px; font-size:13px; font-weight:bold; color:#ffffff; }

/* Level Control */
#div_control_level { width:320px; padding-top:7px; }
.table_no_60p { width:60%; border-top: 0px solid #6DC9E7; border-left: 0px solid #CDCDCD; border-collapse:collapse; }
.table_no_100p { width:100%; border-top: 0px solid #6DC9E7; border-left: 0px solid #CDCDCD; border-collapse:collapse; }
.th_no { padding:0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; }		
.td_no { height:20px; padding:0px 0px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; } 			
.td_no_100p { max-width:100%; width:auto; height:20px; padding:0px 10px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#0080C0; } 
.td_no_50p { width:50%; height:20px; padding:0px 10px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#0080C0; } 
.td_no_40x { width:40px; height:20px; padding:0px 0px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#0080C0; text-align:center; }
.td_no_50x { width:50px; height:20px; padding:0px 0px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:center; font-size:11px; color:#ffffff; }
.td_no_50x_blank { width:50px; height:20px; padding:0px 0px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; text-align:center; font-size:11px; color:#ffffff; }
#level_back { width:200px; height:10px; background-color:#e7e7e7; }
#level_back1 { width:100px; height:6px; background-color:#e7e7e7; }
#level_bar { height:10px; background-color:#8080FF; }
#level_bar1 { height:6px; background-color:#37BEFF; }
#level_bar2 { height:6px; background-color:#E8E800; }
#level_bar3 { height:6px; background-color:#00D200; }
#level_text { width:50px; height:20px; border-radius:4px; text-align:center; font-size:12px; color:#ffffff; background-color:#00A3F0; padding-top:4px; }
#jisu_text1 { width:35px; height:20px; text-align:right; padding:4px 0 0 5px; font-size:12px; color:#ffffff; background-color:#0080C0; }
#jisu_text2 { width:35px; height:20px; text-align:right; padding:4px 0 0 5px; font-size:12px; color:#ffffff; background-color:#0080C0; }
#jisu_text3 { width:35px; height:20px; text-align:right; padding:4px 0 0 5px; font-size:12px; color:#ffffff; background-color:#0080C0; }

/* control */
#div_control { display: block; position:fixed; width:100%; height:100px; background-color:#0080C0; top:50px; padding:0 0 0 0; z-index:20; }
#div_control_qr { display: block; position:fixed; width:100%; height:50px; background-color:#0080C0; top:50px; padding:0 0 0 0; z-index:20; }
#div_control1 { display: flex; width:100%; height:100px; background-color:#0080C0; padding:0 0 0 0; }
#div_control2 { display: flex; width:100%; height:100px; background-color:#0080C0; padding:0 0 0 0; }
#div_control3 { display: flex; width:100%; height:100px; background-color:#0080C0; padding:0 0 0 0; }
#div_control1_qr { display: flex; width:100%; height:50px; background-color:#0080C0; padding:0 0 0 0; }
#div_control4 { display: block; position:fixed; width:100%; height:150px; background-color:#0080C0; top:50px; padding:0 0 0 0; z-index:20; }
#div_control1_left { float:left; flex:1; width:100%; }
#div_control1_right { float:left; width:60px; padding-top:10px; }
#div_control2_left { float:left; flex:1; width:100%; }
#div_control2_right { float:left; width:60px; padding-top:10px; }
#div_control3_left { float:left; flex:1; width:100%; }
#div_control3_right { float:left; width:60px; padding-top:10px; }
#round_tab1 { width:40px; height:40px; margin:0 auto; background-color:#ffffff; border:2px solid #ffffff; border-radius: 50%; cursor: pointer; }
.ctl_tab { width:36px; height:36px; }
#round_tab2 { width:26px; height:26px; margin:0 auto; background-color:#0080C0; border:2px solid #ffffff; border-radius: 50%; cursor: pointer; }
.ctl_help1 { width:22px; height:22px; }
#icon_tab0 { float:left; width:42px; height:42px; padding:10px 0 0 0; }
#icon_tab1 { float:left; width:42px; height:42px; padding:10px 0 0 10px; }
.ctl_icon { width:32px; height:32px; cursor: pointer; }
.ctl_icon10 { width:10px; height:10px; cursor: pointer; } 
.ctl_icon15 { width:15px; height:15px; cursor: pointer; } 
.ctl_icon20 { width:20px; height:20px; cursor: pointer; } 
.ctl_icon30 { width:30px; height:30px; cursor: pointer; } 
.ctl_icon35 { width:35px; height:35px; cursor: pointer; } 
.ctl_icon40 { width:40px; height:40px; cursor: pointer; } 
.ctl_icon50 { width:50px; height:50px; cursor: pointer; } 
.ctl_icon60 { width:60px; height:60px; cursor: pointer; } 
.ctl_icon70 { width:70px; height:70px; cursor: pointer; } 
.ctl_icon80 { width:80px; height:80px; cursor: pointer; } 
.ctl_icon90 { width:90px; height:90px; cursor: pointer; } 
.ctl_icon100 { width:100px; height:100px; cursor: pointer; } 


#div_coin_tab_help { position: relative; width:28%; height:40px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-left:1px solid #E9E9E9; text-align:center; border-radius: 10px 10px 0px 0px; background-color:#D9D9D9; font-size:12px; font-weight:bold; display:flex; justify-content: center; align-items: center; cursor:pointer; }
.page_wallet_contents { display: block; position: relative; width:100%; height:100%; background-color:#ffffff; padding-top:250px; overflow:auto; -ms-overflow-style: none; }
.page_wallet_contents::-webkit-scrollbar { display:none; } 













/** Mobile ======================================================================================================================================= */
@media screen and (max-width: 767px) {
    .scan_title { width:100%;padding:10px 10px 0px 0px;margin-top:10px;font-weight:bold;font-size:1.2rem; }
    .scan_menu_pc { display: none; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:center; }
    .scan_menu_mobile { display: block; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:left; } 

    .scan_menu_top { width:100%; padding:10px 0px 10px 0px; background-color: #A04398; font-weight:bold; color:#ffffff; text-align:center; cursor:pointer; }
	.scan_menu_tree { display:none; padding: 10px 0 0 0; }
    .guide_menu_title { width:100%; padding:10px 10px 10px 10px; background-color: #A04398; color:#ffffff; font-size:1.0rem; }
    .scan_menu_text_start { width:auto; padding:10px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text { width:auto; padding:5px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text_end { width:auto; padding:5px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text_start:hover { color:#BA74B3; }
    .scan_menu_text:hover { color:#BA74B3; }
    .scan_menu_text_end:hover { color:#BA74B3; }


}

/** Tablet  ====================================================================================================================================== */
@media all and (min-width: 768px) and (max-width: 1023px) {
    .scan_title { width:100%;padding:10px 10px 0px 0px;margin-top:10px;font-weight:bold;font-size:1.2rem; }
    .scan_menu_pc { display: none; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:center; }
    .scan_menu_mobile { display: block; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:left; } 

    .scan_menu_top { width:100%; padding:10px 0px 10px 0px; background-color: #A04398; font-weight:bold; color:#ffffff; text-align:center; cursor:pointer; }
	.scan_menu_tree { display:none; padding: 10px 0 0 0; }
    .guide_menu_title { width:100%; padding:10px 10px 10px 10px; background-color: #A04398; color:#ffffff; font-size:1.0rem; }
    .scan_menu_text_start { width:auto; padding:10px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text { width:auto; padding:5px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text_end { width:auto; padding:5px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text_start:hover { color:#BA74B3; }
    .scan_menu_text:hover { color:#BA74B3; }
    .scan_menu_text_end:hover { color:#BA74B3; }


}

/** Mobile & Tablet  ============================================================================================================================== */
@media all and (max-width: 1023px) {
    .scan_title { width:100%;padding:10px 10px 0px 0px;margin-top:10px;font-weight:bold;font-size:1.2rem; }
    .scan_menu_pc { display: none; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:center; }
    .scan_menu_mobile { display: block; width:100%; padding:10px 0px 10px 0px; margin-top:10px; font-weight:bold; font-size:1.0rem; text-align:left; }
    
    .scan_menu_top { width:100%; padding:10px 0px 10px 0px; background-color: #A04398; font-weight:bold; color:#ffffff; text-align:center; cursor:pointer; }
	.scan_menu_tree { display:none; padding: 10px 0 0 0; }
    .guide_menu_title { width:100%; padding:10px 10px 10px 10px; background-color: #A04398; color:#ffffff; font-size:1.0rem; }
    .scan_menu_text_start { width:auto; padding:10px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text { width:auto; padding:5px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text_end { width:auto; padding:5px 5px 5px 5px; font-weight:normal; cursor:pointer; font-size:1.0rem; }
    .scan_menu_text_start:hover { color:#BA74B3; }
    .scan_menu_text:hover { color:#BA74B3; }
    .scan_menu_text_end:hover { color:#BA74B3; }


}