





<!--
<style type="text/css">

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1{ margin-bottom: 20x; margin-top: 20px; 	padding: 15px;
	padding: 15px; }

h1#title
{padding: 15px 15px;}


h2, h3, h4, h5, h6, p 
{ margin-bottom: 10x; margin-top: 10px; 	padding-right: 15px;
	padding-left: 15px; }


p
{font-size: 15;
padding: .5em;
line-height:1.4;
}

li
{
	line-height:200%;
	letter-spacing: 0.1pt;
}
	
	
img{
	padding: 5px;
}

a img { 
	border: none;
}

a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

A:hover {
	color:#EBB515;
	text-decoration: none;
	text-align: justify;
}


.container {
	width: 960px;
	max-width: 960px;

	min-width: 940px;/* ÀÌ ·¹ÀÌ¾Æ¿ôÀÌ Áö³ªÄ¡°Ô Á¼¾ÆÁö´Â °ÍÀ» ¹æÁöÇÏ±â À§ÇØ min-width¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ¼Ó¼ºÀ» »ç¿ëÇÏ¸é »çÀÌµå ¿­¿¡¼­ ¼± ±æÀÌ¸¦ ´õ¿í ½±°Ô ÀÐÀ» ¼ö ÀÖ½À´Ï´Ù. IE6¿¡¼­´Â ÀÌ ¼±¾ðÀÌ Àû¿ëµÇÁö ¾Ê½À´Ï´Ù. */
	background: #FFF;
	margin: 0 auto; /* Ãø¸é ÀÚµ¿ °ª, ÆøÀ¸·Î ¿¬°á, ·¹ÀÌ¾Æ¿ô °¡¿îµ¥ Á¤·Ä. .containerÀÇ ÆøÀ» 100%·Î ¼³Á¤ÇÏ´Â °æ¿ì¿¡´Â ÇÊ¿äÇÏÁö ¾Ê½À´Ï´Ù. */
}

.header {
	background-image: url(images/images-pixel_grey.gif);
}

.header2 {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}
.photo {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}
.photo_gallery {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}


.sidebar1 {
	float: left;
	width: 500px;
	padding-bottom: 10px;
	padding: 15px 0;
}
.content {
	padding: 15px 0;
	width: 240px;
	float: left;
	line-height: 120%;
	margin: 10px;
}
.sidebar2 {
	float: left;
	width: 200px;
	padding: 10px 0;
}

.indi_body {
	float: 
	padding: 15px 0;
	width: 710px;
	float: left;
	margin-right: 30px;
}




.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

ul.nav {
	list-style: none; /* ¸ñ·Ï Ç¥½Ã ±âÈ£¸¦ Á¦°ÅÇÕ´Ï´Ù. */
	border-top: 1px solid #666; /* ¸µÅ©ÀÇ À§ÂÊ Å×µÎ¸®¸¦ ¸¸µì´Ï´Ù. ´Ù¸¥ ¸ðµç Ç×¸ñÀº LI¿¡¼­ ¾Æ·¡ÂÊ Å×µÎ¸®¸¦ »ç¿ëÇÏ¿© ¹èÄ¡µË´Ï´Ù. */
	margin-bottom: 15px; /* ¾Æ·¡ ³»¿ëÀÇ ³»ºñ°ÔÀÌ¼Ç »çÀÌ¿¡ °ø°£À» ¸¸µì´Ï´Ù. */
}
ul.nav li {
	border-bottom: 1px solid #666; /* ¹öÆ° °£°ÝÀ» ¸¸µì´Ï´Ù. */
}
ul.nav a, ul.nav a:visited { /* ÀÌ·¯ÇÑ ¼±ÅÃ±â¸¦ ±×·ìÈ­ÇÏ¿© ¹æ¹®ÇÑ ÀÌÈÄ¿¡µµ ¸µÅ©°¡ ¹öÆ° ¸ð¾çÀ» À¯ÁöÇÏµµ·Ï ÇÕ´Ï´Ù. */
	padding: 5px 5px 5px 15px;
	display: block; /* ¸µÅ©¿¡ ºí·Ï ¼Ó¼ºÀ» Á¦°øÇÏ¿© ÀÌ¸¦ Æ÷ÇÔÇÑ ÀüÃ¼ LI¸¦ Ã¤¿ìµµ·Ï ÇÕ´Ï´Ù. ÀÌ·¸°Ô ÇÏ¸é ÀüÃ¼ ¿µ¿ªÀÌ ¸¶¿ì½º Å¬¸¯¿¡ ¹ÝÀÀÇÏ°Ô µË´Ï´Ù. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* ¸¶¿ì½º ¹× Å°º¸µå Å½»ö±âÀÇ ¹è°æ ¹× ÅØ½ºÆ® »ö»óÀ» º¯°æÇÕ´Ï´Ù. */
	background: #6F7D94;
	color: #FFF;
}

