@charset "UTF-8";

/* 지갑 UI 수정 */
.renewal_wallet .section_top{
	background: #F4F4F4;
	padding: 30px 0 36px;
}
.renewal_wallet .section_top .PointBox_3.top{
	padding: 40px 0 20px;
}
.renewal_wallet .section_top .PointBox_3.top .TxtColor1{
	margin-left: 2px;
	color: #303030;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}
.renewal_wallet .section_top .PointBox_3.top article.top{
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 30px;
}
.renewal_wallet .section_top .PointBox_3.top article.bottom{
	padding: 20px 20px 0;
}
.renewal_wallet .section_top .PointBox_3.top article.bottom .Txt2{
	color: #767676;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}
.renewal_wallet .section_top .PointBox_3.bottom{
	background: #F4F4F4;
	border: none;
	padding: 16px 0 0;
}
.renewal_wallet .section_top .PointBox_3.bottom  article.btn_article{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:8px;
}
.renewal_wallet .section_top .PointBox_3.bottom  article.btn_article .ButtonUi.Style4{
	width: 100%;
	height: 80px;
	border: 1px solid #EBEBEB;
}
.renewal_wallet .section_top .PointBox_3.bottom  article.btn_article .coming_soon{
	min-height: 80px;
	background-color: #FFF;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
}
.renewal_wallet .section_top .PointBox_3.bottom  article.btn_article .Txt2{
	color: #303030;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-align: center;
	margin-top: 8px;
}
.renewal_wallet .section_bottom .TitleBox_1{
	border: none;
	padding: 16px 0;
}
.renewal_wallet .section_bottom ul.recent_list{
	border-top: 1px solid #EBEBEB;
}
.renewal_wallet .section_bottom ul.recent_list li{
	padding: 24px 12px 0;
}
.renewal_wallet .section_bottom ul.recent_list li:first-child{
	padding-top: 16px;
}
.renewal_wallet .section_bottom ul.recent_list li .Txt1{
	color: #767676;
	font-size: 11px;
	line-height: 11px;
}
.renewal_wallet .section_bottom ul.recent_list li .Txt2{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	padding-top: 4px;
}
.renewal_wallet .section_bottom ul.recent_list li .Txt3{
	color: #767676;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}

/*walletHistory*/
.renewal_walletHistory .InfoBox_3 div.status--deposit,
.renewal_walletHistory .InfoBox_3 div.status--payment,
.renewal_walletHistory .InfoBox_3 div.status--convert,
.renewal_walletHistory .InfoBox_3 div.status--charge,
.renewal_walletHistory .InfoBox_3 div.status--withdraw--complete,
.renewal_walletHistory .InfoBox_3 div.status--withdraw--pending{
	display: flex;
	align-items: center;
	height: 22px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	padding: 0 7px;
	background: #FBEDED;
	color: #FF3838;
}

.renewal_walletHistory .InfoBox_3 div.status--cancel,
.renewal_walletHistory .InfoBox_3 div.status--charge--cancel,
.renewal_walletHistory .InfoBox_3 div.status--withdraw--cancel,
.renewal_walletHistory .InfoBox_3 div.status--withdraw--failed{
	display: flex;
	align-items: center;
	height: 22px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	padding: 0 7px;
	background: #F4F4F4;
	color: #767676;
}
.renewal_walletHistory .InfoBoxList_1 ul li:first-child {
	margin-top: 30px;
}
.renewal_walletHistory .InfoBox_3 {
	padding: 0;
}
.renewal_walletHistory .InfoBox_3 .info_box_top{
	padding: 12px 16px;
	border-bottom: 1px solid #EBEBEB;
}
.renewal_walletHistory .InfoBox_3 .Table_6 th{
	padding-left: 16px;
	width: 200px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 tr:first-child th{
	padding-top: 16px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 tr:last-child th{
	padding-bottom: 16px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .subTxt1,
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt5{
	color: #767676;
	font-size: 11px;
	font-weight: 400;
	line-height: 12px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt1,
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt3,
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt7{
	color: #767676;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt2,
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt4,
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt8{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt1{
	padding-top: 4px;
	padding-bottom: 16px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt2{
	padding: 4px 16px 16px 0;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt3,
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt5{
	padding-top: 4px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt4{
	padding: 0 16px 0 0;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt6{
	padding: 4px 16px 16px 0;
	color: #303030;
	font-size: 11px;
	font-weight: 500;
	line-height: 12px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt7{
	padding: 16px 0 16px 16px;
}
.renewal_walletHistory .InfoBox_3 .Table_6 .Txt8{
	padding: 16px 16px 16px 0;
}
.renewal_walletHistory .EmptyList_2{
	color: #767676;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}

/*출금*/
.withdraw .BankAccountSwiper_1 .swiper-slide{
	width: 88.88%;
}
.withdraw .BankAccountSwiper_1:has(.account_box) .swiper-slide{
	width: 266px;
}
.withdraw .BankAccountSwiper_1 .swiper-slide-active .InfoBox_2{
	background: #FBEDED;
	border: 1px solid #FF3838;
	border-radius: 8px;
}
.withdraw .BankAccountSwiper_1 .swiper-slide-active .InfoBox_2.Disabled{
	border: 1px solid #e1e1e1;
	background-color: #f4f4f4;
}
.withdraw .InfoBox_2{
	height: 154px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.withdraw .InfoBox_2 .account_box .CenterLeft{
	gap: 4px;
	margin-bottom: 8px;
}
.withdraw .InfoBox_2 .account_box .Txt1{
	color: #767676;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}
.withdraw .InfoList_1 li{
	padding: 16px;
}
.withdraw .InfoList_1 li .Txt1{
	color: #303030;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}
.withdraw .InfoList_1 li .Txt2{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.withdraw .AlertBox_1{
	padding: 12px 16px;
	margin-top: 8px;
}
.withdraw .AlertBox_1 .Txt1{
	color: #767676;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.withdraw .WithdrawBox_1{
	margin: 24px 0;
}
.withdraw .AlertBox_3 .Txt2{
	color:#767676;
}
.renewal_withdrawComplete .TitleBox_1,
.renewal-exchangeComplete .TitleBox_1,
.chargeComplete .TitleBox_1{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.renewal_withdrawComplete .TitleBox_1 .Title_1,
.renewal-exchangeComplete .TitleBox_1 .Title_1,
.chargeComplete .TitleBox_1 .Title_1{
	color: var(--text-color1);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	padding: 16px 0 8px;
}
.renewal_withdrawComplete .TitleBox_1 .Title_1 span,
.renewal-exchangeComplete .TitleBox_1 .Title_1 span,
.chargeComplete .TitleBox_1 .Title_1 span{
	color: var(--color1);
}
.renewal_withdrawComplete .InfoList_1{
	padding: 4px 10px;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
}
.renewal_withdrawComplete .InfoList_1 > ul > li{
	padding: 12px 16px;
}
.renewal_withdrawComplete .InfoList_1 > ul > li:last-child,
.chargeComplete .InfoList_1 > ul > li:last-child{
	border: none;
}
.renewal_withdrawComplete .InfoList_1 .Txt1,
.chargeComplete .InfoList_1 .Txt1{
	line-height: 18px;
}
.renewal_withdrawComplete .info_box{
	padding: 20px;
	width: 100%;
	background: #F4F4F4;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
}
.renewal_withdrawComplete .info_box .Txt1{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.renewal_withdrawComplete .info_box .Txt2{
	color: #303030;
	font-size: 11px;
	line-height: 16px;
}
.renewal_withdrawComplete .info_box .Txt2 span{
	font-weight: 700;
}
.renewal_withdrawComplete .info_box > ul{
	padding-top: 4px;
}
.renewal_withdrawComplete .info_box > ul > li {
	position: relative;
	color: #303030;
	font-size: 11px;
	line-height: 16px;
	padding-left: 7px;
}
.renewal_withdrawComplete .info_box > ul > li::before{
	content: "";
	position: absolute;
	width: 2px;
	height: 2px;
	background-color: #303030;
	display: inline-block;
	left: 0;
	top: 7px;
}
.account_finish .TitleBox_1{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.account_finish .TitleBox_1 .Title_1{
	color: #303030;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	padding: 16px 0 8px;
}
.account_finish .TitleBox_1 .Title_1 span{
	color: #ff3838;
}
.exchage-icon-area {
	border: 1px solid #ebebeb;
	border-radius: 12px;
	overflow: hidden;
}
.exchage-icon-area .icon-box {
	padding: 26px 16px;
	display: flex;
	gap: 6px;
	align-items: center;
}
.exchage-icon-area .icon-box .left,
.exchage-icon-area .icon-box .right {
	display: flex;
	gap: 6px;
	align-items: center;
	padding: 0 16px;
	font-weight: 600;
}
.exchage-icon-area .bottom-txtbox {
	padding: 12px 16px;
	background: rgba(255, 56, 56, 0.05);
}
.exchage-icon-area .bottom-txtbox .txt-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2px;
	color: #303030;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.48px;
}
.exchage-icon-area .bottom-txtbox .txt-inner .red {
	color: #ff3838;
}
.InfoList_1 > ul.exchange-list > li {
	padding: 16px 16px 16px 14px;
}
.exchange-info-box {
	margin-top: 12px;
	padding: 12px 16px;
	background: #f4f4f4;
	border-radius: 8px;
	color: #767676;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.Table_2.exchange-table > tbody td {
	padding: 0;
}
.Table_2.exchange-table > tbody tr:not(:last-child) th,
.Table_2.exchange-table > tbody tr:not(:last-child) td {
	padding-bottom: 16px;
}
.Table_2.exchange-table > tbody tr:last-child * {
	font-size: 14px;
	font-weight: 700;
}
.renewal-exchangeComplete .InfoList_1 {
	border: 1px solid #ebebeb;
	border-radius: 8px;
	padding: 8px 16px;
}
.renewal-exchangeComplete .InfoList_1 > ul > li {
	padding: 12px 8px;
	line-height: 18px;
}
.renewal-exchangeComplete .InfoList_1 > ul > li:last-child {
	border-bottom: 0;
}
.renewal-exchangeComplete .fail-info {
	background: #f4f4f4;
	border: 1px solid #ebebeb;
	border-radius: 8px;
	padding: 16px 0;
	text-align: center;
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: -0.24px;
}
.chargeMain .charge_box{
	position: relative;
}
.chargeMain .charge_box .Txt1{
	color: #303030;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.44px;
}
.chargeMain .charge_box .Txt1 span{
	color: #e03434;
}
.chargeMain .charge_box .img_box{
	position: absolute;
	top: -30px;
	right: 12px;
}
.chargeMain .RadioGroup_2 .btn_box {
	width: 100%;
	padding: 0 10px 14px;
	border: 1px solid #ebebeb;
	border-radius: 10px;
	background: #fff;
}
.chargeMain .RadioGroup_2 .btn_box.On{
	border-color:#ff3838;
}
.chargeMain .RadioGroup_2 .btn_box .Chk{
	top: 2px;
	right: 2px;
}
.chargeMain .RadioGroup_2 .btn_box .Icon{
	height: 80px;
	border: none;
	background: unset;
}
.chargeMain .RadioGroup_2 .btn_box .Txt1{
	margin-top:0;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.12px;
}
.chargeMethod section{
	margin-top: 30px;
}
.chargeMethod .Title_3{
	color:#303030;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: 10px;
}
.chargeMethod .Text_3{
	color: #767676;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin-top: 20px;
}
.chargeMethod .InputUi.Style1:focus-within{
	border-color: #a6a6a6;
	background: #ffffff;
	box-shadow: 0px 0px 6px 0px rgba(166, 166, 166, 0.6);
}
.chargeMethodAgree .TitleBox_2{
	margin-top: 32px;
}
.chargeMethodAgree .InfoList_1 .method_list .Txt1{
	color: #767676;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}
.chargeMethodAgree .InfoList_1 .method_list .Txt2{
	color: #767676;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}
.chargeMethodAgree .InfoList_1 .method_list .Txt3{
	color: #303030;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}
.chargeMethodAgree .InfoList_1 .method_list .Txt4{
	color: #ff3838;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}
.chargeMethodAgree .TitleBox_2 .CheckBoxUi{
	width: 24px;
	margin-right: 3px;
}
.chargeMethodAgree .TitleBox_2 .CheckBoxUi:checked + .Title_2{
	color: #303030;
}
.chargeMethodAgree .TitleBox_2 .Title_2{
	color: #767676;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}
.chargeComplete .InfoList_1{
	padding: 8px 16px;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
}
.chargeComplete .InfoList_1 > ul > li{
	padding: 12px 8px;
}
.chargeComplete .info_box{
	padding:16px 0;
	width: 100%;
	background: #F4F4F4;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
}
.chargeComplete .info_box .Title{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
}

.noAccount.LayerPopup .Alert_1{
	padding: 0;
}
.noAccount.LayerPopup .Alert_1 .Body{
	padding: 16px 14px 20px;
}
.noAccount.LayerPopup .Alert_1 .Body .top{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.noAccount.LayerPopup .Alert_1 .Body .top .title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.noAccount.LayerPopup .Alert_1 .Body .top .Text_1_3{
	font-size: 15px;
	line-height: 21px;
}
.noAccount.LayerPopup .Alert_1 .Body .bottom,
.check_withdraw.LayerPopup .Alert_1 .Body .bottom{
	padding: 16px 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
	background: #f4f4f4;
}
.noAccount.LayerPopup .Alert_1 .Body .bottom .Text_6{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 14px;
	line-height: 21px;
}
.check_withdraw.LayerPopup .Alert_1 .Body .bottom .Text_6{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	line-height: 21px;
}
.noAccount.LayerPopup .Alert_1 .Body .bottom .Text_1_3{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 500;
	line-height: 21px;
}
.noAccount.LayerPopup .Alert_1 .Body .bottom .Text_3{
	font-weight: 600;
	line-height: 18px;
}
.noAccount.LayerPopup .Alert_1 .Body .bottom .Text_6 span,
.check_withdraw.LayerPopup .Alert_1 .Body .bottom .Text_6 span,
.noAccount.LayerPopup .Alert_1 .Body .bottom .Text_1_3 span{
	color: #767676;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}