.logo {
    width: 480px;
    margin: auto;
}

.font {
    font-family: 'Nanum Gothic',
}

body {
    background: white; 
    width: 480px;
    margin: auto;
    color: orange;
    text-align: center;
}


h3 {
    color:orange;
    text-align: center;
    font-size:26px;  
    
}


#main {
    width: 480px;
    border-radius: 10px;
    padding: 20px 0px;
    background-color: white;
    font-size:24px;               
    line-height: 200%;
    
}


.floandata {
    width: 480px;
    background-color: white;
    font-size:34px;               
    text-align: center;
}


#principal, #interest, #years  {
    width: 380px;
    height: 55px;
    border: 2px solid orange;
    background-color: rgb(247, 250, 211);
    padding-left: 10px;
    color: orange;
    font-size: 22px;
}


#payment, #total, #totalinterest  {
    width: 380px;
    height: 55px;
    border: 2px solid orange;
    background-color: rgb(247, 250, 211);
    padding-left: 10px;
    color: orange;
    font-size: 22px;
}


#submit  {
    display: block;
    width: 480px;
    margin: auto;
    border:0;
    border-radius: 30px;
    color: #fff;
    margin: auto;
    padding: 0px 10px;
    width: 300px;
    background-color: orange;     /*처음 페이지 '테스트' 버튼 크기*/
    font-size: 26px;
    line-height: 220%;     
    text-align: center;
}


#retry-btn{
    display: block;
    margin: auto;
    border:0;
    border-radius: 30px;
    color: #fff;
    padding: 0px 10px;
    width: 300px;
    background-color: orange;     /* 다시하기 버튼 */
    font-size: 26px;
    line-height: 220%;     
    text-align: center;
}

#share-btn{
    display: block;
    margin: auto;
    border:0;
    border-radius: 30px;
    color: #fff;
    padding: 0px 10px;
    width: 300px;
    background-color: orange;    /* 공유하기 버튼 */
    font-size: 26px;
    line-height: 220%;     
    text-align: center;
}

#link-btn{
    display: block;
    margin: auto;
    border:0;
    border-radius: 30px;
    color: #fff;
    padding: 0px 10px;
    width: 450px;
    background-color: red;    /* 링크하기 버튼 */
    font-size: 24px;
    line-height: 220%;     
    text-align: center;
}




#ad {
    display: block;
    margin: auto;
    width: 480px;
    text-align: left;
    color: orange;
    font-size:16px;
    line-height: 20px;            
}


#end {
    width: 480px;
    text-align: center;
    font-size:16px;
    color: orange;             /* end, footer 설정*/
    line-height: 20px;
}