@charset "utf-8";

@media (max-width:960px){
html {font-size: 16px;}
.inr-c {margin-left: 6%; margin-right: 6%;}
.hide-m {display: none !important;}
/* #wrap {margin-top: 60px;} */
.pr-mb1 {margin-bottom: 40px !important;}
.btn-bot {margin-top: 15px;}

.btn-pk.b {min-width:110px; padding:10px 15px; font-size:14px;}
.btn-pk.n {min-width:60px; padding:8px 13px; font-size:13px; }
.btn-pk.ns {font-size: 12px;}
.btn-pk.nb {min-width:140px; padding:10px 10px; font-size:14px; }
.btn-pk.s {min-width:50px; padding:5px 7px; font-size:12px; line-height: 1.2; }


.tab.ty1 {margin-bottom: 20px;}
.tab.ty1 li {margin-left: 20px;}
.tab.ty1 li:first-child {margin-left: 0;}
.tab.ty1 li p,
.tab.ty1 li a {font-size: 14px;}
.tab.ty1 li a span {padding: 13px 0; }
.tab.ty1 li a span:after {height: 2px;}


.tab.ty2 {margin-bottom: 15px;}
.tab.ty2 li {margin-right: 5px;}
.tab.ty2 li a { width: 80px; height: 35px; font-size: 13px; }

.tab.ty3 {margin-bottom: 20px;}
.tab.ty3 li a {font-size: 13px; height: 40px; line-height: 1.3;}


.tab.ty4 {margin-bottom: 10px;}
.tab.ty4 li a {font-size: 13px; padding: 0 8px; letter-spacing:-0.0325em}



/*IR 기법 아이콘 세트*/
.i-aft:after{background-image: url('../images/common/ico_common_m.png'); background-size: 840px auto;}
.i-set{background-image: url('../images/common/ico_common_m.png'); background-size: 840px auto;}



.ico_star {background-image: url('../images/common/img_star_outline@2.png'); background-size: 15px auto;}
.ico_star.on {background-image: url('../images/common/img_star@2.png'); background-size: 15px auto;}
.t_error span:after {background-image: url('../images/common/ico_error@2.png'); background-size: 14px auto;}
.i_ex {padding-left: 0;}
.i_ex:after {content:none;}

.tab.ty1 li.on .ico_star {background-image: url('../images/common/img_star@2.png'); background-size: 15px auto;}

/*header*/
#header {height: 60px; position: fixed;}
#header .inr-c {position: relative;}
#header.sub-header .inr-c {min-width: initial;}
#header .logo {display: block; /*float: none;*/ width: auto;}
#header .logo a {line-height: 60px;}
#header .logo a img {height: 20px; margin-top: 20px;}
#header .btn_gnb {display: block;}
.btn_gnb {z-index:1; position: absolute; right:0; top:0; width: 50px; height: 60px; text-align: right; cursor: pointer; font-size: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.btn_gnb span {width: 28px; height: 2px; background-color: #000;}
.btn_gnb span:after,
.btn_gnb span:before {content: "";	position: absolute; right: 0;width: 100%;	height: 100%;	background-color: #000;-webkit-transition: all 0.3s;	transition: all 0.3s;}
.btn_gnb span:after {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
.btn_gnb span:before { -webkit-transform: translateY(7px); transform: translateY(7px);}

.btn_gnb.on span {background-color: #000;}
.btn_gnb.on span:after {transform:rotate(45deg);}
.btn_gnb.on span:before {transform:rotate(-45deg);}

.btn_dropdown {position: static; margin-top: 0;}
.btn_dropdown > a {padding: 10px 20px; line-height: 29px; font-size: 16px; font-size: 0.9375rem; font-weight: 500; color: #000;}
.btn_dropdown .dropdown-menu {position: static; border-left: 0; border-right: 0; border-radius: 0; padding: 5px 0;}
.btn_dropdown .dropdown-menu a {padding: 5px 20px;}


#header .gnbbox {
	z-index: 2; overflow-y:auto;  display: none; position: fixed; top: 60px; right: 0; 
	padding-right: 0; margin-left: 0; padding-top: 0; 
	width: 80%; max-width:240px; height: calc(100vh - 60px); 
	background-color: #fff;
}

#header .rgh {position: static; border-bottom: 1px solid rgba(255,255,255,.1); padding-right: 0;}
#header .rgh > a {display: block; margin-left: 0; margin-top: 0; font-size: 14px; line-height: 45px; text-align: left; padding: 0 20px; border-bottom: 1px solid #eee; background-color: #f9f9f9;}

.btn_logout span {display: block; padding-left: 0; line-height: 45px; font-size: 14px; background-size: 15px auto; background-position: right center;}


.btn_leng {right: 50px; margin-top: -15px;}
.btn_leng:after {content:none;}
.btn_leng .btns {width: 60px; font-size: 13px; height: 30px; line-height: 28px; }
.btn_leng .gb_list {top: 30px;}


#header .gnb {display: block;}
#header .gnb > ul > li {display: block; width: 100%; text-align: left; border-bottom: 1px solid rgba(0,0,0,.1);}
#header .gnb > ul > li > a {padding: 10px 20px; line-height: 29px;  font-size: 16px; font-size: 0.9375rem; font-weight: 500; color: #000;}
#header .gnb > ul > li > a:after {content:none;}

#header .gnb > ul > li.on .depth2 {display: block !important;}

#header.on .gnbbox {display: block;}

.modal-cover {position: fixed; left: 0; top: 60px; width: 100%; height: calc(100% - 60px); background-color: rgba(0,0,0,.6); }



/*footer*/
#footer {font-size: 12px; padding-top: 30px; padding-bottom: 60px;}
#footer .f_menu li {margin: 0 10px;}



#container {min-height:auto; padding-top: 30px;}


.mbtn_ty1 {display: flex;}
.mbtn_ty1 > * {margin: 0; margin-left: 10px; flex:1;}
.mbtn_ty1 > :first-child {margin-left: 0;}




/*맴버스*/
#container.sub {padding-bottom: 40px;}

#container.member {min-height:auto; padding-bottom: 30px; padding-top: 30px;}

/*
.area_member {padding: 30px 15px 25px;}
.area_member .hd_tit1 {margin-bottom: 30px;}
.area_member .hd_tit1 .h_tit1 {margin-bottom: 15px;}
.area_member .hd_tit1 .icon {margin-bottom: 10px;}
.area_member .hd_tit1 .icon img {height: 32px;}
.area_member .inp_txt {margin-bottom: 10px;}
.area_member .btn-pk.mem.mt {margin-top: 5px;}


.area_member .t2 {font-size: 13px; margin-bottom: 20px;}
*/

.btn-pk.mem {font-size: 15px;}

.fl_link {margin-top: 15px;}

.t_url > span {padding-left: 16px;}
.t_url > span:after {margin-top: -6px; background-size: auto 12px;}


.h_tit1 {font-size: 20px; margin-bottom: 30px;}
.h_tit1 {
	font-size: 24px;
	border-bottom: 5px double;
	border-color: rgba(0, 0, 0, 0.12);
	padding-bottom: 1rem;
	padding-left: 0.65rem;
	margin-bottom: 20px;
}
.h_tit2 {font-size: 15px; margin-bottom: 10px;}
.h_tit3 {font-size: 15px; margin-bottom: 5px;}

.hd_tit1 {margin-bottom: 20px;}
.hd_tit1.line {margin-bottom: 15px;}



.lst_dot1 li {font-size: 13px;}


.pr-mb2 {margin-bottom: 25px !important;}
.pr-mb3 {margin-bottom: 20px !important;}
.mb10 {margin-bottom: 5px !important;}
.mb40 {margin-bottom: 20px !important;}

.box_info {padding: 15px ;}


.tbl_tit {margin-bottom: 10px;}
.tbl_tit .rgh {font-size: 12px;}





.tbl_basic table.write {}
.tbl_basic table.write th {width: 80px; padding-left: 10px; font-size: 12px; line-height: 1.2;}
.tbl_basic table.write td {padding: 5px 10px; font-size: 12px; line-height: 1.4;}
.tbl_basic table.write .textarea1 {height: 150px;}
.tbl_basic table.write .em {margin-left: 5px;}
.tbl_basic table.write .wid1 {width: 100%;}

.tbl_basic th button img {height: 12px;}


.inp_btn {padding-right: 60px;}
.inp_btn .btn-pk {min-width:auto; width: 55px; padding-left: 0; padding-right: 0; font-size: 12px;}



.lst_tx1 li {}
.lst_tx1 li .r {margin-top: -5px;}













/**/
.path {padding: 20px 0; margin-bottom: 30px; background-position: right -150px center;}
.path .tit {font-size: 16px;}


#container.wallet .path {margin-bottom: 0;}
#container.wallet .tab {border-radius: 0;}
#container.wallet .tab .inr-c {margin-left: 0; margin-right: 0; border-radius: 0;}


.box_assets {display: block; padding: 20px 15px;}
.box_assets > div {display: block;}
.box_assets .lft,
.box_assets .rgh {width: 100%;}
.box_assets li {font-size: 12px;}
.box_assets .lft {margin-bottom: 20px;}
.box_assets .lft .b1 li {width: 100%; margin-right: 0;}
.box_assets .lft .b1 strong {font-size: 16px;}
.box_assets .lft .b2 strong {font-size: 13px;}


.mtbl_ty1 {}
.mtbl_ty1 thead {display: none;}
.mtbl_ty1 tbody,
.mtbl_ty1 tr,
.mtbl_ty1 td {display: block;}
.mtbl_ty1 colgroup {display: none;}

.mtbl_ty1 td {position: relative; height: auto; padding: 7px 10px 7px 100px !important; text-align: left !important; font-size: 13px; border-bottom: 1px solid #eee;}
.mtbl_ty1 td:after {content:""; position: absolute; left: 0; top: 0; width: 90px; height: 100%; background-color: #f9f9f9;}
.mtbl_ty1 td:before {content:attr(data-th); z-index: 1; position: absolute; left: 10px; top: 50%; font-size: 12px; color: #666; transform:translateY(-50%);}


.t_info {margin-top: 5px; font-size: 12px;}


.area_wallet .inner {margin-left: 0; margin-right: 0;}
.area_wallet .inp {max-width:none; padding-bottom: 25px;}
.area_wallet .inp li {margin-bottom: 10px; font-size: 13px;}
.area_wallet .inp li strong {font-size: 16px;}

.area_deposit .info .h1 {margin-bottom: 10px; font-size: 14px;}
.area_deposit .info .list1 {font-size: 13px; margin-bottom: 30px;}
.area_deposit .info .list1 .li1 {float: none; width: 100%; margin-bottom: 30px;}
.area_deposit .info .list1 .li2 {margin-left: 0;}


.b_card {display: block;}
.b_card .b_in {width: 100%;}
.b_card .b_in > div {height: 120px; padding: 15px;}
.b_card .b_in .b1 {padding-bottom: 15px; margin-bottom: 5px;}
.b_card .b_in .b1:after {right: 15px; top: 15px; background-position: right 0; background-size: auto 20px;}
.b_card .b_in .b1 strong {font-size: 16px;}
.b_card .b_in .icon {right: 15px; top: 15px;}
.b_card .b_in .icon img {max-height:15px;}
.b_card .b_in2 {width: 100px; height: 45px; margin: 0 auto; margin-top: 30px; font-size: 12px;}
.b_card .b_in2:after {left: 50%; margin-left: -65px; top: -15px; margin-top: 0; transform:rotate(0); border-right-width: 65px; border-left-width: 65px;}


.area_withdraw .list1 {margin-bottom: 20px;}
.area_withdraw .list1 ul {width: 100%;}
.area_withdraw .list1 li {width: 100%; margin-right: 0; margin-bottom: 5px; font-size: 13px;}

.area_withdraw .info .h1 {font-size: 14px; margin-bottom: 10px;}

.area_withdraw .tbl_basic table.write {margin-bottom: 20px;}
.area_withdraw .tbl_basic table.write th {width: 70px; padding: 5px 10px;}
.area_withdraw .tbl_basic table.write td {padding-left: 10px;}


.btn-bot .mw100p {max-width:none;}


.tbl_top {display: block; margin-bottom: 10px;}
.tbl_top .lft {font-size: 0;}
.tbl_top .lft .col {margin-bottom: 5px; font-size: 0;}
.tbl_top .lft .col.c1 {}
.tbl_top .lft .col.c1 > span {width: 7%; font-size: 12px;}
.tbl_top .lft .col.c1 input.inp_txt.calender {width: 39%;}
.tbl_top .lft .col.c1 .btn-pk {width: 15%; padding-left: 0; padding-right: 0;}
.tbl_top .lft .col.c2 {width: 63%; margin-right: 1%;}
.tbl_top .lft .col.c3 {width: 36%; margin-right: 0;}
.tbl_top .lft .col.c3 .btn-pk {width: 100%;}
.tbl_top .rgh {position: static; display: flex;}
.tbl_top .rgh > * {flex:1;}
.tbl_top .rgh > :first-child {margin-left: 0;}

.lst_chk > .btn-pk {width: 25%;}



/**/
#container.customer .path {margin-bottom: 0;}
#container.customer .tab {border-radius: 0;}
#container.customer .tab .inr-c {margin-left: 0; margin-right: 0; border-radius: 0;}


.box_sch {padding: 20px 15px; margin-bottom: 15px;}
.box_sch .h1 {margin-bottom: 15px; font-size: 15px;}
.box_sch .sch {margin-bottom: 10px;}
.box_sch .sch .btn-pk {margin-left: 5px; width: 80px;}
.box_sch .txt p {float: none; font-size: 13px; font-weight: 700; margin-bottom: 5px;}
.box_sch .txt ul {margin-left: 0;}
.box_sch .txt li {margin-right: 10px;}
.box_sch .txt li a {font-size: 12px;}
.box_sch .sch .inp_txt {height: 48px; line-height: 48px;}
.box_sch .sch .btn-search {height: 48px;}



.tbl_faq td:first-child {width: 50px; padding: 10px 15px; font-size: 12px; line-height: 1.2;}
.tbl_faq td.subject {padding-right: 20px;}
.tbl_faq td {font-size: 13px; height: auto;}
.tbl_faq td .arr {right: 15px; width: 10px; margin-top: -4px; background-size: 10px auto; background-position: right center;}
.tbl_faq tr.tr_q td {font-size: 13px;}

.btn_more {font-size: 15px;}
.btn_more span {padding-right: 18px; background-size: 12px auto;}


.box_direct {padding: 20px 15px;}
.box_direct .col {display: block;}
.box_direct .col > div {display: block;}
.box_direct .call_num {margin-bottom: 10px; text-align: left;}
.box_direct .call_num .num {float: none; display: inline-block; vertical-align: top; padding-left: 25px; font-size: 18px; background-size: 15px auto;}
.box_direct .call_num .info {float: none; margin-top: 10px; margin-left: 0; font-size: 13px;}
.box_direct .comment {font-size: 12px;}
.box_direct .btn-pk {width: 100%; margin-top: 15px;}


.line-bot {padding-bottom: 10px; margin-bottom: 15px;}
.line-bot.tab.ty4 li:first-child a {padding-left: 0;}

.area_terms {padding: 10px 0;}
.area_terms .hd_tit1 {margin-bottom: 10px;}
.area_terms .hd_tit1 .h_tit1 {font-size: 14px;}
.area_terms .hd_tit1 p {font-size: 12px; margin-left: 5px;}
.area_terms .cont {padding: 15px; height: 300px;}

.area_termstx {padding: 10px 0;}
.area_termstx .h1 {font-size: 14px; padding-bottom: 5px; margin-bottom: 10px;}
.area_termstx .tbl_basic th,
.area_termstx .tbl_basic td {height: auto; font-size: 12px;}



.tbl_basic {font-size: 13px;}
.tbl_basic th {height: 30px; padding: 5px;}
.tbl_basic table.list td {padding: 5px;}

.tbl_basic col.day {width: 85px;}
.tbl_basic col.w180 {width: 70px;}


.tbl_basic.small {font-size: 12px;}
.tbl_basic.small th {height: 25px; line-height: 1.3;}
.tbl_basic.small td {height: 25px; padding-left: 5px !important; padding-right: 5px !important;}


.tbl_sch {display: flex; margin-bottom: 10px;}
.tbl_sch .inp_txt {width: 100%; margin-right: 5px;}


.bbs_view .tit {padding: 0 5px 10px; font-size: 12px;}
.bbs_view .tit .h {margin-bottom: 5px; font-size: 15px;}
.bbs_view .cont {padding: 15px 10px; font-size: 13px; min-height:200px;}




/**/
#container.mypage .path {margin-bottom: 0;}
#container.mypage .tab {border-radius: 0;}
#container.mypage .tab .inr-c {margin-left: 0; margin-right: 0; border-radius: 0;}


.box_my1 {padding: 15px 10px;}
.lst_my1 {display: block; max-width:200px; margin: 0 auto;}
.lst_my1 p {text-align: center; font-size: 14px; margin-bottom: 10px;}
.lst_my1 p .i_level {padding-left: 25px;}
.lst_my1 p .i_level:after {width: 18px; height: 20px; margin-top: -10px; background-size: 17.5px auto;}
.lst_my1 li .btn-pk.s {float: right;}
.lst_my1 .btn-pk.n {margin-top: 10px; width: 100%;}


.mbtn_ty2 {font-size: 0;}
.mbtn_ty2 .btn-pk {width: 49%;}
.mbtn_ty2 .btn-pk:first-child {width: 100%; margin-bottom: 5px;}
.mbtn_ty2 .btn-pk:last-child {margin-left: 2%;}


.lst_my2 {display: block; padding: 0 5%;}
.lst_my2 li {display: flex; align-items:center; margin-bottom: 10px;}
.lst_my2 li:last-child {margin-bottom: 0;}
.lst_my2 .icon {margin: 0; width: 66px; height: 66px; margin-right: 20px;}
.lst_my2 .icon p {font-size: 14px;}
.lst_my2 .tx {text-align: left; font-size: 13px;}


.inp_addr .select1, .inp_addr .inp_txt {width: 100%;}

.inp_addr .inp {padding-right: 48%; padding-bottom: 41px;}
.inp_addr .inp .btn-pk {width: 48%; margin-left: 2%;}
.inp_addr .inp .inp_txt:first-child {width: 100%;}
.inp_addr .inp .inp_txt:nth-child(2) {position: absolute; left: 0; bottom: 0;}



.area_droplist .tit {padding: 10px 0; display: block; font-size: 13px;}
.area_droplist .tit > * {padding: 0; display: block;}
.area_droplist .tit .t1 {width: auto; margin-bottom: 5px; font-weight: 700; font-size: 14px;}
.area_droplist .tit .btn {width: auto;}

.area_droplist .cont {padding: 10px 10px;}
.area_droplist td {display: block; padding: 0 0 10px;}
.area_droplist th {display: block; padding: 0 0 5px; width: auto; font-size: 12px; line-height: 1.5;}
.area_droplist .lst_line1 {font-size: 12px;}
.area_droplist .lst_line1.mb10 {margin-bottom: 10px !important;}

.area_droplist .tit .icon {float: left; width: 20px; margin-right: 10px; margin-bottom: 10px;}
.area_droplist .lst_dot1 {clear: both;}
.area_droplist .tit .tx p {font-size: 14px; margin-bottom: 0; margin-top: 10px;}
.area_droplist li:nth-child(2) .tit .tx p {margin-top: 2px;}


.area_level ul {overflow:hidden; display: block;}
.area_level li {width: 100%; padding: 15px 15px; box-sizing:border-box; border-left: 0; border-top: 1px solid #eee; text-align: left;}
.area_level li:first-child {border-top: 0;}
.area_level .h1 {margin-right: 10px; display: inline-block; vertical-align: top; margin-bottom: 10px; text-align: left; font-size: 16px; line-height: 1; padding-top: 0; padding-left: 25px; background-position: 0 center; background-size: 14px auto;}
.area_level .h1 span {font-size: 13px; margin-bottom: 0;}
.area_level .t1 {margin-bottom: 0; text-align: left; line-height: 1.3;}
.area_level .num {left: auto; right: 10px; top: 10px; bottom: auto; margin-left: 0; margin-bottom: 0; width: 30px; height: 30px; line-height: 30px; font-size: 14px; text-align: center;}
.area_level .tx {text-align: center; margin-top: 10px;}
.area_level .tx .btn-pk {width: 150px;}




/**/
#container.sub.landing {padding-top: 0;}

.lst_landing .bind {width: 100%; max-width:none;}
.lst_landing .bind:first-child {margin-right: 4%;}

.lst_landing .col {padding: 15px 20px; margin-bottom: 20px; background-size: 200px auto;}
.lst_landing .tit {padding-bottom: 10px; margin-bottom: 10px;}
.lst_landing .tit .h1 {margin-bottom: 3px; font-size: 17px;}
.lst_landing .tit .h2 {font-size: 14px;}
.lst_landing .cont .fz {font-size: 14px;}
.lst_landing .cont .link {margin-top: 5px; font-size: 13px;}
.lst_landing .cont .link span {padding-right: 20px; background-size: 15px auto;}


.box_gray1 {padding: 15px 20px;}
.box_gray1 .h {margin-bottom: 5px;}



/**/
#container.sub.staking {padding-top: 0;}

.lst_staking .col {width: 100%; max-width:none; margin-bottom: 20px;}
.lst_staking .col:nth-child(2n-1) {margin-right: 0;}
.lst_staking .col .tit {padding: 13px 20px; font-size: 12px;}
.lst_staking .col .tit .h1 {font-size: 15px;}
.lst_staking .col .cont {padding: 15px 20px;}
.lst_staking .col .cont li {font-size: 13px;}
.lst_staking .col .cont .t1 {font-size: 18px;  line-height: 35px;}
.lst_staking .col .cont .t1 img {height: 35px;}
.lst_staking .col .cont .t2 {font-size: 15px;}
.lst_staking .col .cont .t_bar {font-size: 14px;}



/**/
.lst_swap li {}
.lst_swap li .col {width: 100%;}
.lst_swap li .col p {font-size: 13px;}
.lst_swap li .col div {display: flex; align-items:center; font-size: 13px;}
.lst_swap li .col div .inp_txt {width: calc(100% - 30px); margin-right: 5px;}
.lst_swap li .col2 {margin: 0 0 10px;}
.lst_swap li .col2 .ico_arr {padding-top: 35px; background-size: 28px auto;}
.lst_swap li .col2 p {font-size: 13px;}



#container.swap .fz1 {font-size: 12px; margin-bottom: 10px !important;}
















/* 5: Popup
=========================================================================================== */
/*alert 팝업*/
.popup_alert .popup {min-width:300px;}
.popup_alert .popup .txt {padding: 30px 20px; font-size: 13px;}
.popup_alert .popup .txt .h1 {margin-bottom: 15px; font-size: 18px;}
.popup_alert .popup .btns a {flex:1; font-size: 13px;}


/*팝업*/
.layerPopup {width: 90%;}
.layerPopup .popup {width: 100%; max-width:none !important; box-sizing:border-box;}
.layerPopup .mw100p {width: 100%;}

.btn_pop_close {right: 20px;}

.layerPopup .p_head {padding: 20px;}
.layerPopup .p_head .h {font-size: 18px;}
.layerPopup .p_cont {padding: 20px;}
.layerPopup .p_botm {margin: 0 20px; padding-top: 20px;}


/**/
.mb30 {margin-bottom: 18px !important;}

.pop_landing .tit_step {margin-bottom: 10px;}
.pop_landing .tit_step span {font-size: 14px;}
.pop_landing .h1 {font-size: 15px; margin-bottom: 8px;}
.pop_landing .t1 {font-size: 14px; margin-bottom: 10px;}
.pop_landing .inp .inp_txt {font-size: 18px;}
.pop_landing .inp p {font-size: 18px;}

.pop_landing .box {font-size: 13px;}
.pop_landing .box p span {font-size: 16px; margin-bottom: 10px;}

.pop_landing .list {font-size: 13px;}
.pop_landing .list li {padding: 15px 15px; font-size: 15px;}
.pop_landing .list li span {font-size: 12px;}


/*스테이킹*/
.pop_staking {}
.pop_staking .t1 {padding-top: 0; margin-bottom: 20px; font-size: 14px;}
.pop_staking .t2 {font-size: 15px; }
.pop_staking .inp_txt {font-size: 20px; height: 60px; line-height: 60px;}


.inp_rang {}
.inp_rang .btn-pk {font-size: 12px; padding-top: 5px; padding-bottom: 5px;}




.lft_cont {float: none; width: auto; margin-bottom: 30px; margin-left: -6.5%; width: 113%;}
.lft_cont ul {border: 0; border-radius: 0; padding: 0; display: flex; border-bottom: 1px solid #eee; box-shadow:none;}
.lft_cont li {flex:1; text-align: center;}
.lft_cont li a {font-size: 13px; padding: 0 10px; border-left: 0; border-bottom: 1px solid #fff; display: flex; align-items:center; justify-content: center; height: 48px;}
.lft_cont li a span {line-height: 1.2;}
.lft_cont li.on a {background-color: #fff;}
.rgh_cont {margin-left: 0;}


.security_account .part {clear: both; width: 100%; float: none;}
.security_account .part:nth-child(even) {border-right: 1px solid #eee;}
.security_account .part:nth-child(7) {border-top: 0;}
.security_account .part > img {margin-bottom: 0; margin-top: 5px; margin-right: 5px; transform:scale(.6);}
.list_login .part2 {padding: 15px;}
.list_login .part2 > img {margin-right: 5px; margin-bottom: 0; transform:scale(.6);}


.info_account .banner {margin-right: 0; float: none; width: 100%;} 
.info_account .banner:last-child {float: none; width: 100%; margin-left: 0; border-top: 0;}
.info_account .banner .text {margin-right: 100px;}
.info_account .banner .stext {display: block; line-height: 1.4;}
.info_account .banner button {width: 80px;}


.list_login .tab_menu a {margin: 0;}
.tab-content>.tab-pane {min-height:80px;}

.view_step {padding: 25px 20px;}
.view_step h3 {font-size: 20px;}
.view_step .web_show {text-align: center;}
.view_step .web_show img {max-width:80%; margin-top: 20px;}

.setting_security .part .stext {display: block; }
.setting_security .part .text2 {float: none; margin-top: 0; margin-left: 50px; margin-top: 10px;}
.setting_security .part .text a {float: none; margin-top: 10px; margin-left: 50%; text-align: center;}


.info_account .banner .title {font-size: 16px;}


.security_account .title {font-size: 16px;}
.list_login .tab_menu a {font-size: 16px;}



/*로그인등*/
.area_member2 {display: block; padding: 8px; }
.area_member2 .imgs {width: 100%; min-height:auto; max-height: 200px;}
.area_member2 .imgs .im2 {margin: 10px 0 10px !important; }
.area_member2 .imgs .im3 {position: static;}
.area_member2 .imgs .im1 img {max-height:20px}
.area_member2 .imgs .im2 img {max-width:150px}
.area_member2 .imgs .txt {bottom: 60px; font-size: 24px;}
.area_member2 .imgs .txt span {padding: 6px 10px; margin-bottom: 10px; font-size: 12px;  border-radius: 8px;}
.area_member2 .cont {width: 100%; padding: 20px 10px; box-sizing:border-box;}

.area_member2 .tab.ty2 {margin-bottom: 20px;}
.area_member2 .col {margin-bottom: 20px;}


.head_nav_line nav a {padding: 0;}
.head_nav_line a.navbar-brand img {height: 25px;}





.total_asset .box_top {padding: 20px;}
.total_asset .box_top select {width: 100%; font-size: 16px;}
.total_asset .tab_right {/*margin-bottom: 5px;*/}
.total_asset .box_link2 {float: none; margin-top: 15px; font-size: 0;}
.total_asset .box_link2 a {display: inline-block; margin-right: 5%; width: 30%; text-align: center; padding: 7px 10px;}



.part_select .select {width: 100%;}
.part_select .coinlist_layer {width: 100%;}

.deposit .withdraw_address1 {width: auto;}
.deposit .part_input {width: auto;}

.deposit .nav a.nav-link {font-size: 16px;}
.deposit .box_withdraw a.send {width: 100%;}

.mtbl_ty1 td.notx:after {content:none;}
.inr-w1 {padding-top: 20px;}



.box_address .address {width: 100%;}

.tbl_basic table.list td.notx {padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 0 !important; text-align: center !important;}
.i_notx {padding-top: 30px; background-size: 20px auto;}

.box_shadow {padding: 1.3em .8em;}
.ui-datepicker-trigger {margin-top: 10px;}

.tbl_top .lft .col:last-child {margin-right: 0;}
.tbl_top .select1, .tbl_top .inp_txt {border-width: 1px;}
.hd_tit1 .rgh {font-size: 12px;}



.total_asset .box_top {padding: 1.5em .8em 1em; background-size: auto 50px; background-position: right 0; border-radius: 8px;}
.total_asset table td a {margin-right: 5px;}

.box_tbl {border-radius: 8px;}
.box_tbl td a {padding-top: 2px; padding-bottom: 2px;}

.tbl_basic tr:last-child {border-bottom: 0;}
.tbl_basic tr:last-child td:last-child {border-bottom: 0;}



.lst_landing > .col {display: block; width: 100%; margin-right: 0; padding: 0;}
.lst_landing .tit {margin-bottom: 0; padding: 20px 20px 10px; background-size: auto 100%; background-position: 75% center;}
.lst_landing .cont {padding: 10px 15px 15px;}
.lst_landing .cont .link {margin-top: 10px; text-align: center;}
.lst_landing .cont .link span {width: 100%; border-radius: 8px; background-color: #fff; color: #2879FF; border: 1px solid #2879FF; line-height: 1.2;}

.pop_landing .textarea {margin-bottom: 5px;}


.lst_swap li {padding: 20px 16px;}



.layerPopup .p_cont .box-table {overflow-x:auto;}
.layerPopup .p_cont .box-table table {width: auto; min-width:100%;}



.b_sch {display: flex;  max-width: 60%;}
.b_sch .btn-pk.n {font-size: 0; min-width:auto; height: 35px;}




#container.sub {min-height:calc(100vh - 235px);}
.tab.pt000 {overflow-x:auto; white-space: nowrap;}


.lst_step1 li {margin-left: 40px;}


.area_bind {display: block;}
.area_bind > div {width: 100%; margin-right: 0;}


.my_top {padding: 15px 16px; background-position: right 0; background-size: auto 50px; border-radius: 12px; border: 1px solid #f1f1f1;}


.lst_step1 ul {margin-top: 30px;}

.lst_icotx1 li {width: 50%; padding: 15px 0;}
.lst_icotx1.ty2 .btns {position: static; margin-top: 15px; transform: translateY(0); text-align: right;}

.tit_my {padding: 5px 0 40px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.tit_my .icon {margin-bottom: 5px;}
.tit_my .icon img {height: 12px;}
.tit_my .h1 {font-size: 16px !important;}


.box_st1 {padding: 15px 16px; border-radius: 12px;}
.box_st1 .h1 {font-size: 14px; margin-bottom: 5px;}
.box_st1 .btn {margin-top: 15px;}
.box_st1 .btn .btn-pk {width: 100%;}
.box_st1 .t1 {font-size: 10px;}

.lst_log li {padding: 12px 15px;}


.box_st1.security {background-position: 0 0 !important; background-size: 130px auto !important;}
.box_st1.security .tit_my {text-align: right; padding-bottom: 21px;}


.modal-body img {max-width:150px;}


.box_cs .container {padding: 0;}
.box_cs .row {margin: 0;}
.box_cs .row>* {padding: 0;}



.media-heading {font-size: 12px;}




/*원클릭*/
.box_onclick.box_shadow {padding: 0; margin-top: 20px;}
.box_onclick .select1 {height: 42px; line-height: 40px; border: 2px solid #F0F0F0; border-radius: 12px; font-weight: 600; font-size: 16px; padding-left: 20px;}


.box_onclick .top {padding: 20px 20px 25px;}
.box_onclick .top li {width: 100%; margin-left: 0; margin-top: 10px;}
.box_onclick .top li p {border-radius: 12px; padding: 20px 20px 20px 50px; background-size:20px auto ;}
.box_onclick .top li:after {left: 50%; top: -20px; width: 1px; height: 20px;}
.box_onclick .top li:first-child {margin-top: 0;}


.box_onclick .tit1 {margin-bottom: 10px;}
.box_onclick .cont {padding: 20px;}

.box_onclick .cont .fx1 {display: block;}
.box_onclick .cont .fx1 > div {margin-right: 10px;}
.box_onclick .cont .fx1 .select1 {width: 100px;}

.box_onclick .cont .fx1 > div:nth-child(2) {margin: 1em 0; text-align: center;}
.box_onclick .cont .fx1 > div:nth-child(2) p {display: none;}
.box_onclick .cont .fx1 > div:nth-child(3) .select1 {width: 100%;}


.b_coin {border-radius: 12px;}
.b_coin .inp_txt {width: 80%; font-size: 14px;}
.b_coin .select1 {border: 0;}





.box_onclick .cont .fx2 {margin-bottom: 30px;}
.lst_radiotxt {}
.lst_radiotxt img {max-height:15px;}
.lst_radiotxt .inp_radiotx {margin-right: 5px;}
.lst_radiotxt .inp_radiotx input + span {padding: 5px 12px;}
.lst_radiotxt .select1 {margin-top: 10px; width: 100%; font-size: 14px;}



.box_onclick .cont .fx3 img {max-height:15px;}
.box_onclick .cont .fx3 .btn-pk {padding-top: 5px; padding-bottom: 5px; border-radius: 8px;}

}




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