body{
    font-family: 'Noto Sans KR', sans-serif;
    }

.my_page_modal{
    display: none;
    position: absolute;
    z-index: 9999;
    right: 305px;
    top: 45px;
}

.my_page_popup{
    font-family: 'Noto Sans KR', sans-serif;
    width: 633px;
    height: 324px;
    background-color: #fff;
    background: url(/direct/img/mypage_popup_bg.png) no-repeat top center;
    background-size: 88%;
    margin: 0 auto;
}

.my_page_popup ul li,.my_popup_title,.my_popup_id,.my_page_popup ul li input{
    display: inline-block;
}

.my_page_popup ul{
    width:80%;
    margin: 0 82px;
}

.my_page_popup ul li{
    margin: 7.6px 0;
}

.my_page_popup ul li:first-child{
    display: block;
    padding-top: 40px;
}

.my_popup_title{
    width: 61px;
    color: #333;
    margin-right: 30px;
    text-align: justify;
    text-align-last:justify;
    text-justify: distribute;
}

.my_page_popup ul li input{
    width: 100px;
    height: 29px;
    border: 1px solid #dde6e9;
    border-radius: 3px;
    text-align: center;
    color: #ccc;
}

.my_page_popup ul li input:focus{
    border: 1px solid #0388d2;
    color: #0388d2;
    font-weight: 700;
}

.my_page_popup ul li:nth-child(3),
.my_page_popup ul li:nth-child(5),
.my_page_popup ul li:nth-child(7){
    margin-left: 40px;
}

.my_page_popup ul li:last-child input{
    width: 357px
}

.my_popup_btns{
    margin-top: 15px;
    margin-left: 40px;
}
.my_popup_btns input[type="button"]{
    width: 45.9%;
    height: 40px;
    border: none;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}

.my_popup_btns input[type="button"]:first-child{
    background-color: #373737;
    font-size: 15px;
    font-weight: 500;
    margin-left: 4px;
}

.my_popup_btns input[type="button"]:first-child:hover{
    background-color: #000;
}

.my_popup_btns input[type="button"]:last-child{
    background-color: #50c0ff;
    font-size: 15px;
    font-weight: 500;
}

.my_popup_btns input[type="button"]:last-child:hover{
    background-color: #0388d2;
}