.footer {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}


.fltrt {  /* ÀÌ Å¬·¡½º´Â ÆäÀÌÁö¿¡¼­ ¿À¸¥ÂÊ ¿ä¼Ò¸¦ ºÎµ¿È­ÇÏ´Â µ¥ »ç¿ëµÉ ¼ö ÀÖ½À´Ï´Ù. ºÎµ¿È­µÈ ¿ä¼Ò´Â ÆäÀÌÁö¿¡¼­ ¿·¿¡ ÀÖ´Â ´Ù¸¥ ¿ä¼ÒÀÇ ¾ÕÂÊ¿¡ ¹èÄ¡µÇ¾î¾ß ÇÕ´Ï´Ù. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* ÀÌ Å¬·¡½º´Â ÆäÀÌÁö¿¡¼­ ¿ÞÂÊ ¿ä¼Ò¸¦ ºÎµ¿È­ÇÏ´Â µ¥ »ç¿ëµÉ ¼ö ÀÖ½À´Ï´Ù. ºÎµ¿È­µÈ ¿ä¼Ò´Â ÆäÀÌÁö¿¡¼­ ¿·¿¡ ÀÖ´Â ´Ù¸¥ ¿ä¼ÒÀÇ ¾ÕÂÊ¿¡ ¹èÄ¡µÇ¾î¾ß ÇÕ´Ï´Ù. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* #container¿¡¼­ #footer°¡ Á¦°ÅµÇ°Å³ª ¾ø¾îÁø °æ¿ì <br /> ÀÌ Å¬·¡½º´Â ¸¶Áö¸· ºÎµ¿ div(#container ³») µÚ¿¡ ¿À´Â ÃÖÁ¾ ¿ä¼Ò·Î ºó div¿¡ ¹èÄ¡µÉ ¼ö ÀÖ½À´Ï´Ù. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.content { margin-right: -1px; } /* À½¼ö °ªÀÇ ÀÌ 1px ¿©¹éÀº µ¿ÀÏÇÑ ±³Á¤ È¿°ú¿Í ÇÔ²² ÀÌ ·¹ÀÌ¾Æ¿ôÀÇ ¸ðµç ¿­¿¡ ¹èÄ¡ÇÒ ¼ö ÀÖ½À´Ï´Ù. */
ul.nav a { zoom: 1; }  


#listbox
{
border: 1px solid black; width: 100%; margin: 0px; padding: 0; background-image: url(images/imgs-brightgray.jpg);
font-size: 11px;
}

#listbox h4
{
text-align: center;
margin: 0;
background: black;
color:white;
}

div.fatoz
{
width: 700px;
padding: 10;
border: 1px dashed #ccc;
text-align: center;
background: url(images/imgs-brightgray.jpg);
}


ul#az { line-height: 180%;}


ul#navg {
margin-left:0;
padding-left:0;
list-style-type:none;
background:#a7a7a7;
float:left;
width: 100%;
font-weight: bold;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

ul#navg li{
display: inline;
}

ul#navg a{
display:block;
float:left;
padding: .2em 1em;
text-decoration: none;
color: #fff;
background: #999;
border-right: 1px solid #fff;
}

ul#navg a:hover{
color: #000;
background: #ccc;
}


ul#list {
margin-right: 2;
margin-left: 2;
padding-left: 0;
list-style-type: none;
font-size: 13px;
border: 1px;
margin-bottom: 0;
padding-bottom: 0;
}
ul#list a {
display: block;
text-decoration: none;
background: #999;
color: #fff;
padding: .1em .5em;

border-top: 1px solid #fff;
width:100%;
}
ul#list a:hover {
background: #ccc;
color: #903;
}
ul#list li {
display: inline;
}


