@charset "utf-8"; 

/* title */
h3.mtit{display:block; text-align:center; font-size:30px; font-weight:500; color:#1e1e1e; line-height:1.2; padding:95px 0 22px; }

@media (max-width:801px){
	h3.mtit{font-size:26px; padding:10% 0 22px; }
}

@media (max-width:801px){
	h3.mtit{font-size:26px; }
}

@media (max-width:500px){
	h3.mtit{font-size:22px; padding:40px 0 18px; }
}


/* mypage */
.mypage{position:relative; width:92%; top:0; max-width:980px; margin:0 auto; padding:230px 0 130px 0; }
.mypage:after{content:''; display:block; clear:both; }

.mypage_tit{width:100%; padding:40px 0 15px 0; display:flex; justify-content:space-between; align-items:center; }
.mypage_tit.ac{justify-content:center; text-align:center; border-bottom:1px solid #dbdbdb; }
.mypage_tit h2{color:#ededed; font-size:60px; font-weight:600; font-family:'Gmarket Sans'; display:flex; align-items:center; line-height:1.2; }
.mypage_tit h2 .back{width:58px; height:58px; background:url(/assets/img/contents/icon_btn_back.svg) no-repeat center 50%; background-size:21px; border:solid 2px #0a0a0a; border-radius:50%; }
.mypage_tit h2 .back:hover{background:url(/assets/img/contents/icon_btn_back_on.svg) no-repeat center 50%; background-size:21px; border:solid 2px #2936d6 ; }
.mypage_tit h2 span{display:inline-block; padding:10px 0 0 15px; }
.mypage_tit .mtbtn{width:40%; max-width:480px; font-size:0; display:flex; justify-content:space-between; lign-items:center; padding:0; amrgin:0; }
.mypage_tit .mtbtn a{width:48%; max-width:230px; font-weight:400; font-size:20px; text-align:center; line-height:59px; height:60px; color:#b7b7b7; border:solid 1px #b7b7b7; font-weight:500; display:flex; justify-content:center; align-items:center; padding:0 10px; }

.mypage_tit .mtbtn a:hover{color:#2936d6 ; border:1px solid #2936d6 ; animation:opac_one 0.5s  }
.mypage_tit .mtbtn a.on,
.mypage_tit .mtbtn a.on:hover{color:#fff; background:#2936d6 ; border:1px solid #2936d6 ; font-weight:500; }
.mypage_tit .mtbtn a:first-child{margin-left:0; }
.mypage_tit .mtbtn a:last-child{margin-right:0; }
.mypage_tit .mtbtn a span{line-height:1.1; }

@media (max-width:1200px){
	.mypage{padding:19% 0 10% 0; }
	.mypage_tit h2{font-size:48px; }
}

@media (max-width:1100px){
	.mypage_tit h2{font-size:44px; }
	.mypage_tit h2 .back{width:56px; height:56px; }
	.mypage_tit .mtbtn a{font-size:18px; }
	.mypage_tit .mtbtn a{font-size:16px; line-height:55px; height:56px; }
}
@media (max-width:991px){
	.mypage{width:100%; padding:148px 30px 90px 30px; }
	.mypage_tit h2{font-size:48px; }
}
@media (max-width:900px){
	.mypage_tit h2{font-size:40px; }

}

@media (max-width:801px){
	.mypage{padding:138px 25px 80px 25px; }
	.mypage_tit{display:block; }

	.mypage_tit h2{width:100%; font-size:36px; }
	.mypage_tit h2 .back{width:50px; height:50px; background-size:40%; }
	.mypage_tit .mtbtn{width:100%; max-width:100%; padding:20px 0 0 0; }
	.mypage_tit .mtbtn a{max-width:48%; font-size:15px; line-height:50px; height:50px; }

	.mypage_tit.ac{display:flex; justify-content:center; }
	.mypage_tit.ac h2{width:auto; }
}

@media (max-width:600px){
	.mypage{width:100%; padding:128px 20px 70px 20px; }

	.mypage_tit h2{font-size:36px; }
	.mypage_tit h2 .back{width:40px; min-width:40px; height:40px; background-size:50%; border:solid 1px #0a0a0a; }
	.mypage_tit h2 span{padding:5px 0 0 10px; }
}

@media (max-width:500px){
	.mypage{padding:118px 20px 60px 20px; }
	.mypage_tit{padding:40px 0 15px 0; }
	.mypage_tit h2{font-size:30px; }
}

@media (max-width:319px){
	.mypage{padding:118px 15px 60px 15px; }
}

.copy{display:inline-block; width:20px; height:20px; background:url(/assets/img/XTRION/icon_xcopy.svg) center 50% no-repeat; background-size:20px; }
.copy span{font-size:0; }
.copy:hover{background:url(/assets/img/XTRION/icon_xcopy_on.svg) center 50% no-repeat; background-size:20px; }

.mytwrap{width:100%; display:flex; justify-content:space-between; align-items:stretch; padding:50px 0 ; }
.mytwrap.mytwrap_top{padding:50px 0 2.6%; }
.mytwrap.mytwrap_bot{padding:0 0 50px}

.mypage_h2_wrap{display:flex; justify-content:space-between}
.mypage_h2_wrap h2{}
.mypage_h2_wrap .btn_giftcard{display:flex; align-items:flex-end; justify-content:flex-end; padding:0 0 5px; text-align:right; }
.mypage_h2_wrap .btn_giftcard .btn{width:156px; height:42px; margin-left:20px; font-size:14px; line-height:40px; }

.mytwrap .mytbox{width:48.7%; border:1px solid #dbdbdb; border-radius:30px 0 0 0 ; }
.mytwrap .mytbox:last-child{border-radius:0 30px 0 0 ; }
.mytwrap.mytwrap_bot .mytbox{border-radius:0;}
.mytwrap .mytbox .myt_tit{width:100%; height:70px; border:1px solid #20252d; background:#20252d; color:#fff; padding:0 24px; display:flex; justify-content:space-between; align-items:center; border-radius:30px 0 0 0 ; }
.mytwrap .mytbox:last-child .myt_tit{border-radius:0 30px 0 0 ; }
.mytwrap .mytbox .myt_tit h3{width:30%; font-size:20px; color:#fff;  }
.mytwrap .mytbox .myt_tit .mytbtn{width:65%; display:flex; justify-content:end; align-items:center; }
.mytwrap .mytbox .myt_tit .mytbtn a{width:50%; max-width:90px; line-height:41px; height:42px; border:1px solid #fff; color:#fff; background:#20252d; font-size:14px; font-weight:500; justify-content:center; text-align:center; }
.mytwrap .mytbox .myt_tit .mytbtn a:last-child{margin:0 0 0 10px; }
.mytwrap .mytbox .myt_tit .mytbtn a:hover{border:1px solid #2936d6; background:#2936d6; }
.mytwrap .mytbox .myt_txt{width:100%; padding:15px 24px; }
.mytwrap .mytbox .myt_txt dl{width:100%; display:flex; justify-content:space-between; align-items:stretch; position:relative; padding:3px 0 ; min-height:40px; }
.mytwrap .mytbox .myt_txt dl::after{display:none}
.mytwrap .mytbox .myt_txt dl dt{width:25%; min-width:105px; font-size:14px; font-weight:500; }
.mytwrap .mytbox .myt_txt dl dt span{display:inline-block; vertical-align:top}
.mytwrap .mytbox .myt_txt dl dt .iconinfo{margin:2px 0 0 5px;}
.mytwrap .mytbox .myt_txt dl dd{width:75%; line-height:1.4; font-size:14px; padding:5px 0 0 0; }

.mytwrap .mytbox .myt_txt dl dd a.btn{width:50%; max-width:90px; line-height:41px; height:42px; font-size:14px; font-weight:500; text-align:center; }
.mytwrap .mytbox .myt_txt dl.id dd,
.mytwrap .mytbox .myt_txt dl.address dd{word-break:break-all; }
.mytwrap .mytbox .myt_txt dl.address dd strong{margin-right:10px; }
.mytwrap .mytbox .myt_txt dl.address dd{position:relative; min-height:77px; word-break:break-all; }
.mytwrap .mytbox .myt_txt dl.address dd .add_qr{position:absolute; top:5px; left:0; width:72px; }
.mytwrap .mytbox .myt_txt dl.address dd .add_qr img{display:block; width:72px;}
.mytwrap .mytbox .myt_txt dl.address dd .add_text{padding-left:90px; font-size:14px}
.mytwrap .mytbox .myt_txt dl.pw dt{position:relative; line-height:41px; }
.mytwrap .mytbox .myt_txt dl.pw dt .iconinfo{position:absolute; left:75px; top:11px; }
.mytwrap .mytbox .myt_txt dl.pw dd{display:flex; justify-content:space-between; align-items:center; padding:0; }
.mytwrap .mytbox .myt_txt dl.mysgm{padding:7px 0 0 0; }
.mytwrap .mytbox .myt_txt dl.mysgm dd{margin:6px 0 0 0; }
.mytwrap .mytbox .myt_txt dl.mysgm dd .total{display:block; width:100%; background:#ededed; padding:20px 24px; line-height:1.2; font-size:18px; font-weight:500; text-align:right; }
.mytwrap .mytbox .myt_txt dl.mysgm dd span{word-break:break-all; }
.mytwrap .mytbox .myt_txt dl.mysgm dd .lock_wrap{display:block; margin-top:5px; font-size:13px; color:#999 }
.mytwrap .mytbox .myt_txt dl.mysgm dd .lock_wrap .lock{}
.mytwrap .mytbox .myt_txt dl.mysgm dd .lock_wrap .lock .num{display:inline-block; margin-left:3px;}
.mytwrap .mytbox .myt_txt dl.mysgm dd .lock_wrap a{display:inline-block; margin-left:10px; padding-right:10px; background:url(/assets/img/contents/lock_arrow.svg) no-repeat 100% 40%; background-size:auto 10px; font-size:13px; color:#999; transition:all 0.2s }
.mytwrap .mytbox .myt_txt dl.mysgm dd .lock_wrap a:hover{padding-right:12px;}

.mytwrap .mytbox .myt_txt dl.token dd{display:flex; justify-content:space-between}
.mytwrap .mytbox .myt_txt dl.token dd .num{display:block; position:absolute; bottom:0; left:0; font-size:24px; line-height:1; font-weight:700;}
.mytwrap .mytbox .myt_txt dl.token dd .token_thum{height:62px; margin:-6px 0;}
.mytwrap .mytbox .myt_txt dl.token dd .token_thum .img{display:inline-block; width:62px; height:62px; margin-left:-40px; border-radius:50%; overflow:hidden;  }
.mytwrap .mytbox .myt_txt dl.token dd .token_thum .img:first-child{margin-left:0;}
.mytwrap .mytbox .myt_txt dl.token dd .token_thum .img img{width:100%}
.mytwrap .mytbox .myt_txt dl.dapp dd{text-align:right;}
.mytwrap .mytbox .myt_txt dl.token dd .btn,
.mytwrap .mytbox .myt_txt dl.dapp dd .btn{position:relative; margin-top:3px; margin-right:30px;}
.mytwrap .mytbox .myt_txt dl.token dd .btn::after,
.mytwrap .mytbox .myt_txt dl.dapp dd .btn::after{display:block; position:absolute; top:0; right:-30px; width:20px; height:40px; background:url(/assets/img/contents/mypage_more_arrow.svg) no-repeat 50%; background-size:30px; transition:all 0.3s; content:"" }
.mytwrap .mytbox .myt_txt dl.token dd .btn:hover::after,
.mytwrap .mytbox .myt_txt dl.dapp dd .btn:hover::after{right:-45px}
.mytwrap .mytbox .myt_txt dl.dapp dd .btn_apply{max-width:900px; width:100%}
.mytwrap .mytbox .myt_txt dl.dapp dd .btn_apply::after{display:none}

@media (max-width:950px){
	.mytwrap .mytbox .myt_txt dl.token dd .token_thum{height:50px; margin:0;}
	.mytwrap .mytbox .myt_txt dl.token dd .token_thum .img{width:50px; height:50px; margin-left:-25px;}
}
@media (max-width:801px){
	.mytwrap{display:block; }
	.mytwrap .mytbox{width:100%; display:block; margin:0; }
	.mytwrap .mytbox:last-child{margin:20px 0 0 0; border-radius:30px 0 0 0 ; }
	.mytwrap.mytwrap_bot .mytbox{border-radius:30px 0 0 0 ;}
	.mytwrap .mytbox:last-child .myt_tit{border-radius:30px 0 0 0; }
}

@media (max-width:600px){
	.mytwrap .mytbox .myt_tit{padding:0 20px; }
	.mytwrap .mytbox .myt_txt{padding:15px 20px; }

	.mypage_h2_wrap{flex-wrap:wrap;}
	.mypage_h2_wrap .btn_giftcard{justify-content:space-between; width:100%; padding:30px 0 0;}
	.mypage_h2_wrap .btn_giftcard .btn{width:48%; margin:0;}
	.mytwrap.mytwrap_top{padding:20px 0 2.6%}
}

@media (max-width:500px){
	.mytwrap .mytbox .myt_txt dl.mysgm dd{font-size:16px; }

	.mytwrap .mytbox .myt_txt dl.address dd{min-height:60px}
	.mytwrap .mytbox .myt_txt dl.address dd .add_qr{width:60px; height:60px;}
	.mytwrap .mytbox .myt_txt dl.address dd .add_qr img{width:60px; height:60px;}
	.mytwrap .mytbox .myt_txt dl.address dd .add_text{padding-left:75px}
	.mytwrap .mytbox .myt_txt dl.token dd .token_thum .img{display:none}
}

@media (max-width:400px){
	.mytwrap .mytbox .myt_txt dl.pw dt{line-height:40px; }
	.mytwrap .mytbox .myt_txt dl.pw dd{display:block; }
	.mytwrap .mytbox .myt_txt dl.pw dd span{width:100%; display:block; line-height:40px; }
	.mytwrap .mytbox .myt_txt dl.pw dd a.btn{width:100%; max-width:100%; line-height:35px; height:36px; }
	.mytwrap .mytbox .myt_txt dl.address{display:block; }
	.mytwrap .mytbox .myt_txt dl.address dt{width:100%; padding:0 0 5px; }
	.mytwrap .mytbox .myt_txt dl.address dd{width:100%; font-size:15px;}
	.mytwrap .mytbox .myt_txt dl.mysgm{display:block; }
	.mytwrap .mytbox .myt_txt dl.mysgm dt{width:100%; }
	.mytwrap .mytbox .myt_txt dl.mysgm dd{width:100%; margin-top:-5px}
	.mytwrap .mytbox .myt_txt dl.mysgm dd .total{padding:15px 20px}

}

@media (max-width:319px){
	.mytwrap .mytbox .myt_tit{padding:0 15px; }
	.mytwrap .mytbox .myt_txt{padding:15px 15px; }
	/*.mytwrap .mytbox .myt_txt dl.address dd{padding:20px 15px; }*/
	/*.mytwrap .mytbox .myt_txt dl.mysgm dd{padding:20px 15px; }*/
}

/* wallet */
.qrwrap{width:100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #0a0a0a; padding:18px 28px; display:flex; justify-content:space-between; align-items:center; margin:0 0 50px; }
.qrwrap .qrbox{width:65%; display:flex; justify-content:start; align-items:center; padding:0 20px 0 0; }
.qrwrap .qrbox .qrimg{width:86px; display:flex; align-items:center; text-align:center; }
.qrwrap .qrbox .qrimg img{width:100%; min-width:86px; margin:0 auto; }
.qrwrap .qrbox .qrtxt{display:block; padding:0 0 0 30px; }
.qrwrap .qrbox .qrtxt h3{display:block; font-size:24px; font-weight:500; color:#0a0a0a; }
.qrwrap .qrbox .qrtxt  p{display:block; }
.qrwrap .qrbox .qrtxt  p strong{display:inline-block; font-size:16px; font-weight:500; color:#0a0a0a; padding:10px 10px 0 0; word-break:break-all; line-height:1.4; }
.qrwrap .qrbox .qrtxt  p .copy{font-size:16px; font-weight:500; color:#0a0a0a; }
.qrwrap .qrbtn{width:35%; max-width:320px; font-size:0; display:flex; justify-content:space-between; align-items:center; }
.qrwrap .qrbtn a{width:48%; max-width:150px; text-align:center; line-height:56px; height:56px; font-size:15px; color:#1e1e1e; border:1px solid #0a0a0a; font-weight:500; }
.qrwrap .qrbtn a:hover{color:#2936d6 ; border:1px solid #2936d6 ; }
.qrwrap .qrbtn a:first-child{margin-left:0; }
.qrwrap .qrbtn a:last-child{margin-right:0; }

@media (max-width:1000px){
	.qrwrap{padding:18px 25px; margin:0 0 3%; }
	.qrwrap .qrbox .qrtxt  p strong{padding:10px 10px 5px 0; }
}

@media (max-width:801px){
	.qrwrap{padding:18px 20px; }
	.qrwrap .qrbox .qrtxt h3{font-size:22px; }
	.qrwrap .qrbox .qrtxt  p strong{font-size:15px; }
	.qrwrap .qrbtn a{line-height:50px; height:50px; }
}

@media (max-width:700px){
	.qrwrap{display:block; padding:30px 0; }
	.qrwrap .qrbox{width:100%; padding:0;  }
	.qrwrap .qrbtn{width:100%; max-width:100%; padding:25px 0 0 0; }
	.qrwrap .qrbtn a{width:48%; max-width:48%; }
}

@media (max-width:500px){
	.qrwrap .qrbox{display:block; }
	.qrwrap .qrbox .qrimg{width:100%; padding:20px 0 50px 0 ; }
	.qrwrap .qrbox .qrimg img{width:150px; min-width:150px;  }
	.qrwrap .qrbox .qrtxt{padding:0; }
	.qrwrap .qrbox .qrtxt  p .copy{float:right; }
	.qrwrap .qrbtn{width:100%; max-width:100%; }
	.qrwrap .qrbtn a{width:48%; max-width:48%; }
}


/* mywrap */
.mywrap{width:100%; display:block; }
.mywrap h3{display:block; font-size:28px; font-weight:500; color:#2936d6 ; padding:30px 0 0 0; }

.mywrap .mybox{position:relative; width:100%; border:solid 1px #dbdbdb; background:#fafafa; padding:28px; margin:20px 0 0 0; display:flex; justify-content:space-between; align-items:center; }

.mywrap .mybox .myimg{width:82px; padding:0; margin:0; font-size:0; }
.mywrap .mybox .myimg span{width:82px; height:82px; border-radius:50%; overflow:hidden; display:inline-block; padding:0; margin:0; }
.mywrap .mybox .myimg span img{width:100%; height:100%; padding:0; margin:0; }
.mywrap .mybox .mytxt{width:95%; padding:0 0 0 25px; display:flex; justify-content:space-between; align-items:center; }
.mywrap .mybox .mytxt  h3{width:50%; padding:0; margin:0; }
.mywrap .mybox .mytxt  h3 span{width:100%; display:block; font-size:16px; color:#999; font-weight:400; line-height:1.2; }
.mywrap .mybox .mytxt  h3 span.tit{font-size:24px; color:#1e1e1e; font-weight:500; padding:0 0 7px 0; }
.mywrap .mybox .mytxt .total{width:50%; font-size:30px; font-weight:500; line-height:1.2; text-align:right; }

.mybox_switch{width:100%; display:block; padding:20px 28px 10px 28px; border:1px solid #dbdbdb; border-top:0; display:flex; justify-content:end; /* align-items:top; */}
.mybox_switch span{font-size:16px; padding:0 10px 0 0; margin:0; line-height:30px; display:inline-block; }
.mywrap.mytokenwrap .mybox:hover{border:1px solid #2936d6 ; animation:opac_one 0.5s}
.mywrap.mytokenwrap .mybox .mytxt h3{width:100%; padding:0 60px 0 0; }
.mywrap.mytokenwrap .mybox .mytxt .mtarr{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:url(/assets/img/contents/icon_garr.svg) no-repeat 97.5% 50%; background-size:12px; }
.mywrap.mytokenwrap .mybox .mytxt .mtarr:hover{background:url(/assets/img/contents/icon_garr_on.svg) no-repeat 97.5% 50%; background-size:12px; }
.mywrap.mytokenwrap .mybox .mytxt .mtarr span{font-size:0; }

@media (max-width:1100px){
	.mywrap.mytokenwrap .mybox .mytxt .mtarr{background:url(/assets/img/contents/icon_garr.svg) no-repeat 97% 50%; background-size:12px; }
	.mywrap.mytokenwrap .mybox .mytxt .mtarr:hover{background:url(/assets/img/contents/icon_garr_on.svg) no-repeat 97% 50%; background-size:12px; }
}

@media (max-width:900px){
	.mywrap h3{font-size:26px; }
	.mywrap .mybox{padding:25px 20px; }
	.mywrap .mybox .myimg{width:70px; }
	.mywrap .mybox .myimg span{width:70px; height:70px; }
	.mywrap .mybox .mytxt{padding:0 0 0 20px; }
	.mywrap .mybox .mytxt  h3 span.tit{font-size:24px; }
	.mywrap .mybox .mytxt .total{font-size:22px; }
}

@media (max-width:801px){
	.mywrap h3{font-size:24px; }
	.mywrap .mybox .myimg{width:55px; }
	.mywrap .mybox .myimg span{width:55px; height:55px; }
	.mywrap .mybox .mytxt  h3 span{font-size:15px; }
	.mywrap .mybox .mytxt  h3 span.tit{font-size:22px; }
	.mywrap .mybox .mytxt .total{font-size:20px; }
	.mywrap.mytokenwrap .mybox .mytxt h3{padding:0 50px 0 0; }
}

@media (max-width:700px){
	.mywrap .mybox .mytxt  h3 span.tit{font-size:20px; }
	.mywrap .mybox .mytxt .total{font-size:18px; }
}

@media (max-width:600px){
	.mywrap h3{font-size:24px; }
	.mywrap .mybox{padding:20px; }
	.mywrap .mybox .mytxt{display:block; }
	.mywrap .mybox .mytxt  h3{width:100%; display:block; }
	.mywrap .mybox .mytxt  h3 span.tit{font-size:18px; padding:0 0 2px 0; }
	.mywrap .mybox .mytxt .total{width:100%; display:block; font-size:16px; text-align:left; padding:5px 0 0 0; }
	.mywrap.mytokenwrap .mybox .mytxt h3{padding:0 40px 0 0; }
	.mywrap.mytokenwrap .mybox .mytxt .mtarr{background:url(/assets/img/contents/icon_garr.svg) no-repeat 96% 50%; background-size:10px; }
	.mywrap.mytokenwrap .mybox .mytxt .mtarr:hover{background:url(/assets/img/contents/icon_garr_on.svg) no-repeat 96% 50%; background-size:10px; }
}

@media (max-width:500px){
	.mywrap .mybox .myimg{width:40px; }
	.mywrap .mybox .myimg span{width:40px; height:40px; }
	.mywrap .mybox .mytxt{padding:0 0 0 12px; }
	.mywrap .mybox .mytxt .total{font-size:15px; }
	.mywrap.mytokenwrap .mybox .mytxt h3{padding:0 30px 0 0; }
	.mywrap.mytokenwrap .mybox .mytxt .mtarr{background:url(/assets/img/contents/icon_garr.svg) no-repeat 95.5% 50%; background-size:10px; }
	.mywrap.mytokenwrap .mybox .mytxt .mtarr:hover{background:url(/assets/img/contents/icon_garr_on.svg) no-repeat 95.5% 50%; background-size:10px; }
}

@media (max-width:400px){
	.mywrap.mytokenwrap .mybox .mytxt .mtarr{background:url(/assets/img/contents/icon_garr.svg) no-repeat 95% 50%; background-size:9px; }
	.mywrap.mytokenwrap .mybox .mytxt .mtarr:hover{background:url(/assets/img/contents/icon_garr_on.svg) no-repeat 95% 50%; background-size:9px; }
}

@media (max-width:350px){
	.mywrap.mytokenwrap .mybox .mytxt .mtarr{background:url(/assets/img/contents/icon_garr.svg) no-repeat 94% 50%; background-size:8px; }
	.mywrap.mytokenwrap .mybox .mytxt .mtarr:hover{background:url(/assets/img/contents/icon_garr_on.svg) no-repeat 94% 50%; background-size:8px; }
}

@media (max-width:320px){
	.mywrap .mybox .mytxt .totall{font-size:14px; }
}

/* tabtranswrap */
.tabtranswrap{width:100%; }
.tabtranswrap .tabbox{width:100%; padding:0; position:relative; animation:opac 0.8s}

@media all and (max-width:500px){
	.tabtranswrap .tabbtn a{font-size:15px; }
}

@media all and (max-width:400px){
	.tabtranswrap .tabbtn a{font-size:14px; padding:0 30px 0 0 ; }
	.tabtranswrap .tabbtn a.on{background-size:9px; padding:0 30px 0 15px ; }
}

@media all and (max-width:360px){
	.tabtranswrap .tabbtn a{font-size:13px; padding:0 20px 0 0 ; }
	.tabtranswrap .tabbtn a.on{background-size:8px; padding:0 20px 0 13px ; }
}

@media all and (max-width:320px){
	.tabtranswrap .tabbtn a{font-size:12px; }
}


/* gift card History */
.giftcardwrap{}
.giftcardwrap h3.contit{padding:0}
.gift_top_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; padding:30px; border:1px solid #333; border-radius:18px; }
.gift_top_wrap dl{display:block; width:50%; padding:0 0 0 30px; }
.gift_top_wrap dl:first-child{padding:0 30px 0 0; border-right:1px solid #ededed; }
.gift_top_wrap dl dt{font-size:20px; line-height:1.4; font-weight:500; }
.gift_top_wrap dl dd{margin-top:20px; font-size:24px; line-height:1.4; font-weight:700; text-align:right; }
.gift_top_wrap dl dd .unit{display:inline-block; font-size:13px; font-weight:400; color:#999}
.gift_top_wrap dl dd .lock{display:block; font-size:14px; line-height:1.5; font-weight:400; }

.card_list{display:flex; flex-wrap:wrap; margin-top:-30px}
.card_list li{width:31%; margin-top:40px; margin-left:3.5%; text-align:center; }
.card_list li:nth-child(3n+1){margin-left:0}
.card_list li .card_img{display:block; width:100%; border:1px solid #eaeaea; border-radius:30px; overflow:hidden; transition:all 0.3s }
.card_list li .card_img img{display:block; width:100%; transition:all 0.3s }
.card_list li .card_img:hover img{transform:scale(1.05)}
.card_list li .card_view{display:inline-block; max-width:130px; width:80%; height:40px; margin-top:15px; font-size:14px; line-height:39px }

.card_list_none{display: none; margin:40px 0; padding:100px 30px; background:#fafafa; border-radius:18px; text-align:center}
.card_list_none p{width:100%; font-size:20px; line-height:1.5; color:#565656; text-align:center}

@media all and (max-width:1000px){
	.card_list li{width:32%; margin-left:2%;}
}
@media all and (max-width:800px){
	.gift_top_wrap{margin:20px 0 30px; padding:0; border:0; border-radius:0; }
	.gift_top_wrap dl{width:100%; margin:0 0 10px; padding:30px !important; border:1px solid #071b21 !important; border-radius:30px 0 0; }
	.gift_top_wrap dl dd{margin-top:5px; }

	.card_list li{width:48%; margin-left:4%; }
	.card_list li:nth-child(3n+1){margin-left:4%}
	.card_list li:nth-child(2n+1){margin-left:0}
}
@media all and (max-width:650px){
	.card_list li{width:49%; margin-left:2%; }
	.card_list li:nth-child(3n+1){margin-left:2%}
	.card_list li:nth-child(2n+1){margin-left:0}
}
@media all and (max-width:450px){
	.card_list li{width:100%; margin-left:0 !important; padding:0 10px }

}


/* boardList */
.boardList{width:100%; margin:0 auto; border-top:2px solid #555; }
.boardList:after{content:''; display:block; clear:both; }
.boardList ul{width:100%; border-bottom:1px solid #333; font-size:0; display:flex; justify-content:space-between; align-items:stretch; }
.boardList ul:after{content:''; display:block; clear:both; }
.boardList ul li{position:relative; display:flex; justify-content:center; align-items:center; font-size:15px; line-height:1.3; text-align:left; height:auto; min-height:68px; padding:0 5px; color:#ccc; font-weight:400; text-align:center; }
.boardList ul:hover{background:#333; }
.boardList ul li a{display:inline-block; width:90%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; color:#ccc; text-decoration:underline; }
.boardList ul li a:hover{color: #2936d6 ; }
.boardList ul li.coin{text-align:center; }
.boardList ul li.age span{line-height:1.2; }
.boardList ul li.from span{display:inline-block; width:90%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; }
.boardList ul li.to span{display:inline-block; width:90%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; }

.boardList ul li.txid a,
.boardList ul li.from a,
.boardList ul li.to a,
.boardList ul li.bp a,
.boardList ul li.address a{width:80%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; }

.boardList ul li.type span{word-break:break-all; }

.boardList ul.titbox{padding:0; border-bottom:1px solid #555; }
.boardList ul.titbox li{font-size:15px; font-weight:600; color:#ccc;  line-height:1.2; }
.boardList ul.titbox:hover{background:#101010; }
.boardList ul li em.stit{display:none; color:#999; }
.boardList ul.titbox.stitbox li{height:54px; }
.boardList.bpBoard ul li.bp a{width:auto; }

@media all and (max-width:1100px){
	.boardList ul li{font-size:15px; }
	.boardList ul.titbox li{font-size:16px; }
}

@media all and (max-width:801px){
	.boardList ul li{font-size:14px; }
	.boardList ul.titbox li{font-size:15px; }
}

@media all and (max-width:600px){
	.boardList ul.titbox li{font-size:14px; }
}

@media all and (max-width:320px){
	.boardList ul li{font-size:13px; }
	.boardList ul.titbox li{font-size:14px; }
}

/* myTrans */
.boardList.myTrans ul li:nth-child(1){width:14%; padding:0 5px; }
.boardList.myTrans ul li:nth-child(2){width:10%; }
.boardList.myTrans ul li:nth-child(3){width:14%; word-break:break-all; line-height:1.2; }
.boardList.myTrans ul li:nth-child(4){width:13%; }
.boardList.myTrans ul li:nth-child(5){width:13%; }
.boardList.myTrans ul li:nth-child(6){width:24%; min-width:200px; word-break:break-all; padding:0; }
.boardList.myTrans ul li:nth-child(7){width:12%; }
.boardList.myTrans ul li em.stit{display:none; }


@media all and (max-width:900px){
	.boardList.myTrans ul li:nth-child(1){padding-left:10px; }
}

@media all and (max-width:801px){
	.boardList.myTrans ul.titbox{display:none; height:0; }
	.boardList.myTrans ul{display:block; padding:20px 10px ; }
	.boardList.myTrans ul li,
	.boardList.myTrans ul li:nth-child(1),
	.boardList.myTrans ul li:nth-child(2),
	.boardList.myTrans ul li:nth-child(3),
	.boardList.myTrans ul li:nth-child(4),
	.boardList.myTrans ul li:nth-child(5),
	.boardList.myTrans ul li:nth-child(6),
	.boardList.myTrans ul li:nth-child(7){width:100%; float:right; text-align:left; line-height:1.4; min-height:auto; height:auto; display:flex; justify-content:flex-start; align-items:stretch; padding:4px 0 ; }
	.boardList.myTrans ul li em.stit{display:inline-block; width:80px; min-width:80px; }
	.boardList.myTrans ul li a{padding:0 0 2px 0; }
}

@media all and (max-width:480px){
	.boardList.myTrans ul li em.stit{width:70px; min-width:70px; }
}

@media all and (max-width:400px){
	.boardList.myTrans ul{padding:18px 0; }
}


/* tokenTrans */
.boardList.tokenTrans ul li:nth-child(1){width:12%; }
.boardList.tokenTrans ul li:nth-child(2){width:14%; padding:0 5px; }
.boardList.tokenTrans ul li:nth-child(3){width:10%; }
.boardList.tokenTrans ul li:nth-child(4){width:14%; word-break:break-all; line-height:1.2; }
.boardList.tokenTrans ul li:nth-child(5){width:13%; }
.boardList.tokenTrans ul li:nth-child(6){width:13%; }
.boardList.tokenTrans ul li:nth-child(7){width:12%; word-break:break-all; }
.boardList.tokenTrans ul li:nth-child(8){width:12%; }
.boardList.tokenTrans ul li em.stit{display:none; }
.boardList.tokenTrans ul li:nth-child(1),
.boardList.tokenTrans ul.titbox li:nth-child(1){text-align:center; justify-content:center; padding:10px 20px; }
.boardList.tokenTrans.al ul li:nth-child(1),
.boardList.tokenTrans.al ul.titbox li:nth-child(1){text-align:left; justify-content:flex-start; padding:10px 20px; }

@media all and (max-width:900px){
	.boardList.tokenTrans ul li:nth-child(1){padding-left:10px; }
}

@media all and (max-width:801px){
	.boardList.tokenTrans{margin:0 0 20px; }
	.boardList.tokenTrans ul.titbox{display:none; height:0; }
	.boardList.tokenTrans ul{display:block; padding:20px 10px ; }
	.boardList.tokenTrans ul:last-child{border-bottom:none; padding-bottom:0; }
	.boardList.tokenTrans ul li,
	.boardList.tokenTrans ul li:nth-child(1),
	.boardList.tokenTrans ul li:nth-child(2),
	.boardList.tokenTrans ul li:nth-child(3),
	.boardList.tokenTrans ul li:nth-child(4),
	.boardList.tokenTrans ul li:nth-child(5),
	.boardList.tokenTrans ul li:nth-child(6),
	.boardList.tokenTrans ul li:nth-child(7),
	.boardList.tokenTrans ul li:nth-child(8){width:100%; float:right; text-align:left; line-height:1.4; min-height:auto; height:auto; display:flex; justify-content:flex-start; align-items:stretch; padding:4px 0 ; }
	.boardList.tokenTrans ul li em.stit{display:inline-block; width:80px; min-width:80px; }
	.boardList.tokenTrans ul li a{padding:0 0 2px 0; }

	.boardList.tokenTrans ul li:nth-child(1),
	.boardList.tokenTrans ul.titbox li:nth-child(1),
	.boardList.tokenTrans.al ul li:nth-child(1),
	.boardList.tokenTrans.al ul.titbox li:nth-child(1){padding:4px 0 ; }
}

@media all and (max-width:480px){
	.boardList.tokenTrans ul li em.stit{width:70px; min-width:70px; }
}

@media all and (max-width:400px){
	.boardList.tokenTrans ul{padding:18px 0; }
}


/* mswrap */
.mswrap{width:100%; margin:0 auto; }
.mswrap dl{width:100%; margin:25px 0 0; display:block; }
.mswrap dl dt{width:100%; padding:0 0 8px 0; color:#ccc; font-size:18px; font-weight:500; line-height:1.2; display:block; }
.mswrap dl dt span{color:#999; font-weight:400; }
.mswrap dl dd{width:100%;  }
.mswrap dl dd input,.mswrap dl dd select,.mswrap dl dd textarea{font-size:16px; }
.mswrap dl dd .mstxt{width:100%; padding:7px 0 0 0; font-size:14px; font-family:'Noto Sans KR'; font-weight:400; line-height:1.4; }

.mswrap dl.amount ul.ambox{width:100%; display:flex; justify-content:space-between; align-items:center;  margin:15px 0 0 0 ; }
.mswrap dl.amount ul.ambox li{width:25%; border:1px solid #b7b7b7; border-right:none; height:57px; }
.mswrap dl.amount ul.ambox li:first-child {border-radius: 8px 0 0 8px;}
.mswrap dl.amount ul.ambox li:last-child{border-right:1px solid #b7b7b7; border-radius: 0 8px 8px 0;}
.mswrap dl.amount ul.ambox li a{width:100%; height:100%; line-height:1.2; display:flex; justify-content:center; align-items:center; font-size:16px; color:#ccc; }
.mswrap dl.amount ul.ambox li:hover{background:#2936d6; border:1px solid #2936d6; color:#fff; }
.mswrap dl.amount ul.ambox li:hover a{color:#fff; }
.mswrap dl.certbox{padding:0 0 50px; }
.mswrap dl.certbox dd{display:flex; justify-content:space-between; align-items:center; }
/*.mswrap dl.certbox dd .input{width:80%; }*/
.mswrap dl.certbox dd .btn{width:20%; min-width:75px; line-height:59px ; height:60px; padding:0; }
.mswrap dl.certbox dd.cert_num{padding:15px 0 0 0; }
.mswrap dl.fee{position:relative; margin:45px 0; display:flex; justify-content:space-between; align-items:center; }
.mswrap dl.fee dt{width:50%; min-width:130px; line-height:1.2; padding:0; display:flex; align-items:center; }
.mswrap dl.fee dd{width:50%; float:right; text-align:right; font-size:18px; line-height:1.2; font-weight:500;  }
.mswrap dl.fee dt span{padding:0 7px 0 0; font-size:18px; color:#1e1e1e; font-weight:500; }
.mswrap dl.fee dt .fee-info-box{display:none; position:absolute; top:-2px; left:140px; z-index:2; background:#4a4a4a; color:#fff; padding:8px 10px; border-radius:5px; font-size:16px; font-weight:400; animation:opac_one 0.5s; }
.mswrap dl.fee dt .fee-info-box:before{position:absolute; top:8px; left:-10px; z-index:3; content:''; display:inline-block; animation:opac_one 0.5s; 
	width:0px; height:0px; 
	border-top:7px solid transparent; 
	border-right:13px solid #4a4a4a; 
	border-bottom:7px solid transparent; }

.mswrap dl.fee dt:hover .fee-info-box{display:block; }
.mswrap dl.fee dt:hover .fee-info-box:before{display:inline-block; }
.mswrap .infotxt{width:100%; border:1px solid #dbdbdb; background:#fafafa; padding:20px; font-size:14px; color:#1e1e1e; margin:15px 0 0 0; }
.mswrap .infotxt p{width:100%; display:block; line-height:1.6; font-size:14px; }
.mswrap .infotxt p strong{width:100%; display:block; font-weight:400; line-height:1.6; font-size:14px; }

.mswrap .infotxt1{width:100%; border:1px solid #dbdbdb; background:#fafafa; padding:20px 50px 20px 20px; font-size:14px; color:#1e1e1e; margin:15px 0 0 0; position:relative; }
.mswrap .infotxt1 p{width:100%; display:block; line-height:1.6; font-size:14px; }
.mswrap .infotxt1 p strong{width:100%; display:block; font-weight:400; line-height:1.4; font-size:16px; padding:0 0 5px; }
.mswrap .infotxt1 a{position:absolute; top:0; right:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:url(/assets/img/contents/icon_garr.svg) no-repeat 96% 50%; background-size:8px; }
.mswrap .infotxt1 a span{font-size:0; }
.mswrap.createToken .btnwrap,
.mswrap.createTokenInfo .btnwrap,
.mswrap.editToken .btnwrap,
.mswrap.minwrap .btnwrap{margin:75px 0 0 0; }
.mswrap.createToken, .mswrap.createTokenInfo, .ctdonewrap{	display:none; }
.mswrap.createToken.on, .mswrap.createTokenInfo.on, .ctdonewrap.on{display:block; }

.mswrap dl.community dd .commuitybox{position:relative; width:100%; margin:10px 0 0 0; display:flex; justify-content:space-between; align-items:center; }
.mswrap dl.community dd .commuitybox:first-child{margin:0; }
.mswrap dl.community dd .commuitybox .snb_menu{width:37%; min-width:180px; }
.mswrap dl.community dd .commuitybox .txt{width:63%; line-height:60px; height:60px; border:solid 1px #dbdbdb; padding:0 20px; border-left:none; }
.mswrap dl.community dd .commuitybox .delete{display:none; position:absolute; right:-60px; z-index:2; width:60px; height:60px; display:inline-block; border:none; background:#fff url(/assets/img/contents/icon_x.svg) no-repeat center 50%; background-size:18px; padding:0; }
.mswrap dl.community dd .commuitybox .delete:hover{background:#fff url(/assets/img/contents/icon_x_on.svg) no-repeat center 50%; background-size:18px; }
.mswrap dl.community dd .commuitybox.off .delete{display:none; }
.mswrap dl.community dd .commuitybox.on.delete{display:block; }
.mswrap dl.community dd .catebtn{width:100%; margin:15px 0 0 0; text-align:right; }
.mswrap dl.community dd .catebtn a{line-height:56px; height:56px; width:100%; max-width:196px; text-align:center; background:#0a0a0a; }
.mswrap dl.community dd .catebtn a span{color:#fff; display:inline-block; background:url(/assets/img/contents/icon_plus_w.svg) no-repeat 0 50%; background-size:10px; padding:0 0 0 15px; }
.mswrap dl.community dd .catebtn a:hover{background:#2936d6 ; }

/* unlock add */
.unlock_date_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 15px }
.unlock_date_wrap input{width:100% !important; }
.ui-datepicker div.ui-datepicker-title{width:auto; margin:0.3em 2em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:5px !important; }
.ui-datepicker .ui-datepicker-prev span{width:20px; height:20px; background:url("../img/common/select_arr.svg") no-repeat 50%; background-size:auto 6px; transform:rotate(90deg)}
.ui-datepicker .ui-datepicker-next span{width:20px; height:20px; background:url("../img/common/select_arr.svg") no-repeat 50%; background-size:auto 6px; transform:rotate(-90deg)}
.unlock_date_wrap .select_wrap{position:relative; width:31%; }
.unlock_date_wrap .select_wrap select{position:relative; width:100%; height:56px; padding:0 15px; border-radius:0; background:url("../img/common/select_arr.svg") no-repeat 90% 50%; background-size:auto 6px; border:1px solid #cdcbcb; line-height:54px}
.unlock_date_wrap .select_wrap .unit{display:block; width:100%; margin:0 0 5px; font-size:13px; line-height:15px; color:#999; }

@media all and (max-width:991px){
	.mswrap dl dd input,
	.mswrap dl dd select,
	.mswrap dl dd textarea{font-size:15px; }
	.mswrap dl.amount ul.ambox li{height:54px; }
	.mswrap dl.amount ul.ambox li a{font-size:15px; }
	.mswrap.createToken .btnwrap,
	.mswrap.createTokenInfo .btnwrap,
	.mswrap.editToken .btnwrap,
	.mswrap.minwrap .btnwrap{margin:10% 0 0 0; }
	.mswrap dl.community dd .commuitybox .txt{line-height:55px; height:56px; }
	.mswrap dl.community dd .commuitybox .delete{right:-56px; width:56px; height:56px; }

	.mswrap dl.certbox dd .btn{height:56px; line-height:55px}
}

@media all and (max-width:801px){
	.mswrap dl.fee{margin:40px 0; }
	.mswrap dl.amount ul.ambox li a{font-size:14px; }
	.mswrap dl dd input,
	.mswrap dl dd select,
	.mswrap dl dd textarea{font-size:14px; }
	.mswrap dl.community dd .catebtn a{line-height:49px; height:50px; }
	.mswrap dl.community dd .commuitybox .delete{right:-50px; width:50px; height:50px; }
	.mswrap dl.certbox{padding:0 0 40px; }
	.mswrap dl.certbox dd .btn{ line-height:49px ; height:50px; ; }
}

@media all and (max-width:767px){
	.mswrap dl.amount ul.ambox li{height:48px; }
	/*.mswrap dl.community dd .commuitybox .txt,*/

}

@media all and (max-width:640px){
	.mswrap dl.community dd .commuitybox .delete{right:-20px; width:20px; height:50px; background-size:14px; }
	.mswrap dl.community dd .commuitybox .delete:hover{background-size:14px; }
}

@media all and (max-width:500px){
	.mswrap{padding:15px 0 0 0; }
	.mswrap.createToken .btnwrap,
	.mswrap.createTokenInfo .btnwrap,
	.mswrap.editToken .btnwrap,
	.mswrap.minwrap .btnwrap{margin:40px 0 0 0; }
}

@media all and (max-width:420px){
	.mswrap dl.community dd .commuitybox{display:block; }
	.mswrap dl.community dd .commuitybox .snb_menu{width:100%; }
	.mswrap dl.community dd .commuitybox .txt{width:100%; border:1px solid #dbdbdb; border-top:none; }
}

@media all and (max-width:420px){
	.mswrap .infotxt1 a{background:url(/assets/img/contents/icon_garr.svg) no-repeat 94% 50%; background-size:8px; }
	.unlock_date_wrap .select_wrap{width:100%}
}


/* error */
.error{width:100%; display:block; margin:10px 0 0 0; color:#f16840 ; line-height:1.4; }
.done{width:100%; display:block; margin:10px 0 0 0; color:#3471ff; line-height:1.4; }

/* msDonewrap */
.msDonewrap{width:100%; padding:130px 5% 140px 5%; margin:0 auto; }
.msDonewrap h3{width:100%; display:block; overflow:hidden; font-size:36px; color:#474747; font-weight:600; text-align:center; text-transform:uppercase; padding:130px 0 60px 0; margin:0 auto; background:url(/assets/img/contents/icon_check_circle.svg) no-repeat center 0; background-size:98px; }
.msdbox{display:block; width:100%; max-width:850px; margin:0 auto;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:35px 0 ; }
.msdbox dl{width:100%; padding:15px 56px; display:flex; justify-content:space-between; /* align-items:top; */  }
.msdbox dl dt{width:20%; min-width:80px; font-size:18px; font-weight:400; color:#999; line-height:1.4; }
.msdbox dl dd{width:75%; font-size:18px; font-weight:500; color:#0a0a0a; text-align:right; word-break:break-all; line-height:1.4; }
.msDonewrap .btnwrap{justify-content:center; padding:93px 0 0 0; }
.msDonewrap .btnwrap a{width:100%; max-width:420px; }
.modal-box .msdbox{padding:0; border:none; }
.modal-box .msdbox dl{diwidth:100%; padding:7px 0; }
.modal-box .msdbox dl:first-child{padding-top:0; }
.modal-box .msdbox dl:last-child{padding-bottom:0; }
.modal-box .msdbox dl dt,
.modal-box .msdbox dl dd{font-size:16px; }


@media all and (max-width:700px){
	.msDonewrap{padding:14% 5%; }
	.msDonewrap h3{padding:18% 0 8% 0; background:url(/assets/img/contents/icon_check_circle.svg) no-repeat center 0; background-size:14%; }
	.msdbox{padding:30px 0 ; }
	.msDonewrap .btnwrap{padding:10% 0 0 0; }
}

@media all and (max-width:600px){
	.msDonewrap{padding:60px 20px; }
	.msdbox{padding:25px 0 ; }
	.msdbox dl{padding:10px 5%; }
	.msdbox dl dt,
	.msdbox dl dd{font-size:16px; }
}

@media all and (max-width:500px){
	.msDonewrap .btnwrap{padding:40px 0 0 0; }
	.msDonewrap h3{padding:80px 0 40px 0; background:url(/assets/img/contents/icon_check_circle.svg) no-repeat center 0; background-size:60px; }
	.modal-box .msdbox dl dt,
	.modal-box .msdbox dl dd{font-size:15px; }
}

@media all and (max-width:400px){
	.msDonewrap h3{font-size:32px; }
	.msdbox dl{padding:10px 0; }
	.msdbox dl dt{width:20%; }
	.msdbox dl dd{width:70%; font-size:15px; }
}

@media all and (max-width:320px){
	.msdbox dl dd{font-size:14px; }
}


/* ctwrap */
.ctwrap{positon:relative; width:100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #0a0a0a; padding:41px 0; text-align:center; margin:40px 0 25px; display:none; }
.ctwrap a{position:relative; width:88px; height:88px; background:url(/assets/img/contents/icon_ct_bg.svg) no-repeat center 50%; background-size:100%; }
.ctwrap a::after{content:""; display:inline-block; position:absolute; left:50%; top:50%; width:22px; height:22px; transform:translate(-50%, -50%); background:#fff; z-index:1; background:#fafafa url(/assets/img/contents/icon_ct_plus.svg) no-repeat center 50%; background-size:22px; }
.ctwrap a span{display:none; }
.ctwrap a:hover{background:url(/assets/img/contents/icon_ct_bg_on.svg) no-repeat center 50%; background-size:100%; animation:opac_one 0.5s; }
.ctwrap a:hover::after{background:#fafafa url(/assets/img/contents/icon_ct_plus_on.svg) no-repeat center 50%; background-size:22px; animation:opac_one 0.5s; }
.ctwrap p{width:100%; display:block; font-size:24px; font-weight:500; color:#1e1e1e; line-height:1.2; padding:13px 0 0 0; }


/* mytokenwrap */
.mytokenwrap{width:100%; display:none; }
.mytokenwrap h3{display:block; font-size:28px; font-weight:500; color:#2936d6 ; padding:30px 0 0 0; }
.mytokenwrap .mytokenbox{width:100%; }
.mytokenwrap .mytokenbox a{position:relative; width:100%; padding:88px 0; border:solid 1px #dbdbdb; background:#fafafa; padding:28px; margin:20px 0 0 0; display:flex; justify-content:start; align-items:center; }
.mytokenwrap .mytokenbox .mtimg{width:82px; height:82px; display:flex; align-items:center; text-align:center; border-radius:50%; overflow:hidden; }
.mytokenwrap .mytokenbox .mtimg img{width:100%; }
.mytokenwrap .mytokenbox .mttxt{width:80%; display:block; padding:0 0 0 30px; }
.mytokenwrap .mytokenbox .mttxt p{display:block; font-size:16px; color:#999; line-height:1.4; }
.mytokenwrap .mytokenbox .mttxt p.tit{font-size:24px; color:#1e1e1e; font-weight:500; padding:0 0 7px 0; line-height:1.2; }
.mytokenwrap .mytokenbox .mtarr{position:absolute; top:0; right:30px; z-index:2; width:12px; height:100%; background:url(/assets/img/contents/icon_garr.svg) no-repeat center 50%; background-size:12px; }
.mytokenwrap .mytokenbox .mtarr span{font-size:0; }
.mytokenwrap_none{display:none; }
.mytokenwrap_none h3{display:block; font-size:30px; color:#1e1e1e; font-weight:500; text-align:center; padding:35px 0 0 0; }

@media (max-width:801px){
	.mytokenwrap h3{font-size:26px; }
	.mytokenwrap .mytokenbox a{padding:25px 20px; }
	.mytokenwrap .mytokenbox .mtimg{width:70px; height:70px; }
	.mytokenwrap .mytokenbox .mttxt{padding:0 0 0 15px; }
	.mytokenwrap .mytokenbox .mtarr{right:20px; }
}

@media (max-width:600px){
	.mytokenwrap h3{font-size:24px; }
	.mytokenwrap .mytokenbox .mtimg{width:55px; height:55px; }
	.mytokenwrap .mytokenbox .mttxt  p.tit span{font-size:20px; }
	.mytokenwrap .mytokenbox .mttxt h4,
	.mytokenwrap .mytokenbox .mttxt  p{font-size:15px; }
}

@media (max-width:400px){
	.mytokenwrap .mytokenbox a{display:block; padding:22px 20px 20px 20px; }
	.mytokenwrap .mytokenbox .mtimg{width:46px; height:46px;  }
	.mytokenwrap .mytokenbox .mttxt{display:block; padding:15px 0 0 0; }
}


/* ctdonewrap */
.ctdonewrap{width:100%; }
.ctdonewrap .ctdone_tit{width:100%; padding:40px 0; border-bottom:1px solid #0a0a0a; }
.ctdonewrap .ctdone_tit .ctdimg{width:100%; text-align:center; }
.ctdonewrap .ctdone_tit .ctdimg span{width:88px; height:88px; display:inline-block; }
.ctdonewrap .ctdone_tit .ctdimg span img{width:100%; }
.ctdonewrap .ctdone_tit h3{width:100%; font-size:20px; color:#767676; text-align:center; padding:15px 0 0 0; line-height:1.2; }
.ctdonewrap .ctdone_tit p{width:100%; font-size:40px; color:#0a0a0a; text-align:center; padding:10px 0 0 0; line-height:1.2; font-weight:600; }
.ctdonewrap .ctdone_txt{width:100%; max-width:660px; padding:40px 0; margin:0 auto; }
.ctdonewrap .ctdone_txt h4 {width:100%; font-size:30px; color:#0a0a0a; text-align:center; font-weight:600; line-height:1.2; padding:0 0 40px; }
.ctdonewrap .ctdone_txt dl{display:flex; justify-content:space-between; align-items:center; padding:15px 7.5%; }
.ctdonewrap .ctdone_txt dt{width:30%; color:#505050; font-size:24px; line-height:1.2; }
.ctdonewrap .ctdone_txt dd{width:70%; color:#1e1e1e; font-size:24px; text-align:right; line-height:1.2; }
.ctdonewrap .ctdone_txt dl.total{border-top:1px solid #dbdbdb; padding:40px 7.5% 50px 7.5%; margin:30px 0 0 0; }
.ctdonewrap .ctdone_txt dl.total dd{font-weight:600; }

@media (max-width:801px){
	.ctdonewrap .ctdone_tit p{font-size:32px; }
	.ctdonewrap .ctdone_txt{padding:35px 0; }
	.ctdonewrap .ctdone_txt h4{font-size:24px; padding:0 0 30px; }
	.ctdonewrap .ctdone_txt dl{padding:12px 7%; }
	.ctdonewrap .ctdone_txt dl.total{padding:35px 7%; }
	.ctdonewrap .ctdone_txt dt,
	.ctdonewrap .ctdone_txt dd{font-size:20px; }
}

@media (max-width:600px){
	.ctdonewrap .ctdone_tit{padding:35px 0; }
	.ctdonewrap .ctdone_tit h3{font-size:18px; }
	.ctdonewrap .ctdone_tit p{font-size:26px; }
	.ctdonewrap .ctdone_txt dl{padding:10px 5%; }
	.ctdonewrap .ctdone_txt dl.total{padding:35px 5%; }
	.ctdonewrap .ctdone_txt dt,
	.ctdonewrap .ctdone_txt dd{font-size:18px; }
}

@media (max-width:400px){
	.ctdonewrap .ctdone_txt{padding:30px 0; }
	.ctdonewrap .ctdone_tit h3{font-size:16px; }
	.ctdonewrap .ctdone_tit p{font-size:20px; }
	.ctdonewrap .ctdone_txt h4{font-size:20px; padding:0 0 20px; }
	.ctdonewrap .ctdone_txt dl{padding:10px 0; }
	.ctdonewrap .ctdone_txt dl.total{padding:30px 0; margin:20px 0 0 0; }
	.ctdonewrap .ctdone_txt dt,
	.ctdonewrap .ctdone_txt dd{font-size:16px; }
}

@media (max-width:360px){
	.ctdonewrap .ctdone_tit p{font-size:18px; }
	.ctdonewrap .ctdone_txt dt,
	.ctdonewrap .ctdone_txt dd{font-size:15px; }
}


/* mtd_symbolwrap */
.mtd_symbolwrap{width:100%; padding:65px 0 0 0; }
.mtd_symbolwrap .mtd_img{width:100%; text-align:center; display:flex; align-items:center; justify-content:center; }
.mtd_symbolwrap .mtd_img span{position:relative; display:inline-flex; align-items:center; justify-content:center; width:200px; height:200px; border-radius:100%; background:#ededed; }
.mtd_symbolwrap .mtd_img span::before{content:""; display:inline-block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#ededed; border-radius:100%; }
.mtd_symbolwrap .mtd_img span i img{content:""; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:50%; height:50%; background:#ededed; border-radius:50%; }
.mtd_symbolwrap .mtd_img span i img{width:100%; height:100%; }
.mtd_symbolwrap  h3{display:block; text-align:center; font-size:32px; color:#1e1e1e; line-height:1.2; padding:38px 0 0; }

.mtd_sns{display:flex; justify-content:center; align-items:center; padding:34px 0 40px 0; }

.mtd_sns .view{width:138px; line-height:44px; height:45px; border-radius:45px; padding:0 5px; display:inline-block; display:flex; justify-content:center; align-items:center; font-weight:500; margin-right:28px; color:#1e1e1e; border:1px solid #0a0a0a; text-align:center; }
.mtd_sns .view span{line-height:1.2; }
.mtd_sns .view:hover{background:#2936d6 ; border:1px solid #2936d6 ; color:#fff; }
.mtd_sns ul{display:flex; align-items:center; justify-content:center; }
.mtd_sns ul li{position:relative; width:32px; height:32px; font-size:20px; border-radius:50%; border:1px solid #0a0a0a; background:#fff ; margin:0 5px; }
.mtd_sns ul li:first-child{margin-left:0; }
.mtd_sns ul li:last-child{margin-right:0; }
.mtd_sns ul li a{color:#0a0a0a; font-size:20px; font-weight:600; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.mtd_sns ul li:hover{background:#0a0a0a; }
.mtd_sns ul li:hover a{color:#fff; }

.mtd_symbolwrap .btnwrap a{width:178px; }

@media (max-width:801px){
	.mtd_symbolwrap{padding:50px 0 0 0; }
	.mtd_symbolwrap .mtd_img span{width:160px; height:160px; }
	.mtd_symbolwrap  h3{font-size:28px; padding:30px 0 0; }
	.mtd_sns{padding:25px 0 30px 0; }
}

@media (max-width:500px){
	.mtd_symbolwrap .mtd_img span{width:140px; height:140px; }
	.mtd_symbolwrap  h3{font-size:24px; }
}

@media (max-width:400px){
	.mtd_sns .view{margin-right:15px; }
}

@media (max-width:350px){
	.mtd_sns .view{margin-right:8px; }
}
@media (max-width:319px){
	.mtd_sns{display:block; }
	.mtd_sns .view{width:100%; margin:0 0 30px; }
}


/* mtd_infowrap */
.mtd_infowrap{width:100%; }
.mtd_infowrap h3{width:100%; }
.mtd_infowrap .mtd_infobox{width:100%; padding:33px 20%; border-top:3px solid #dbdbdb; border-bottom:1px solid #dbdbdb; display:block; }
.mtd_infowrap .mtd_infobox dl{width:100%; display:block; padding:10px 0; }
.mtd_infowrap .mtd_infobox dl dt{width:50%; min-width:85px; font-weight:500; color:#767676; float:left; line-height:1.4; padding:0 10px 0 0; }
.mtd_infowrap .mtd_infobox dl dd{width:50%; text-align:right; font-weight:500; color:#1e1e1e; float:right; line-height:1.4; }

@media (max-width:801px){
	.mtd_infowrap .mtd_infobox{padding:25px 10%; }
}

@media (max-width:500px){
	.mtd_infowrap .mtd_infobox{padding:20px 5%; }
	.mtd_infowrap .mtd_infobox dl{display:flex; justify-content:space-between; /* align-items:top; */}
}

@media (max-width:500px){
	.mtd_infowrap .mtd_infobox{padding:18px 0; }
}



/* mtd_tbbox */
.mtd_tbbox{width:100%; max-width:1036px; margin:65px auto 0 auto; padding:27px 4%; border:1px solid #dbdbdb; display:flex; justify-content:space-between; align-items:center; }
.mtd_tbbox .total{width:70%; }
.mtd_tbbox .total h3{display:block; font-size:16px; color:#999; font-weight:400; line-height:1.2; padding:0 0 8px; }
.mtd_tbbox .total p{display:block; font-size:24px; color:#1e1e1e; font-weight:500; line-height:1.2; }
.mtd_tbbox .btn{width:28%; max-width:158px; line-height:56px; height:56px; text-align:center; font-weight:500; }

@media (max-width:767px){
	.mtd_tbbox{margin:40px auto 0 auto; padding:27px 20px; }
	.mtd_tbbox .total p{font-size:20px; }
	.mtd_tbbox .btn{line-height:50px; height:50px; }
}

@media (max-width:400px){
	.mtd_tbbox{display:block; }
	.mtd_tbbox .total{width:100%; }
	.mtd_tbbox .total p{font-size:18px; }
	.mtd_tbbox .btn{width:100%; max-width:100%; margin:20px 0 0 0; }
}

/* mtd_ovwrap */
.mtd_ovwrap{width:100%; }

.mtd_ovwrap{width:100%; }
.mtd_ovwrap h3{width:100%; }
.mtd_ovwrap .mtd_ovbox{width:100%; padding:33px 20%; border-top:3px solid #dbdbdb; border-bottom:1px solid #dbdbdb; display:block; }
.mtd_ovwrap .mtd_ovbox  dl{width:100%; display:block; padding:10px 0; display:flex; justify-content:space-between; /* align-items:top; */}
.mtd_ovwrap .mtd_ovbox  dl dt{width:30%; min-width:85px; font-weight:500; color:#767676; float:left; line-height:1.4; padding:0 10px 0 0; }
.mtd_ovwrap .mtd_ovbox  dl dd{width:70%; font-weight:400; color:#1e1e1e; line-height:1.4; }
.mtd_ovwrap .mtd_ovbox  dl.cate dd{font-weight:500; }

@media (max-width:801px){
	.mtd_ovwrap .mtd_ovbox{padding:25px 10%; }
}

@media (max-width:500px){
	.mtd_ovwrap .mtd_ovbox{padding:20px 5%; }
}

@media (max-width:400px){
	.mtd_ovwrap .mtd_ovbox{padding:18px 0; }
}


/* searchwrap */
.searchwrap{width:100%; max-width:560px; padding:0 15px 0 20px; height:56px; border-radius:56px; margin:0 auto 30px auto; border:1px solid #999; display:flex; justify-content:space-between; align-items:center; }
.searchwrap input{border:none; background:none; }
.searchwrap input.setxt{width:85%; padding:0 10px 0 0; line-height:56px; height:56px; }
.searchwrap input.sebtn{width:40px; height:56px; background:url(/assets/img/contents/icon_search.svg) no-repeat center 50%; background-size:27px; }

@media (max-width:767px){
	.searchwrap{height:50px; border-radius:50px; }
	.searchwrap input.setxt{line-height:50px; height:50px; }
	.searchwrap input.sebtn{width:30px; background-size:22px; }
}


/* switchwrap */
.switchwrap input[type="checkbox"]{display:none; }

.label_on-off{
	overflow:hidden; 
	position:relative; 
	display:inline-block; 
	width:58px; 
	height:30px; 
	-webkit-border-radius:30px; 
	-moz-border-radius:30px; 
	border-radius:30px; 
	background-color:#999; 
	color:#fff; 
	font-weight:bold; 
	cursor:pointer; 
	-webkit-transition:all .3s; 
	-moz-transition:all .3s; 
	-ms-transition:all .3s; 
	-o-transition:all .3s; 
	transition:all .3s; 
}

.label_on-off > *{
	vertical-align:sub; 
	-webkit-transition:all .3s; 
	-moz-transition:all .3s; 
	-ms-transition:all .3s; 
	-o-transition:all .3s; 
	transition:all .3s; 
	font-size:14px; 
}

.label_on-off .marble{
	position:absolute; 
	top:3px; 
	left:3px; 
	display:block; 
	width:24px; 
	height:24px; 
	background-color:#fff; 
	-webkit-border-radius:50%; 
	-moz-border-radius:50%; 
	border-radius:50%; 
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3); 
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3); 
	box-shadow:0 0 10px rgba(0, 0, 0, .3); 

}

.label_on-off .on{display:none; padding-left:0; }
.label_on-off .off{padding-left:30px; line-height:25px; }

.label_on-off a{width:100%; line-height:30px; height:30px; }
.label_on-off a i{font-size:0 ; }
.label_on-off a span{font-size:0 ; }


.input_on-off:checked + .label_on-off{background-color:#2936d6 ; }
.input_on-off:checked + .label_on-off .on{display:inline-block; }
.input_on-off:checked + .label_on-off .off{display:none; }
.input_on-off:checked + .label_on-off .off .marble{left:3px; animation:2s switch_on  linear forwards  }
.input_on-off:checked + .label_on-off .on .marble{left:31px; animation:2s switch_off linear forwards  }




/* change password */
.mypage .find-pw-wrap{width:100%; max-width:420px; margin:90px auto 0 auto; }
a.pwfind{width:100%; display:block; font-size:14px; color:#999; text-align:right; letter-spacing:0; text-decoration:underline; padding:10px 0 5px 0; margin:0; }
.mypage .signup-finish{width:100%; max-width:590px; margin:90px auto 0 auto; }

@media (max-width:801px){
	.mypage .find-pw-wrap ,
	.mypage .signup-finish{margin:10% auto 0 auto; }
}

@media (max-width:600px){
	.mypage .find-pw-wrap,.mypage .signup-finish{margin:40px auto 0 auto; }
	.mypage a.pwfind{padding:10px 0 0 0; }
}



/* send */
.send_form_wrap .open>.dropdown-toggle {border-color:#2936d6}
.send_form_wrap .open>.dropdown-menu {margin-top:0; border-top:0}
.send_form_wrap .bootstrap-select > .dropdown-toggle {background:#272829; border:1px solid #555; color:#ccc;}
.send_form_wrap .bootstrap-select .dropdown-toggle .caret {right:20px;top:50%; color:#555;}
.balace_num {margin:5px 0 0 5px; font-size:14px; }
.send_form_wrap .bootstrap-select .open>.dropdown-menu {border:0; border-radius: 8px;}
.send_form_wrap .bootstrap-select .dropdown-menu {border:1px solid #555; border-radius: 8px; background:#101010;}
.send_form_wrap .bootstrap-select .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color:#ccc; background:#101010;}
.send_form_wrap .input {background:#272829; border:1px solid #555; color:#ccc;}


.my_wrap .my_con_wrap{max-width:700px; width:100%; margin:40px auto 0;}
/* My DApp */
.my_dapp_wrap{}
.my_dapp_wrap h2{}
.my_dapp_wrap .dapp_apply_btn_wrap{position:relative; margin:0 0 50px; padding:40px; background:#fafafa}
.my_dapp_wrap .dapp_apply_btn_wrap a{display:block; position:absolute; top:40px; left:40px; width:120px; height:120px; background:#dbdbdb url("../img/contents/dapp_img_file.svg") no-repeat 50%; background-size:60px; border-radius:20px; transition:all 0.3s}
.my_dapp_wrap .dapp_apply_btn_wrap a:hover{background-size:70px; }
.my_dapp_wrap .dapp_apply_btn_wrap .tit_wrap{min-height:120px; padding-left:160px; }
.my_dapp_wrap .dapp_apply_btn_wrap .tit_wrap h3{margin-top:5px}

.my_dapp_wrap .dapp_info_box{width:100%}
@media (max-width:860px){
	.my_dapp_wrap .dapp_info_box .dapp_social .dapp_sns_list,
	.my_dapp_wrap .dapp_info_box .dapp_social .btn_wrap{width:auto}
}
@media (max-width:801px){
	.my_dapp_wrap .dapp_apply_btn_wrap{padding:25px}
	.my_dapp_wrap .dapp_apply_btn_wrap .tit_wrap{padding-left:140px}
	.my_dapp_wrap .dapp_apply_btn_wrap a{top:25px; left:25px;}
}
@media (max-width:560px){
	.my_dapp_wrap .dapp_info_box .dapp_social .dapp_sns_list,
	.my_dapp_wrap .dapp_info_box .dapp_social .btn_wrap{width:100%}
}
@media (max-width:501px){
	.my_dapp_wrap .dapp_apply_btn_wrap a{top:35px; width:90px; height:90px}
	.my_dapp_wrap .dapp_apply_btn_wrap .tit_wrap{min-height:0; padding-left:110px;}

	.my_dapp_wrap .dapp_info_box .dapp_social .btn_wrap{width:100%; margin-top:5px}
}
/* Create DApp */
.create_total_top{display:flex; justify-content:space-between; width:100%; margin:0 0 50px; padding:30px; border:3px solid #ededed; border-radius:10px;}
.create_total_top .tit{font-size:18px; line-height:30px; font-weight:500;}
.create_total_top .count{font-size:20px; line-height:30px; font-weight:700;}
.create_total_top .count .unit{display:inline-block; margin-left:10px; font-size:18px; line-height:30px; font-weight:300; vertical-align:top}

.cost_wrap{}
.cost_wrap > div{display:flex; justify-content:space-between; padding:20px 30px;}
.cost_wrap > div:first-child{border-bottom:1px solid #f1f1f1}
.cost_wrap div.total_cost{margin-top:10px; background:#f1f1f1}
.cost_wrap .tit{font-size:18px; line-height:24px; font-weight:400; }
.cost_wrap .cost{font-size:18px; line-height:24px; font-weight:700; }
.cost_wrap .cost .unit{display:inline-block; margin-left:5px; font-size:16px; line-height:24px; font-weight:300; vertical-align:top;}

.create_form{margin-top:50px; }
.create_form label{display:block; margin:0 0 10px; font-size:18px; line-height:1.5; font-weight:500;}
@media (max-width:801px) {
	.cost_wrap .tit,
	.cost_wrap .cost{font-size:16px;}
	.cost_wrap .cost .unit{font-size:15px}
}
@media (max-width:501px) {
	.create_total_top{flex-wrap:wrap;}
	.create_total_top .tit{width:100%; font-size:14px; font-weight:400;}
	.create_total_top .count{width:100%}
	.cost_wrap > div{flex-wrap:wrap; padding:10px 20px}
	.cost_wrap .tit, .cost_wrap .cost{width:100%}
	.cost_wrap .cost{text-align:right}
}


/* my token */
.top_btn_wrap{width:100%; text-align:right;}
.top_btn_wrap .btn{width:165px; margin-left:10px;}
.top_btn_wrap .btn:first-child{margin-left:0 !important;}

.none_token{}
.none_token p{}

.my_token_list_wrap .swiper{overflow:hidden}
.my_token_list{position:relative; width:100%; margin:40px 0 25px;}
.my_token_list .my_token_box{display:block; width:31.33%; padding:25px 15px; border:1px solid #dbdbdb; transition:all 0.3s}
.my_token_list .my_token_box:hover{border-color:#474747}
.my_token_list .my_token_box.on{background:#fafafa; border-color:#474747}
.my_token_list .my_token_box .name{display:block; position:relative; width:100%;}
.my_token_list .my_token_box .name .img{position:absolute; top:0; left:0; width:70px; height:70px; border-radius:50%; overflow:hidden}
.my_token_list .my_token_box .name p{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; min-height:70px; padding-left:80px; }
.my_token_list .my_token_box .name p .token_name{display:block; width:100%; font-size:18px; line-height:1.2; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.my_token_list .my_token_box .name p .symbol_name{display:block; width:100%; font-size:16px; line-height:1.2; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.my_token_list .my_token_box .amount{width:100%; margin-top:20px; font-size:20px; font-weight:700; text-align:left }
.my_token_list .my_token_box .amount .unit{display:inline-block; margin-left:5px; font-size:18px; font-weight:300;}

.my_token_list_wrap{position:relative; }
.my_token_list_wrap .swiper-button-next,
.my_token_list_wrap .swiper-button-prev{width:50px; height:50px; border:1px solid #191e25; border-radius:50%; }
.my_token_list_wrap .swiper-button-prev{left:-70px; background:url(/assets/img/contents/slide_arrow_prev.svg) no-repeat 42% 50%; background-size:auto 24px; }
.my_token_list_wrap .swiper-button-next{right:-70px; background:url(/assets/img/contents/slide_arrow_next.svg) no-repeat 57% 50%; background-size:auto 24px; }

.transac_token_tit{display:flex; align-items:center; height:32px; margin:-15px 0 10px;  }
.transac_token_tit .img{display:inline-block; width:32px; height:32px; }
.transac_token_tit .token_name{margin-left:10px; font-size:16px; line-height:1.4; }

@media (max-width:900px) {
	.my_token_list_wrap .swiper-button-next,
	.my_token_list_wrap .swiper-button-prev{top:auto; bottom:-30px; width:40px; height:40px; }
	.my_token_list_wrap .swiper-button-prev{left:auto; right:60px; background-size:auto 20px; }
	.my_token_list_wrap .swiper-button-next{right:0; background-size:auto 20px; }
}
@media (max-width:700px) {
	.my_token_list .my_token_box .name .img{width:50px; height:50px;}
	.my_token_list .my_token_box .name p{min-height:50px; padding-left:55px}
	.my_token_list .my_token_box .name p .token_name{font-size:16px; }
	.my_token_list .my_token_box .name p .symbol_name{font-size:15px;}
}
@media (max-width:600px) {
	.top_btn_wrap{display:flex;}
	.top_btn_wrap .btn{width:49%; margin-left:2%}

	.my_token_list_wrap .swiper-button-next,
	.my_token_list_wrap .swiper-button-prev{top:auto; bottom:-15px; width:30px; height:30px; }
	.my_token_list_wrap .swiper-button-prev{left:auto; right:40px; background-size:auto 16px; }
	.my_token_list_wrap .swiper-button-next{right:0; background-size:auto 16px; }
}


/* keyframes */
@keyframes switch_off{0%{left:3px; opacity:0; } 100%{left:31px; opacity:1} }
@keyframes switch_on{0%{left:31px; opacity:0; } 100%{left:3px; opacity:1} }

@keyframes opac{from{opacity:0} to{opacity:1} }
@keyframes opac_one{from{opacity:0.5} to{opacity:1}}

/** mypage - wallet +add **/
.grid_wallet {display: grid; grid-template-columns: 1fr 1fr; gap:40px; overflow: hidden;}
.wallet_info_ar {width: 100%; height: 100%; display: flex; flex-direction: column; border:1px solid #333; border-radius: 18px;}
.wallet_tit_btn_ar {width: 100%; display: flex; justify-content: space-between; border-bottom: 1px dashed #555;}
.wallet_sd_btn_ar {display:flex;}
.info_list_box {display: flex; flex-direction: column; justify-content: space-between; margin-top:20px;}
.wall_myinfo_box dl {display:grid; width: 100%; min-height:50px; grid-template-columns: 1fr 3fr; gap:10px; align-items: center;}
.wall_myinfo_box dl dt { display: flex; align-items: center;}
.wall_myinfo_box dl dt a {margin-left:5px;}
.wall_myinfo_box dd {width:100%; display:flex; justify-content: space-between; align-items: center;}
.wall_myinfo_box dd.ntflexst {display: flex; flex-direction: column; align-items: flex-start;}
.add_qr {padding:10px; background:#fff; border-radius: 8px;}
.xtotalst {display: block; width:100%; background:#272829; padding:12px 20px; border-radius:8px; line-height: 1.2; font-size:18px; font-weight: 500; text-align: right; color:#fff;}
.add_text strong {word-break: break-all;}
.num {font-size: 16px; font-weight: 600; color: #fff;}
.ft_s14 {font-size:14px;}

.wallet_send_box {width:100%; max-width:1280px; margin:0 auto; background:rgba(255,255,255,0.05); border-radius: 18px;}
.dropdown-toggle {border-radius:8px !important;}

@media (max-width:1440px) {

}

@media (max-width:1280px) {}

@media (max-width:1024px) {
    .grid_wallet {gap:20px;}
}

@media (max-width:768px) {
    .grid_wallet {grid-template-columns: 1fr;}
}

@media (max-width:480px) {
    .wall_myinfo_box dl {grid-template-columns: 1fr 2fr;}
    .wall_myinfo_box dd {width:100%; display:flex; flex-direction: column; align-items: stretch;}
    .wallet_tit_btn_ar {flex-direction: column;}
    .wallet_sd_btn_ar {justify-content: flex-end;}
}

@media (max-width:320px) {}