@charset 'utf-8';

.my_wallet {}
.wallet_state {display:flex; /*padding: 20px 0;*/ padding: 0 0 20px; justify-content: space-between; align-items: center; border-bottom: 1px solid #dfdfdf;}
.wallet_state > div:nth-child(1) {display:flex; justify-content:flex-start; align-items:center;/* width: 50%;*/}
.wallet_state > div > .ctit {/*width: 90px;*/ float:none; padding-top: 0; margin-right: 15px;}
.my_id_c {display:flex; width: auto; justify-content: flex-start; font-family:'Roboto', 'Noto Sans KR'; align-items: center; margin-right: 15px; font-size: 15px; padding-top: 3px;}
.my_id_c > img {display:inline; padding-left: 10px; cursor: pointer;}
.coin_add {font-size: 17px; line-height:1; font-family:'Roboto'; color: #222; font-weight: 500;}
.coin_now {font-size: 18px; margin-top: 3px;}

.wallet_qr {display:flex; padding-top: 20px; padding-bottom: 10px;  justify-content:space-between; align-items:flex-start; margin-bottom: 20px;}
.qr_grp { padding: 10px; width: 24%; border:1px solid #dfdfdf;}
.pia_grp {text-align:right;}
.pia_grp > .pia_s{display:flex; justify-content:flex-end; margin-right:0; align-items:center; width: 67px; margin-right: 10px; border:1px solid red;}
.pia_grp > div:nth-child(2){ display:inline-block; text-align:right; vertical-align:middle;}
.pia_grp > em {text-align:right;}
.pia_grp .bk {width:65px; text-align:right; display:inline-block;}
.pia_ex { font-size:23px; font-weight: 500; color: #;  line-height:1; font-family:'Roboto';}
.pia_ex > em { font-size:19px; line-height:1; font-family:'Roboto'; margin: 0 10px 15px 0;}
.pia_ex > span {display:inline-block;}
.pia_in {color: #f9ae41;}


.qrimg_out {width: 80px; height:80px; margin-right: 10px; flex:none;}
.qrimg_out > img {width: 100%;}
.qrimg_out > table {width: 100%;}


.qr_tg {display:flex; justify-content:flex-start; align-items:center;}

.qr_snb_menu {
	width: 100px;
    margin: 5px 10px 0 0;
    border-radius: 4px;
    display: inline-block;
}
.qr_snb_menu .bootstrap-select .dropdown-toggle .caret {top: 7px;}
.qr_snb_menu .dropdown-toggle .filter-option-inner-inner {color: #93a6b8;}
.qr_snb_menu .caret
{ 
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    color: #717171;
    background: url(../img/com/select_arr_01.png) no-repeat right 50%;
    background-size: 100%; 
}
.qr_snb_menu .dropdown-toggle {
    background: #fff;
    border: 1px solid #d9dde6;
    line-height: 24px;
    height: 26px;
    color: #93a6b8;
    padding: 0 15px;
    border-radius: 26px;
}




.wkey_area >span {display: block;}
.wkey_area .bk {margin-top: 3px;}
.wkey_add {
	margin-top: 10px;   
	overflow: hidden;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    font-size:13px;
	height: 60px; 
}
.qu_view { display: block; margin-top: 5px;}
.qu_view a {width: 18px; height: 18px; display: block; }
.qu_view a > img{width: 100%;}


.copy_w {text-align:right; /*margin-top: 10px;*/}
.copy_w > img {display:inline-block; cursor:pointer;}



.tran_title {display:flex; justify-content:space-between; align-items:center; padding:30px 0 10px 0; }
.tran_title .snb_menu {width:150px;}
.tran_title .tit {font-size:18px; font-weight:500; display:inline-block; line-height:1.1; }
.header_act {display:flex; justify-content:center; align-items:center; line-height:40px;}
.header_act > div {text-align:center; border:1px solid red;}
.header_act > div {border:1px solid green; }

.snac_info {display: inline-block; margin:0 auto; font-size: 13px; padding: 4px 0; width: 40px; border-radius: 4px; text-align:center; background: #f9ae41; color: #fff;}
.pia_info {display: inline-block; margin:0 auto; font-size: 13px; padding: 4px 0; width: 40px; border-radius: 4px; text-align:center; background: #a893e7; color: #fff;}


.body_act {display:flex; justify-content:center; align-items:center;}
.body_act > div{display:flex; align-items:center; border:1px solid red; word-break: break-all; height: 86px;}


.tran_table {width: 100%;}
.tran_table > thead > tr{border-top: 2px solid #000; border-bottom: 1px solid #ddd;}
.tran_table > thead > tr > th{padding: 10px; text-align:center;}
.tran_table > tbody > tr > td{font-family: 'Roboto', 'Noto Sans KR'; padding: 10px; text-align:center; word-break: break-all;}
.tran_table > tbody > tr {border-bottom:1px solid #eee;}

.view_more {width: 100%; text-align: center; display: block;}

.tran_table_mobile .tran_table th {text-align:center; background: #fafafa;}
li.tran_col {color: #f9ae41 !important;}


.wallet_state h3.ctit {width: auto;}
.reserve_t ul {justify-content: center;}

@media all and (max-width:950px){
	.wallet_qr {display: flex; flex-wrap: wrap; }
	.qr_grp {width: 49%; margin-bottom: 15px;} 
	.wkey_add {height: 46px;}
}

@media all and (max-width:801px){
	.reserve_t ul {padding: 14px 0;}
	.reserve_t ul li { padding:0; display:block; border-right: 0;}
	.reserve_t ul li {width: 25%;}
}

@media all and (max-width:800px){
	.wallet_state {display:block;}
	.wallet_state > div:nth-child(2) {display:block; text-align:left; padding-left: 10px; margin-top: 10px;}
	.pia_ex > span {display:inline-block; line-height: 1.2;}
	.pia_ex {text-align:left !important; }
	.wallet_state > div:nth-child(1) {display:block; width: 100%;}
	.wallet_state > span, .wallet_state > div > .ctit, .my_id_c {display: inline-block; vertical-align:middle;}
	.wallet_state > div > .ctit {/*width: 90px;*/}
	.coin_now {font-size: 16px;}
	.pia_in {font-size: 19px;}
	/*.my_id_c {margin-left: 10px;}*/
	.my_wallet .titbox_transaction_list .stit {width:60px;}
}
@media (max-width: 768px){
	h3.ctit .mb_coin{
		background: url(../img/com/ficon_coin.png) no-repeat 5px 50%;
		background-size: 26px;
	}
	.wallet_state > div > .ctit {/*width: 80px;*/}
}

@media all and (max-width:480px){
	.wallet_qr {display: flex; flex-wrap: wrap; }
	.qr_grp {width: 100%;} 

}
@media all and (max-width:350px){
	.coin_add > em {margin-top: 10px; display:block;}
}

  
p.snac_pia_value {display:inline-block;}
.boardList.reserve_t ul li:nth-child(1) {width:25%;}
.boardList.reserve_t ul li:nth-child(2) {width:25%;}
.boardList.reserve_t ul li:nth-child(3) {width:25%;}
.boardList.reserve_t ul li:nth-child(4) {width:25%;}
 /* .boardList.reserve_t ul li:nth-child(5) {width:25%;}  */
.boardList.reserve_t ul li em {display:none;}
.symbol_ps {display:inline-block; margin-left: 5px;}

@media all and (max-width:801px){
.boardList.reserve_t .stit {width: 120px; }
.adpd th {padding-right: 12px !important;}
.boardList.reserve_t .coin_pia	{width: 22px; height: 22px; background: url(../img/com/icon_pia.png) no-repeat center 50%; background-size: 22px;}
.boardList.reserve_t .coin_snac	{width: 22px; height: 22px; background: url(../img/com/icon_snac.png) no-repeat center 50%; background-size: 22px;}
.boardList.reserve_t ul.titbox {display:none; height:0;}
.boardList.reserve_t ul { display:block; } 
.boardList.reserve_t ul li {float:left; }
.boardList.reserve_t ul li:nth-child(1) {width:15%; float:left;   }
.boardList.reserve_t ul li:nth-child(2),
.boardList.reserve_t ul li:nth-child(3),

.boardList.reserve_t ul li:nth-child(4),
.boardList.reserve_t ul li:nth-child(5),
.boardList.reserve_t ul li:nth-child(6),
.boardList.reserve_t ul li:nth-child(7),
.boardList.reserve_t ul li:nth-child(8) {width:85%; float:right;  text-align:left; line-height:1.4; }
.boardList.reserve_t ul li .stit {width:140px; display:inline-block;  color:#999; font-weight:400; }
.boardList.reserve_t ul li em {display:inline-block; }
.boardList.reserve_t ul li.txid a { width:85%; }

.boardList.reserve_t ul li.num span {width:auto;}
} 

@media all and (max-width:600px){
	.boardList.bBlock ul li:nth-child(1) {width: 50%;}
	.boardList.bBlock ul li:nth-child(2) {width: 40%; word-break:keep-all;}
	.wkey_add {height: 58px;}
	.my_id_c {font-size: 13px;}
}

@media all and (max-width:480px){
	.wkey_add {height: 47px;}
}