div#blog_box
	{
	width: 95%;
  border: 1px solid gray;
	font-size: 90%;
	padding: 10px;
	margin: 10px;
	}
	
hr
{
	color: silver;
}


#listbox
{
border: 1px solid black; width: 100%; margin: 0px; padding: 0; background-image: url(images/imgs-brightgray.jpg);
font-size: 11px;
}

#listbox h4
{
text-align: center;
margin: 0;
background: black;
color:white;
}

div.fatoz
{
width: 700px;
padding: 10;
border: 1px dashed #ccc;
text-align: center;
background: url(images/imgs-brightgray.jpg);
}


ul#az { line-height: 180%;}



/*--individual content starts--*/


div.profile_photo img
{float: left;
width: 200px;
height: 200px;
border: 1px solid silver;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

div.fb
{ text-align:center;
	width: 640px;
	font: 10;
	color: #606060;
	padding: 10px 5px 5px 5px;
	background: #e0e0e0;
	
}

div.indi_blog
{
	width:960;
	float:center;
}

div.indi_movie_title
{width:630;
	color:#000000;
background:#e0e0e0;
border-bottom: 1px solid #606060;
font-SIZE:17;
COLOR: GRAY;
FONT-WEIGHT: BOLD;
text-transform:uppercase;
}

div.indi_blog_title
{width:960;
	color:#000000;
background:#e0e0e0;
border-bottom: 1px solid #000000;
}

div.profile2 img
{margin-bottom: 5px;
	margin-top: 20px;
}

div.profile2
{	font-size: 15;
	text-align:center;
}


div#blog_box
	{
	width: 95%;
  border: 1px solid gray;
	font-size: 90%;
	padding: 10px;
	margin: 10px;
	}

#blog_box h3
{
	background: eeeeee;
	padding: 5px;
	border-bottom: 1px solid gray;
}

div#content_box
	{
	width: 95%;
  border: 1px solid silver;
	font-size: 90%;
	padding: 10px;
	margin: 20px;
	}

#content_box h3
{
	background: eeeeee;
	padding: 5px;
	border-bottom: 1px solid silver;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}

a img { 
	border: none;
}

/* ~~ »çÀÌÆ® ¸µÅ©ÀÇ ½ºÅ¸ÀÏ¸µÀº 
Ä¿¼­ ³õ±â È¿°ú¸¦ »ý¼ºÇÏ´Â ¼±ÅÃ±â 
±×·ìÀ» Æ÷ÇÔÇÏ¿© ÀÌ ¼ø¼­´ë·Î ³²¾Æ ÀÖ¾î¾ß ÇÕ´Ï´Ù. ~~ */

a:link {
	color:#414958;
	text-decoration: underline; 
	/* ¸Å¿ì µ¶Æ¯ÇÏ°Ô º¸ÀÌµµ·Ï ¸µÅ©¿¡ 
	½ºÅ¸ÀÏÀ» ÁöÁ¤ÇÏ´Â °æ¿ì¸¦ Á¦¿ÜÇÏ°í´Â 
	½Ã°¢ÀûÀ¸·Î ºü¸£°Ô ½Äº°µÇµµ·Ï ¹ØÁÙÀ» Àû
	¿ëÇÏ´Â °ÍÀÌ °¡Àå ÁÁ½À´Ï´Ù. */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	/* ÀÌ ¼±ÅÃ±â ±×·ìÀº ¸¶¿ì½º¸¦ 
	»ç¿ëÇÏ´Â »ç¶÷°ú µ¿ÀÏÇÑ Ä¿¼­ ³õ±â 
	È¯°æÀ» Å°º¸µå Å½»ö±â¿¡ Á¦°øÇÕ´Ï´Ù. */
	text-decoration: none;
}

/* ~~ ÀÌ ÄÁÅ×ÀÌ³Ê´Â 
¹éºÐÀ² ±âÁØÀÇ ÆøÀ» Á¦°øÇÏ¸ç 
´Ù¸¥ ¸ðµç div¸¦ µÑ·¯½Ô´Ï´Ù. ~~ */
.container {
	width: 960px;
	max-width: 960px;
	/* ´ëÇü ¸ð´ÏÅÍ¿¡¼­ ÀÌ ·¹ÀÌ¾Æ¿ôÀÌ 
	Áö³ªÄ¡°Ô ³Ð¾îÁö´Â °ÍÀ» ¹æÁöÇÏ±â 
	À§ÇØ max-width¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. 
	ÀÌ ¼Ó¼ºÀ» »ç¿ëÇÏ¸é ¼± ±æÀÌ¸¦ ´õ¿í 
	½±°Ô ÀÐÀ» ¼ö ÀÖ½À´Ï´Ù. IE6¿¡¼­´Â ÀÌ
	 ¼±¾ðÀÌ Àû¿ëµÇÁö ¾Ê½À´Ï´Ù. */
	 
	min-width: 940px;/* ÀÌ ·¹ÀÌ¾Æ¿ôÀÌ Áö³ªÄ¡°Ô Á¼¾ÆÁö´Â °ÍÀ» ¹æÁöÇÏ±â À§ÇØ min-width¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ¼Ó¼ºÀ» »ç¿ëÇÏ¸é »çÀÌµå ¿­¿¡¼­ ¼± ±æÀÌ¸¦ ´õ¿í ½±°Ô ÀÐÀ» ¼ö ÀÖ½À´Ï´Ù. IE6¿¡¼­´Â ÀÌ ¼±¾ðÀÌ Àû¿ëµÇÁö ¾Ê½À´Ï´Ù. */
	background: #FFF;
	margin: 0 auto; /* Ãø¸é ÀÚµ¿ °ª, ÆøÀ¸·Î ¿¬°á, ·¹ÀÌ¾Æ¿ô °¡¿îµ¥ Á¤·Ä. .containerÀÇ ÆøÀ» 100%·Î ¼³Á¤ÇÏ´Â °æ¿ì¿¡´Â ÇÊ¿äÇÏÁö ¾Ê½À´Ï´Ù. */
}

/* ~~ ¸Ó¸®±Û¿¡´Â ÆøÀÌ ÁöÁ¤µÇÁö ¾Ê½À´Ï´Ù. 
·¹ÀÌ¾Æ¿ôÀÇ ÀüÃ¼ ÆøÀÌ È®ÀåµË´Ï´Ù. 
¿¬°áµÈ ÀÚÃ¼ ·Î°í·Î ´ëÃ¼µÇ¾î¾ß ÇÏ´Â 
ÀÌ¹ÌÁö ÀÚ¸® Ç¥½ÃÀÚ¸¦ Æ÷ÇÔÇÕ´Ï´Ù. ~~ */
.header {
	background-image: url(images/images-pixel_grey.gif);
}

.header2 {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}
.photo {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}
.photo_gallery {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}

/* ~~ ÀÌ Ç×¸ñÀº ·¹ÀÌ¾Æ¿ô¿¡ ´ëÇÑ ¿­ÀÔ´Ï´Ù. ~~ 

1) ÆÐµùÀº divÀÇ À§ÂÊ ¹×/¶Ç´Â ¾Æ·¡ÂÊ¿¡¸¸ ¹èÄ¡µË´Ï´Ù. ÀÌ div¿¡ Æ÷ÇÔµÈ ¿ä¼ÒÀÇ °æ¿ì Ãø¸é¿¡ ÆÐµùÀÌ ÀÖ½À´Ï´Ù. ÀÌ¸¦ ÅëÇØ "»óÀÚ ¸ðµ¨ ¼öÇÐ"¿¡¼­ Á¦¿ÜµË´Ï´Ù. div ÀÚÃ¼¿¡ Ãø¸é ÆÐµù ¶Ç´Â Å×µÎ¸®¸¦ Ãß°¡ÇÏ¸é *ÀüÃ¼* ÆøÀ» ¸¸µé±â À§ÇØ Á¤ÀÇÇÑ Æø¿¡ Ãß°¡µË´Ï´Ù. div ³»ÀÇ ¿ä¼Ò¿¡¼­ ÆÐµùÀ» Á¦°ÅÇÏ°í, µðÀÚÀÎ¿¡ ÇÊ¿äÇÑ ÆÐµù°ú ÆøÀÌ ¾ø´Â »óÅÂ·Î ³»ºÎ¿¡ µÎ ¹øÂ° div¸¦ ¹èÄ¡ÇÒ ¼öµµ ÀÖ½À´Ï´Ù.

2) ¸ðµÎ ºÎµ¿È­µÊ¿¡ µû¶ó ¿­¿¡ ¿©¹éÀÌ ÁöÁ¤µÇÁö ¾Ê¾Ò½À´Ï´Ù. ¿©¹éÀ» Ãß°¡ÇØ¾ß ÇÏ´Â °æ¿ì¿¡´Â ºÎµ¿È­ÇÏ´Â ¹æÇâÀÇ Ãø¸é¿¡ ¹èÄ¡ÇÏÁö ¾Êµµ·Ï ÇÏ½Ê½Ã¿À(¿¹: ¿À¸¥ÂÊ ºÎµ¿È­·Î ¼³Á¤µÈ divÀÇ ¿À¸¥ÂÊ ¿©¹é). ´ë½Å¿¡ ¿©·¯ ¹ø ÆÐµùÀÌ »ç¿ëµÉ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ±ÔÄ¢À» ¹«½ÃÇØ¾ß ÇÏ´Â divÀÇ °æ¿ì, ÀÏºÎ ¹öÀüÀÇ Internet Explorer¿¡¼­ ¿©¹éÀÌ ÀÌÁßÀ¸·Î »ðÀÔµÇ´Â ¹ö±×¸¦ ÇØ°áÇÏ±â À§ÇØ divÀÇ ±ÔÄ¢¿¡ "display:inline" ¼±¾ðÀ» Ãß°¡ÇØ¾ß ÇÕ´Ï´Ù.

3) ¹®¼­¿¡¼­ Å¬·¡½º¸¦ ¿©·¯ ¹ø »ç¿ëÇÒ ¼ö ÀÖÀ¸¹Ç·Î(¶ÇÇÑ ¿ä¼Ò¿¡ ¿©·¯ Å¬·¡½º¸¦ Àû¿ëÇÒ ¼ö ÀÖÀ¸¹Ç·Î), ¿­¿¡ ID ´ë½Å Å¬·¡½º ÀÌ¸§ÀÌ ÁöÁ¤µÇ¾ú½À´Ï´Ù. ¿¹¸¦ µé¾î, ÇÊ¿äÇÑ °æ¿ì µÎ °³ÀÇ »çÀÌµå¹Ù div¸¦ ´©ÀûÇÒ ¼ö ÀÖ½À´Ï´Ù. ¹®¼­´ç ÇÑ ¹ø¸¸ »ç¿ëÇÏ´Â ÇÑ, »ç¿ëÀÚÀÇ È¯°æ ¼³Á¤¿¡ ÇØ´çÇÏ´Â °æ¿ì ÀÌ »çÀÌµå¹Ù div¸¦ ¼Õ½±°Ô ID·Î º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù.

4) nav¸¦ ¿ÞÂÊ ´ë½Å ¿À¸¥ÂÊ¿¡ ¿À°Ô ÇÏ·Á´Â °æ¿ì, ÀÌ·¯ÇÑ ¿­À» ¹Ý´ë ¹æÇâ(ÀüÃ¼ ¿ÞÂÊ ´ë½Å ÀüÃ¼ ¿À¸¥ÂÊ)À¸·Î ºÎµ¿È­ÇÏ¸é ¿ª¼øÀ¸·Î ·»´õ¸µµË´Ï´Ù. HTML ¼Ò½º¿¡¼­ div¸¦ ÀÌ¸®Àú¸® ¿Å±âÁö ¾Ê¾Æµµ µË´Ï´Ù.

*/

.sidebar1 {
	float: left;
	width: 500px;
	padding-bottom: 10px;
	padding: 15px 0;
}
.content {
	padding: 15px 0;
	width: 240px;
	float: left;
	line-height: 120%;
	margin: 10px;
}
.sidebar2 {
	float: left;
	width: 200px;
	padding: 10px 0;
}

.indi_body {
	float: 
	padding: 15px 0;
	width: 710px;
	float: left;
	margin-right: 30px;
}


/* ~~ ±×·ìÈ­µÈ ÀÌ ¼±ÅÃ±â´Â 
.content ¿µ¿ª °ø°£¿¡ ¸ñ·ÏÀ» Á¦°øÇÕ´Ï´Ù. ~~ */

.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* ÀÌ ÆÐµùÀº ¸Ó¸®±ÛÀÇ ¿À¸¥ÂÊ ÆÐµù°ú À§ÀÇ ´Ü¶ô ±ÔÄ¢À» ¹Ì·¯¸µÇÕ´Ï´Ù. ÆÐµùÀº ¸ñ·Ï¿¡¼­ ´Ù¸¥ ¿ä¼Òµé »çÀÌÀÇ °ø°£ ¾Æ·¡ÂÊ°ú µé¿©¾²±â »ý¼ºÀ» À§ÇÑ ¿ÞÂÊ¿¡ ¹èÄ¡µÇ¾ú½À´Ï´Ù. ÆÐµùÀº ¿øÇÏ´Â ´ë·Î Á¶Á¤ÇÒ ¼ö ÀÖ½À´Ï´Ù. */
}

