.layout-mypage .header{
    visibility: visible;   
    align-items: center;   
    z-index:10; 
}
.layout-mypage .layout{
    overflow-x:hidden;
}
.layout-mypage .main{
    margin-top:40px;
    overflow:visible;
}
.layout-mypage .footer{
    visibility: visible;   
}
.layout-mypage .gray_back{
    position:absolute;
    top:0;
    width:100vw;
    height:380px;
    background-color: #F2EEEA;
    
}
.layout-mypage .mypage{
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:200px 1fr;
    gap:50px;
}
.layout-mypage .mypage_top{
    height:181px;    
    display:flex;
    flex-direction:column;
    align-items: center;  
    gap:28px;
}

.layout-mypage .profile_layer{
    width:100%;
    display:grid;
    grid-template-columns:20px 1fr 20px;    
    justify-items: center;
    z-index:10;
}

.layout-mypage .profile_wrap{
    width:80px;
    height:80px;
    border-radius:50%;  
    /* background-image: url(../img/profile.png);   */
    background-image: url(../img/user_mark.svg);      
    text-align:center;
    background-repeat: no-repeat;    
    background-position:50% 50%;
    background-size:cover;
    filter:invert();
}

.layout-mypage .profile_name{
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    color: #412718;
    z-index:10;
}

.layout-mypage .mypage_bottom{
    width:100%;
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center; 
    padding:20px;  
    gap:20px;
}

.layout-mypage .skin_type_wrap{
    width:100%;
    display:flex;
    flex-direction:column; 
    align-items:flex-start;  
    gap:10px;    
}

.layout-mypage .skin_type{
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-size: 12px;
    color: #989898;
}

.layout-mypage .mypage_skin_content{
    width:100%;
    display:flex;
    justify-content: space-between
}

.layout-mypage .skin_type_main{
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    font-size: 20px;
    color: #C8C8C8;
    display:flex;
    gap:5px;
    align-items: baseline;
}

.layout-mypage .skin_type_main span{
    font-size: 32px;
    color: #CB7658;
}

.layout-mypage .skin_type_info{
    width:84px;
    height:28px;
    background:#eaeaea;
    border-radius:30px;    
    display:flex;  
    align-items: center;
    justify-content: center;
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-size: 11px;
    color: #1F1F1F;
}

.layout-mypage .mypage_list1{
    width:100%;
    height:60px;
    border-top:1px solid #F6F6F6;
    border-bottom:1px solid #F6F6F6;    
    display:grid;
    grid-template-columns: 1fr 10px 1fr;
    justify-items:center;
}

.layout-mypage .list1_content{
    display:flex;
    align-items:center;
    gap:16px;
    justify-items: center;
}
.layout-mypage .list1_word{
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-size: 13px;
    color: #1F1F1F;
}
.layout-mypage .list1_hr{    
    width:0;
    height:20px;
    border:1px solid #f6f6f6;
    margin:auto;
}

.layout-mypage .mypage_list2{
    width:100%;
    display:grid;  
}
.layout-mypage .list2_img{
    text-align:left;   
}
.layout-mypage .list2_word{
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    font-size: 14px;
    color: #1F1F1F;
}
.layout-mypage .mypage_content{
    display:grid;
    height:60px;
    grid-template-columns: 40px 1fr 20px;
    align-items:center;
}