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

.mypage-table .col-1 { width: 20%; color: #fff; padding: 15px 20px; }
.mypage-table .col-2 { width: 80%; padding: 15px 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 > dd > div { border-top: 1px solid #2a2a2c; }
.table-border > dd:first-child > div { border-top: none; }


.mypage-info-edit li.active label { color: #fff; }

div.level_guide { margin-top: 10px; width: 100%; padding: 15px; border: 1px solid #2a2a2c; 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; }
.my-recom-list-table > dd > div em.dsc { 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: 1px solid #1e222d; }
.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: 1px solid #1e222d; }
	.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; }
	.my-recom-list-table > dd > div em.dsc { 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: 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: 1px solid #1e222d; }
	.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: 1px solid #1e222d; }
	.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: 1px solid #1e222d; }
	.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; }
}

/* 마이페이지 */