/* ~~ Å½»ö ¸ñ·Ï ½ºÅ¸ÀÏ(Spry¿Í °°ÀÌ ¹Ì¸® ¸¸µé¾îÁø ÇÃ¶óÀÌ¾Æ¿ô ¸Þ´º¸¦ »ç¿ëÇÏ±â·Î ¼±ÅÃÇÑ °æ¿ì Á¦°ÅµÉ ¼ö ÀÖÀ½) ~~ */
ul.nav {
	list-style: none; /* ¸ñ·Ï Ç¥½Ã ±âÈ£¸¦ Á¦°ÅÇÕ´Ï´Ù. */
	border-top: 1px solid #666; /* ¸µÅ©ÀÇ À§ÂÊ Å×µÎ¸®¸¦ ¸¸µì´Ï´Ù. ´Ù¸¥ ¸ðµç Ç×¸ñÀº LI¿¡¼­ ¾Æ·¡ÂÊ Å×µÎ¸®¸¦ »ç¿ëÇÏ¿© ¹èÄ¡µË´Ï´Ù. */
	margin-bottom: 15px; /* ¾Æ·¡ ³»¿ëÀÇ ³»ºñ°ÔÀÌ¼Ç »çÀÌ¿¡ °ø°£À» ¸¸µì´Ï´Ù. */
}
ul.nav li {
	border-bottom: 1px solid #666; /* ¹öÆ° °£°ÝÀ» ¸¸µì´Ï´Ù. */
}
ul.nav a, ul.nav a:visited { /* ÀÌ·¯ÇÑ ¼±ÅÃ±â¸¦ ±×·ìÈ­ÇÏ¿© ¹æ¹®ÇÑ ÀÌÈÄ¿¡µµ ¸µÅ©°¡ ¹öÆ° ¸ð¾çÀ» À¯ÁöÇÏµµ·Ï ÇÕ´Ï´Ù. */
	padding: 5px 5px 5px 15px;
	display: block; /* ¸µÅ©¿¡ ºí·Ï ¼Ó¼ºÀ» Á¦°øÇÏ¿© ÀÌ¸¦ Æ÷ÇÔÇÑ ÀüÃ¼ LI¸¦ Ã¤¿ìµµ·Ï ÇÕ´Ï´Ù. ÀÌ·¸°Ô ÇÏ¸é ÀüÃ¼ ¿µ¿ªÀÌ ¸¶¿ì½º Å¬¸¯¿¡ ¹ÝÀÀÇÏ°Ô µË´Ï´Ù. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* ¸¶¿ì½º ¹× Å°º¸µå Å½»ö±âÀÇ ¹è°æ ¹× ÅØ½ºÆ® »ö»óÀ» º¯°æÇÕ´Ï´Ù. */
	background: #6F7D94;
	color: #FFF;
}

