.container{
    position:relative;
}
.topleft {
    position: absolute;
    top: 9%;
    left: 16px;
    font-size: 14px;
    
}

.topcenter {
    margin-left:0px;
    position: absolute;
    top: 2%;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.topright {
    position: absolute;
    top: 2%;
    width: 100%;
    text-align: right;
    font-size: 18px;
}
imgtopleft {
    width: 100%;
    height: auto;
    opacity: 1;
}



/* 플레이 버튼 스타일 */
.audio-player {
    position: fixed; /* 화면에 고정 */
    bottom: 20px; /* 화면 하단에 위치 */
    right: 0px; /* 화면 우측에 위치 */
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease;
    z-index: 2;
}

    .audio-player:hover {
        transform: scale(1.1);
    }

/* 헤드폰 아이콘 스타일 */
.icon {
    width: 30px; /* 이미지 크기 */
    height: 30px;
    border: 0px;
    opacity: 70%;
    transition: transform 0.2s ease;
}

/* 오디오 컨트롤 숨기기 */
#audio {
    display: none;
}

.bodytext {
    text-align: justify;
    line-height: 2;
    color: #696969;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    font-family: NanumGothic
}
.bodytext16 {
    text-align: justify;
    line-height: 1.6;
    color: #696969;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    font-family: NanumGothic
}
.bodytext18 {
    text-align: justify;
    line-height: 1.8;
    color: #696969;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    font-family: NanumGothic
}