/* 마이페이지 */
.mypage-table { width: 100%; font-size: 14px; font-size: 1.4rem; }

.mypage-table .col-1 { width: 20%; color: #fff; padding: 10px 20px; }
.mypage-table .col-2 { width: 80%; padding: 10px 20px; }
.mypage-table .pdd-0 { padding: 0; }

.mypage-table .col-2 p { display: inline-block; margin-right: 10px; }
.mypage-table .col-2 p em { font-style: normal; }

.table-border { border: 0.05rem solid rgba(143, 135, 170, 0.5); }
.table-border > dd > div.col-1 { border-right: 0.05rem solid rgba(143, 135, 170, 0.5); }
.table-border > dd > div { border-top: 0.05rem solid rgba(143, 135, 170, 0.5); }
.table-border > dd:first-child > div { border-top: none; }

.mypage-info-edit { border: 0.05rem solid rgba(143, 135, 170, 0.5); }
.mypage-info-edit:after { content: ''; clear: both; display: block; visibility: hidden; }
.mypage-info-edit li { border-left: 0.05rem solid rgba(143, 135, 170, 0.5); text-align: center; float: left; width: 20%; }
.mypage-info-edit li:first-child { border-left: none; }
.mypage-info-edit li.active { background-color: #810185; }
.mypage-info-edit li label { display: block; width: 100%; line-height: 46px; cursor: pointer; }
.mypage-info-edit li.active label { color: #fff; }

div.level_guide { margin-top: 10px; width: 100%; padding: 15px; border: 0.05rem solid rgba(143, 135, 170, 0.5); background: #000; }
div.level_guide p { font-size: 11px; line-height: 20px; color: #aaa; }

.mypage-recom-table { text-align: center; width: 100%; font-size: 12px; font-size: 1.2rem; }
.mypage-recom-table .col-1 { width: 20%; color: #fff; }
.mypage-recom-table .col-1 em { display: none; }

.my-recom-list-table { text-align: center; width: 100%; }
.my-recom-list-table .col-1 { width: 16% }
.my-recom-list-table .col-2 { width: 20% }
.my-recom-list-table > dd > div em { display: none; }

.mypage-item-table { text-align: center; width: 100%; }
.mypage-item-table .col-1 { width: 11%; }
.mypage-item-table .col-2 { width: 11%; }
.mypage-item-table .col-3 { width: 35%; }
.mypage-item-table .col-4 { width: 10%; }
.mypage-item-table > dd > div { border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.mypage-item-table > dd > .col-3 { text-align: left; }
.mypage-item-table > dd > div em { display: none; }
.item_cash_ico { display: block; text-align: center; width: 50px; height: 50px; border-radius: 50%; margin: 0 auto;}
.item_cash_ico i { line-height: 50px; color: #fff; font-size: 30px; }

@media all and (max-width:1030px){
	.mypage-item-table { text-align: left; display: block; font-size: 12px; font-size: 1.2rem; }
	.mypage-item-table > dt { display: none; }
	.mypage-item-table > dd { position: relative; padding: 10px 20px 10px 120px; display: block; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
	.mypage-item-table > dd:after { content: ''; clear: both; display: block; visibility: hidden; }
	.mypage-item-table > dd > div { border: none; line-height: 1.5; padding: 0 0 5px 0; display: block; float: left; }
	.mypage-item-table .col-1 { padding: 0; text-align: center; width: 100px; position: absolute; top: 50%; left: 0; margin-top: -34px; }
	.mypage-item-table .col-2 { width: 50%; }
	.mypage-item-table .col-3 { width: 50%; }
	.mypage-item-table .col-4 { width: 50%; }
	.mypage-item-table > dd > div em { color: #fff; display: inline-block; margin-right: 10px; }

	.item_cash_ico { display: block; text-align: center; width: 50px; height: 50px; border-radius: 50%; margin: 0 auto;}
	.item_cash_ico i { line-height: 50px; color: #fff; font-size: 28px; }

}

@media all and (max-width:640px){
	.mypage-table,
	.mypage-table dd,
	.mypage-table dd > div {display: block;}
	.mypage-table dd { margin-bottom: 15px; }
	.mypage-table dd > div { border: none; }
	.mypage-table .col-1,
	.mypage-table .col-2 { width: 100%; padding: 0 0 5px 0; }
	.mypage-table .col-2 p { display: block; width: 100%; }
	.mypage-table .col-2 p:after { content: ''; clear: both; display: block; visibility: hidden; }
	.mypage-table .col-2 p.block { margin-top: 5px; }
	.mypage-table .col-2 p em { float: left; line-height: 40px; display: inline-block; width: 25%; }
	.mypage-table .col-2 > input.w-200 { width: 100%; }
	.mypage-table .col-2 p select.w-200,
	.mypage-table .col-2 p input.w-200 { float: left; width: 75%; }

	.mypage-info-edit li label { font-size: 11px; font-size: 1.1rem; }

	.mypage-recom-table { text-align: left; display: block; }
	.mypage-recom-table > dt { display: none; }
	.mypage-recom-table > dd { padding: 10px 20px; display: block; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
	.mypage-recom-table > dd:after { content: ''; clear: both; display: block; visibility: hidden; }
	.mypage-recom-table .col-1 { color: #999; padding: 5px 0; float: left; display: block; width: 50%; }
	.mypage-recom-table .col-1 em { color: #fff; margin-right: 10px; display: inline-block; }

	.my-recom-list-table { text-align: left; display: block; }
	.my-recom-list-table > dt { display: none; }
	.my-recom-list-table > dd { padding: 10px 20px; display: block; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
	.my-recom-list-table > dd:after { content: ''; clear: both; display: block; visibility: hidden; }
	.my-recom-list-table > dd > div { line-height: 36px; padding: 0; display: block; float: left; }
	.my-recom-list-table .col-1 { width: 50% }
	.my-recom-list-table .col-2 { width: 50% }
	.my-recom-list-table > dd > div em { color: #fff; display: inline-block; margin-right: 10px; }

	.mypage-item-table { text-align: left; display: block; font-size: 11px; font-size: 1.1rem; }
	.mypage-item-table > dt { display: none; }
	.mypage-item-table > dd { position: relative; padding: 10px 20px 10px 90px; display: block; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
	.mypage-item-table > dd:after { content: ''; clear: both; display: block; visibility: hidden; }
	.mypage-item-table > dd > div { border: none; line-height: 1.5; padding: 0 0 5px 0; display: block; float: left; }
	.mypage-item-table .col-1 { padding: 0; text-align: center; width: 90px; position: absolute; top: 10px; left: 0; margin-top: 0; }
	.mypage-item-table .col-2 { width: 100%; }
	.mypage-item-table .col-3 { width: 100%; }
	.mypage-item-table .col-4 { width: 50%; }
	.mypage-item-table > dd > div em { color: #fff; display: inline-block; margin-right: 10px; }

	.item_cash_ico { display: block; text-align: center; width: 50px; height: 50px; border-radius: 50%; margin: 0 auto;}
	.item_cash_ico i { line-height: 50px; color: #fff; font-size: 28px; }
}

@media all and (max-width:360px){
	.my-recom-list-table { font-size: 11px; font-size: 1.1rem; }
}

/* 마이페이지 */