/* ~~ ¹Ù´Ú±Û ~~ */
.footer {
	padding: 10px 0;

	position: relative;/* Á¦´ë·Î Áö¿ì±â À§ÇÑ IE6 hasLayoutÀ» Á¦°øÇÕ´Ï´Ù. */
	clear: both; /* ÀÌ Áö¿ì±â ¼Ó¼ºÀº ¿­ÀÌ ³¡³ª°í Æ÷ÇÔÇÏ´Â À§Ä¡¸¦ .container°¡ ÀÎ½ÄÇÏµµ·Ï ÇÕ´Ï´Ù. */
}




/* ~~±âÅ¸ ºÎµ¿/Å¬·¡½º Áö¿ì±â~~ */
.fltrt {  /* ÀÌ Å¬·¡½º´Â ÆäÀÌÁö¿¡¼­ ¿À¸¥ÂÊ ¿ä¼Ò¸¦ ºÎµ¿È­ÇÏ´Â µ¥ »ç¿ëµÉ ¼ö ÀÖ½À´Ï´Ù. ºÎµ¿È­µÈ ¿ä¼Ò´Â ÆäÀÌÁö¿¡¼­ ¿·¿¡ ÀÖ´Â ´Ù¸¥ ¿ä¼ÒÀÇ ¾ÕÂÊ¿¡ ¹èÄ¡µÇ¾î¾ß ÇÕ´Ï´Ù. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* ÀÌ Å¬·¡½º´Â ÆäÀÌÁö¿¡¼­ ¿ÞÂÊ ¿ä¼Ò¸¦ ºÎµ¿È­ÇÏ´Â µ¥ »ç¿ëµÉ ¼ö ÀÖ½À´Ï´Ù. ºÎµ¿È­µÈ ¿ä¼Ò´Â ÆäÀÌÁö¿¡¼­ ¿·¿¡ ÀÖ´Â ´Ù¸¥ ¿ä¼ÒÀÇ ¾ÕÂÊ¿¡ ¹èÄ¡µÇ¾î¾ß ÇÕ´Ï´Ù. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* #container¿¡¼­ #footer°¡ Á¦°ÅµÇ°Å³ª ¾ø¾îÁø °æ¿ì <br /> ÀÌ Å¬·¡½º´Â ¸¶Áö¸· ºÎµ¿ div(#container ³») µÚ¿¡ ¿À´Â ÃÖÁ¾ ¿ä¼Ò·Î ºó div¿¡ ¹èÄ¡µÉ ¼ö ÀÖ½À´Ï´Ù. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.content { margin-right: -1px; } /* À½¼ö °ªÀÇ ÀÌ 1px ¿©¹éÀº µ¿ÀÏÇÑ ±³Á¤ È¿°ú¿Í ÇÔ²² ÀÌ ·¹ÀÌ¾Æ¿ôÀÇ ¸ðµç ¿­¿¡ ¹èÄ¡ÇÒ ¼ö ÀÖ½À´Ï´Ù. */
ul.nav a { zoom: 1; }  /* zoom ¼Ó¼ºÀº ¸µÅ© »çÀÌÀÇ Ãß°¡ °ø¹éÀ» ±³Á¤ÇØ¾ß ÇÏ´Â hasLayout Æ®¸®°Å¸¦ IE¿¡ Á¦°øÇÕ´Ï´Ù. */












h2 { margin: 3px; }

#listbox
{
border: 1px solid black; width: 100%; margin: 0px; padding: 0; background-image: url(images/imgs-brightgray.jpg);
font-size: 11px;
}

#listbox h4
{
text-align: center;
margin: 0;
background: black;
color:white;
}

#date { color: 666; }

div.fatoz
{
width: 700px;
padding: 10;
border: 1px dashed #ccc;
text-align: center;
background: url(images/imgs-brightgray.jpg);
}

h1{ margin: 3px;}
h3{ margin-bottom: 7px; margin-top: 7px;}
h5{ margin-bottom: 4px; margin-top: 4px;}

A:hover {
	color:#EBB515;
	text-decoration: none;
	text-align: justify;
}

ul#az { line-height: 180%;}

h4 { margin: 8px 0; }

ul#navg {
margin-left:0;
padding-left:0;
list-style-type:none;
background:#a7a7a7;
float:left;
width: 100%;
font-weight: bold;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

ul#navg li{
display: inline;
}

