/* 마이페이지 네비 */
#my_nav {position: relative;top: 0;left: 0;bottom: 0;width: 100%;height: 50px;text-align: center;background: #fff;border-bottom: 1px solid #e1e1e1;z-index: 100;}
#my_nav .logo {position: absolute;cursor: pointer;left: 0;text-align: left;width: 30%;height: 40px;margin-top: 5px;margin-left: 5px;}
#my_nav .logo img {width: auto;height: 40px;}

/* 마이페이지 상단 */
#my_head {position: relative;top: 0;left: 0;bottom: 0;width: 100%;height: 260px;text-align: center;background: white; color: black;}
#my_head table {width: 100%; height: 95%; margin-bottom: 5%;}
#my_head table th,td{border:1px solid #ccc}
#my_head table td {width:50%; padding:15px 0 0 15px; }
#my_head table td span {display:inline-block; width:100%; line-height: 20px; padding-top: 10px; text-align: center; }
#my_head table td p {display: inline-block;  width:100%; line-height: 20px; }
#my_head table td a {display: inline-block;  width:100%; line-height: 20px; color:black}
#my_head table tr:first-child td:first-child {font-size:16px; font-weight: bold;}
#my_head table tr:nth-child(2) td:first-child {font-size:20px; font-weight: bold; text-align:center; vertical-align: middle;}

#btn_logOut {border: 1px solid black; padding: 5px !important;
width: 50% !important;
position: relative;
left: 50%;
transform: translateX(-50%);
border-radius: 100px;
}

/* 마이페이지 바디 */
#my_contents {position: relative;top: 0;left: 0;bottom: 0;width: 100%;height: 400px;text-align: center;background: #fff;}
#my_contents table {width: 100%; height: 320px; border: 2px solid #ccc; border-collapse: collapse;}
#my_contents table td {border: 1px solid #ccc; text-align: center;}
#my_contents table a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; cursor: pointer;}