* {
    font-family: 'Noto Sans KR', sans-serif;
    margin : 0px;
    padding : 0px;
}

header, main, footer {
    margin : 5%;
}

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

h1 {
    width : 100%;
    text-align : center;
    margin-bottom : 20px;
}

.header-container {
    display : flex;
    justify-content: space-around;
}

.header-container a {
    width : 50%;
    text-align : center;
}

.header-container a:hover {
    text-decoration: underline;
}

.menu {
    padding : 10px 0px;
    border-bottom : solid black 1px;
    border-top : solid black 1px;
}

.language {
    position : absolute;
    top : 20px;
    right : 5%;
}

.language p {
    font-size : 13px;
}

.language a:hover {
    text-decoration: underline;
}

.line {  
    border-bottom : solid black 1px;
}

h3 {
    font-size : 15px;
    font-weight : bold;
    margin-top : 0px;
    margin-bottom : 15px;
}

.work {
    padding : 20px 0px 20px 0px;
}

.content{
    margin-bottom : 10px;
    display : flex;
    flex-direction : column;
    flex-wrap : wrap;
    align-items : center;
}
.work-header {
    width: 100%;
    text-align : center;
    display : flex;
    flex-direction : row;
    justify-content: space-between;
    align-items : center;
}

.hidden {
    display : none;
    width : 100%;
}

.work-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.work-text{
    width : 45%;
    margin : 5px 0px;
    padding : 0px 10px;
    font-size : 13px;
    text-align : justify;
    color : #000;
}

.work-text a:hover{
    text-decoration : underline;
}

.work-title{
    font-size : 13px;
    font-weight : bold;
}

.work-detail{
    font-size : 11px;
    color : gray;
}

.src-img {
    width : 45%;
    height : auto;
    margin : 3px;
}
.src-video {
    width : 45%;
    aspect-ratio: 16/9;
    margin : 3px;
}

.img-container {
    width : 100%;
    padding : 10px 0px;
    display : flex;
    justify-content: center;
    flex-wrap : wrap;
}

.text-container {
    display : flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom : 10px;
}

.src-music {
    width : 80%;
    margin : 10px 0px;
}

#movie-heritage a {
    text-decoration: underline;
    color : grey;
}

button {
    width : 100%;
    background-color : inherit;
    border : none;
    padding : 10px;
    margin-bottom : 10px;
}
button:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.container {
    display : grid;
    grid-template-columns : 200px 200px;
    grid-template-rows: auto auto;
    justify-content : center;
}

.container h4{
    font-size : 13px;
    text-align : end;
    margin-right : 15px; 
}

.container p {
    font-size : 13px;
}

.container p a {
    text-decoration: underline;
}

.hyperlink {
    width : 100%;
    font-size : 13px;
    text-align : end;
    margin-bottom : 10px;
}

.hyperlink:hover{
    text-decoration : underline;
}





.footer-container {
    display : flex;   
    justify-content : space-around; 
    font-size : 13px;
}

.footer-container a {
    text-decoration : underline;
}

.mail {
    text-decoration: underline;
}