ul#navg a{
display:block;
float:left;
padding: .2em 1em;
text-decoration: none;
color: #fff;
background: #999;
border-right: 1px solid #fff;
}

ul#navg a:hover{
color: #000;
background: #ccc;
}



ul#list {
margin-right: 2;
margin-left: 2;
padding-left: 0;
list-style-type: none;
font-size: 13px;
border: 1px;
margin-bottom: 0;
padding-bottom: 0;
}
ul#list a {
display: block;
text-decoration: none;
background: #999;
color: #fff;
padding: .1em .5em;

border-top: 1px solid #fff;
width:100%;
}
ul#list a:hover {
background: #ccc;
color: #903;
}
ul#list li {
display: inline;
}
</style>
<![endif]

h3
{
margin: 10px;
}

h2
{
margin: 10px;
}

h1
{
margin: 10px;
}

li
{
	line-height:200%;
	letter-spacing: 0.1pt;
}
	
	
div#blog_box
	{
	width: 95%;
  border: 1px solid gray;
	font-size: 90%;
	padding: 10px;
	margin: 10px;
	}
	
img{
	padding: 5px;
}

hr
{
	color: silver;
}

h2 { margin: 3px; }
h4 { margin: 8px 0; }

#listbox
{
border: 1px solid black; width: 100%; margin: 0px; padding: 0; background-image: url(images/imgs-brightgray.jpg);
font-size: 11px;
}

