@font-face {
     font-family: 'DungGeunMo';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

body{
    font-family: 'DungGeunMo';
    background-color:  #088A85;
    /*width: 100vw;
    height: 96vh;*/
    }

.mainbox{
    text-align: center;
    line-height: 21px;
    position: absolute;     /* 상대적위치:relative, 절대적위치:absolute */
        /* 상자 위치 */
        bottom: 0%;
        left: 0%;
        /* 상자 폭과 높이 지정 */
        width: 1400px;
        height: 6px;
        /* 상자 배경색 */
        background-color: #BDBDBD;
        color: black;
        /* 안쪽 여백 */
        padding: 15px 20px 20px 25px; /* 위 오른 아래 왼 */
        text-align: center;
        border-style: solid;
        border-width: 3px;
        border-color: white;
}

.startbox{
    text-align: center;
    line-height: 32px;
    position: absolute;     /* 상대적위치:relative, 절대적위치:absolute */
        /* 상자 위치 */
        bottom: 3px;
        left: 5px;
        /* 상자 폭과 높이 지정 */
        width: 76px;
        height: 34px;
        /* 상자 배경색 */
        background-color: #BDBDBD;
        color: black;
        text-align: center;
        border-style: solid;
        border-width: 3px;
        border-color: white black black white;
}

.timebox{
    text-align: center;
    line-height: 32px;
    position: absolute;     /* 상대적위치:relative, 절대적위치:absolute */
        /* 상자 위치 */
        bottom: 3px;
        right: 5px;
        /* 상자 폭과 높이 지정 */
        width: 76px;
        height: 34px;
        /* 상자 배경색 */
        background-color: #BDBDBD;
        color: black;
        text-align: center;
        border-style: solid;
        border-width: 2px;
        border-color: black white white black;
}

.interviewbox{
    text-align: center;
    line-height: 32px;
    position: absolute;     /* 상대적위치:relative, 절대적위치:absolute */
        /* 상자 위치 */
        bottom: 3px;
        left: 100px;
        /* 상자 폭과 높이 지정 */
        width: 130px;
        height: 34px;
        /* 상자 배경색 */
        background-color: #F2F2F2;
        color: black;
        text-align: center;
        border-style: solid;
        border-width: 3px;
        border-color: black white white black;
}

.found{
    text-align: center;
    line-height: 32px;
    position: absolute;     /* 상대적위치:relative, 절대적위치:absolute */
        /* 상자 위치 */
        bottom: 3px;
        left: 250px;
        /* 상자 폭과 높이 지정 */
        width: 130px;
        height: 34px;
        /* 상자 배경색 */
        background-color: #F2F2F2;
        color: black;
        text-align: center;
        border-style: solid;
        border-width: 3px;
        border-color: black white white black;
}

.graduation{
    text-align: center;
    line-height: 32px;
    position: absolute;     /* 상대적위치:relative, 절대적위치:absolute */
        /* 상자 위치 */
        bottom: 3px;
        left: 400px;
        /* 상자 폭과 높이 지정 */
        width: 130px;
        height: 34px;
        /* 상자 배경색 */
        background-color: #F2F2F2;
        color: black;
        text-align: center;
        border-style: solid;
        border-width: 3px;
        border-color: black white white black;
}

.myname{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 60px;
        left: 140px;
        /* 상자 폭과 높이 지정 */
        width: 90px;
        height: 90px;
        /* 상자 배경색 */
        background-color: #088A85;
        color: black;
        text-align: center;
}

.think{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 60px;
        left: 20px;
        /* 상자 폭과 높이 지정 */
        width: 90px;
        height: 90px;
        /* 상자 배경색 */
        background-color: #088A85;
        color: black;
        text-align: center;
}

.like{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 180px;
        left: 20px;
        /* 상자 폭과 높이 지정 */
        width: 90px;
        height: 90px;
        /* 상자 배경색 */
        background-color: #088A85;
        color: black;
        text-align: center;
}

.interest{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 300px;
        left: 20px;
        /* 상자 폭과 높이 지정 */
        width: 90px;
        height: 90px;
        /* 상자 배경색 */
        background-color: #088A85;
        color: black;
        text-align: center;
}

.live{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 180px;
        left: 140px;
        /* 상자 폭과 높이 지정 */
        width: 90px;
        height: 90px;
        /* 상자 배경색 */
        background-color: #088A85;
        color: black;
        text-align: center;
}

.saju{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 420px;
        left: 20px;
        /* 상자 폭과 높이 지정 */
        width: 90px;
        height: 90px;
        /* 상자 배경색 */
        background-color: #088A85;
        color: black;
        text-align: center;
}

.rhinitis{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 540px;
        left: 20px;
        /* 상자 폭과 높이 지정 */
        width: 90px;
        height: 90px;
        /* 상자 배경색 */
        background-color: #088A85;
        color: black;
        text-align: center;
}


.boxmyname{
    text-align: center;
    line-height: 46px;
    position: absolute; 
        /* 상자 위치 */
        top: 80px;
        left: 420px;
        /* 상자 폭과 높이 지정 */
        width: 300px;
        height: 200px;
        /* 상자 배경색 */
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 8px;
        border-style: solid;
        border-width: 5px;
        border-color: #BDBDBD;
}

.boxthink{
    text-align: center;
    line-height: 44px;
    position: absolute; 
        /* 상자 위치 */
        top: 70px;
        left: 600px;
        /* 상자 폭과 높이 지정 */
        width: 400px;
        height: 330px;
        /* 상자 배경색 */
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 8px;
        border-style: solid;
        border-width: 5px;
        border-color: #BDBDBD;  
}

.boxlike{
    text-align: center;
    line-height: 38px;
    position: absolute; 
        /* 상자 위치 */
        top: 90px;
        left: 260px;
        /* 상자 폭과 높이 지정 */
        width: 480px;
        height: 300px;
        /* 상자 배경색 */
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 8px;
        border-style: solid;
        border-width: 5px;
        border-color: #BDBDBD; 
}

.boxinterest{
    text-align: center;
    line-height: 38px;
    position: absolute; 
        /* 상자 위치 */
        top: 270px;
        right: 120px;
        /* 상자 폭과 높이 지정 */
        width: 850px;
        height: 300px;
        /* 상자 배경색 */
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 8px;
        border-style: solid;
        border-width: 5px;
        border-color: #BDBDBD; 
}

.boxlive{
    text-align: center;
    line-height: 38px;
    position: absolute; 
        /* 상자 위치 */
        bottom: 100px;
        right: 400px;
        /* 상자 폭과 높이 지정 */
        width: 570px;
        height: 300px;
        /* 상자 배경색 */
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 8px;
        border-style: solid;
        border-width: 5px;
        border-color: #BDBDBD; 
}

.boxsaju{
    text-align: center;
    line-height: 38px;
    position: absolute; 
        /* 상자 위치 */
        top: 20px;
        right: 20px;
        /* 상자 폭과 높이 지정 */
        width: 710px;
        height: 670px;
        /* 상자 배경색 */
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 8px;
        border-style: solid;
        border-width: 5px;
        border-color: #BDBDBD; 
}

.boxrhinitis{
    text-align: center;
    line-height: 38px;
    position: absolute; 
        /* 상자 위치 */
        bottom: 100px;
        left: 160px;
        /* 상자 폭과 높이 지정 */
        width: 400px;
        height: 200px;
        /* 상자 배경색 */
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 8px;
        border-style: solid;
        border-width: 5px;
        border-color: #BDBDBD; 
}

h3{
    text-align: right;
    margin: 0;
    letter-spacing: 8px;
    font-size: 20px;
}


h4{
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-size: 70px;
    color: black;
}

h5{
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-size: 10px;
    color: black;
}

h6{
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-size: 11px;
    color: black;
}

h7{
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-size: 13px;
    color: blue;
}

h8{
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-size: 11px;
    color: black;
}

p{
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
    font-size: 20px;
    color: black;
}

a {
  text-decoration-line: none;
  color: black;
}