/* Reset */
body, h1, h2, h3, p, ul { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none; color: inherit; }

/* Layout */
body { font-family: '돋움', Dotum, sans-serif; font-size: 12px; color: #666; }
.container { width: 1000px; margin: 0 auto; }
#wrap { width: 100%; }
#header, #main_content, #footer { width: 100%; }

/* Header */
#header { border-bottom: 1px solid #ddd; }
.header_top { background-color: #f1f1f1; border-bottom: 1px solid #ddd; padding: 5px 0; }
.header_top .container { text-align: right; }
.top_menu li { display: inline; margin-left: 10px; }
.header_main .container { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; }
.logo img { height: 60px; }
.gnb ul li { display: inline-block; margin-left: 50px; }
.gnb ul li a { font-size: 16px; font-weight: bold; color: #333; }

/* Main Content */
#main_visual { position: relative; text-align: center; color: white; }
#main_visual img { display: block; }
.main_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); padding: 20px; }
.main_text h2 { font-size: 24px; margin-bottom: 10px; }

#main_research { padding: 40px 0; }
#main_research .container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.research_item { border: 1px solid #ddd; padding: 20px; }
.research_item h3 { font-size: 14px; color: #003876; margin-bottom: 10px; }

#main_posts { background-color: #f8f8f8; padding: 40px 0; border-top: 1px solid #ddd; }
#main_posts .container { display: flex; justify-content: space-between; }
.post_box { width: 48%; }
.post_box h3 { font-size: 16px; color: #333; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 10px; }
.post_box li { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #eee; }
.post_box li a { width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.post_box li span { color: #888; }

/* Sub Page Layout (Members, etc.) */
#sub_content { padding: 40px 0; }
#sub_content .container { display: flex; gap: 40px; }
#sidebar { width: 200px; flex-shrink: 0; }
#sidebar h3 { font-size: 18px; color: #003876; padding-bottom: 10px; border-bottom: 2px solid #003876; }
#sidebar ul { margin-top: 15px; }
#sidebar li a { display: block; padding: 8px 0; color: #666; border-bottom: 1px dotted #ccc; }
#sidebar li a:hover { color: #003876; font-weight: bold; }

#main_section { width: 100%; }
#main_section h2 { font-size: 24px; color: #333; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #333;}

.professor_info { display: flex; gap: 20px; }
.professor_info h4 { font-size: 16px; margin-bottom: 15px; }
.professor_info p { margin-bottom: 5px; }

/* Publications Page */
.publication_list li {
    border-bottom: 1px dotted #ccc;
    padding: 15px 0;
}
.publication_list li:first-child {
    padding-top: 0;
}
.publication_list p {
    margin: 5px 0;
}
.publication_list .title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.publication_list .journal {
    font-style: italic;
}

/* Footer */
#footer { background-color: #333; color: #aaa; padding: 30px 0; }
#footer .container { display: flex; align-items: center; }
.footer_logo { margin-right: 30px; }
.footer_info p { margin: 3px 0; }