@charset "utf-8";

a:link		{color:#000;text-decoration:underline;}
a:visited	{color:#000;text-decoration:underline;}
a:hover		{color:#FFF;background-color:#0AA7D6;text-decoration:underline;}
a:active	{color:#FFF;background-color:#0AA7D6;text-decoration:underline;}

body {	font:0.8em Arial, Helvetica, Dotum;
		background-color:#FFF;
		color:#000;}

#title	{color:black; font-size:1.8em; font-weight:bold;}
#nav {font-size:1.8em; padding:15px 0 15px 0; margin-bottom:40px;}
.nav_link {font-weight:200; padding:0 20px 0 0;}
.nav_unlink {font-weight:200; padding:0 20px 0 0; color:#CCCCCC; text-decoration:underline;}

.unlink {color:#CCCCCC;}


<!-- BODY --!>
#body {}
#body .subject {font-size:1.3em; margin-bottom:15px;}
#body .year {font-size:0.8em; font-style:italic;}
#body .contents {font:1.3em Times;line-height:1.8;margin-bottom:50px;}
#body .contents_small {font:1em Times;line-height:1.5;margin-bottom:50px;}
#body img {border:solid 1px #000;margin:0 5px 10px 0;}


<!-- LIST --!>
#list {}
#article {margin-bottom:20px;}
#article .thumbnail {align:top;}
#article .article_right {padding-left:15px;}
#article img {border:solid 1px #000; width:200px; height:150px;}

#article .subject {font-size:1.5em; margin-bottom:10px;}
#article .year {font-size:0.8em; font-style:italic;}
#article .contents {font:1em Times;line-height:1.8;}


<!-- CONNECTION -->
#connection {}
#connection .article {width:220px;}
#connection .thumbnail {align:top;}
#connection img {border:solid 1px #000; width:200px;}

#connection .subject {font-size:1.5em; margin-bottom:10px;}
#connection .year {font-size:0.8em; font-style:italic;}
#connection .contents {font:1em Times;line-height:1.2; font-style:italic;}


<!-- FOOT --!>
#foot {}
#foot .foot_back {margin:40px 0 20px 0;}
#foot .foot_copyright {font-size:0.8em; margin-top:50px;}