#listbox h4
{
text-align: center;
margin: 0;
background: black;
color:white;
}

#date { color: 666; }

div.fatoz
{
width: 700px;
padding: 10;
border: 1px dashed #ccc;
text-align: center;
background: url(images/imgs-brightgray.jpg);
}

h1{ margin: 3px;}
h3{ margin-bottom: 7px; margin-top: 7px;}
h5{ margin-bottom: 4px; margin-top: 4px;}

A:hover { color:#EBB515; text-decoration: none; }

ul#az { line-height: 180%;}

ul#navg {
margin-left:0;
padding-left:0;
list-style-type:none;
background:#a7a7a7;
float:left;
width: 100%;
font-weight: bold;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

ul#navg li{
display: inline;
}

ul#navg a{
display:block;
float:left;
padding: .2em 1em;
text-decoration: none;
color: #fff;
background: #999;
border-right: 1px solid #fff;
}

ul#navg a:hover{
color: #000;
background: #ccc;
}


ul#list {
margin-right: 2;
margin-left: 2;
padding-left: 0;
list-style-type: none;
font-size: 13px;
border: 1px;
margin-bottom: 0;
padding-bottom: 0;
}

ul#list a {
display: block;
text-decoration: none;
background: #999;
color: #fff;
padding: .1em .5em;

border-top: 1px solid #fff;
width:100%;
}

ul#list a:hover {
background: #ccc;
color: #903;
}



/*--individual content starts--*/


div.profile_photo img
{float: left;
width: 200px;
height: 200px;
border: 1px solid silver;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}


p
{font-size: 15;
padding: .5em;
line-height:1.4;
}

div.fb
{ text-align:center;
	width: 640px;
	font: 10;
	color: #606060;
	padding: 10px 5px 5px 5px;
	background: #e0e0e0;
	
}

div.indi_blog
{
	width:960;
	float:center;
}

div.indi_movie_title
{width:630;
	color:#000000;
background:#e0e0e0;
border-bottom: 1px solid #606060;
font-SIZE:17;
COLOR: GRAY;
FONT-WEIGHT: BOLD;
text-transform:uppercase;
}

div.indi_blog_title
{width:960;
	color:#000000;
background:#e0e0e0;
border-bottom: 1px solid #000000;
}

div.profile2 img
{margin-bottom: 5px;
	margin-top: 20px;
}

div.profile2
{	font-size: 15;
	text-align:center;
}



li
{
	line-height:200%;
	letter-spacing: 0.1pt;
	text-align: left;
}
	
	
div#blog_box
	{
	width: 95%;
  border: 1px solid gray;
	font-size: 90%;
	padding: 10px;
	margin: 10px;
	}

#blog_box h3
{
	background: eeeeee;
	padding: 5px;
	border-bottom: 1px solid gray;
}


div#blog_box
	{
	width: 95%;
  border: 1px solid gray;
	font-size: 90%;
	padding: 10px;
	margin: 10px;
	}


div#content_box
	{
	width: 95%;
  border: 1px solid silver;
	font-size: 90%;
	padding: 10px;
	margin: 20px;
	}

#content_box h3
{
	background: eeeeee;
	padding: 5px;
	border-bottom: 1px solid silver;
}

div#tw_bottom
{
	margin-bottom: 15px;
}

</style>[if lte IE 7]>
//-->