/* ===================================================================== */
/* tanmam.kr basic text CSS  */
/* ===================================================================== */

/* ===================================================================== */
/* Menutop MenusubDefine, SubMenu Define */
/* ===================================================================== */

/* blockquote (인용), outline(개요), para(단락, 항목), note(주석, 설명), exam(보기예문), sum(결론, 요약), core(중요핵심), linkbox(링크), h1, h2, h3, h4, textwh  */

blockquote { 
 font-size: 2rem;
 color: #000000;
 background-color: #ffffbb; 
 border : 1px solid #555555;
 border-top-left-radius : 20px;
 border-top-right-radius : 20px;
 border-bottom-left-radius : 20px;
 border-bottom-right-radius : 20px;
 padding: 24px; 
 line-height:150%;
 }

.outline { 
 font-size: 2rem;
 font-weight: normal;
 color: #ffffff;
 background-color: #000000; 
 border : 8px solid #999999;
 border-top-left-radius : 10px;
 border-top-right-radius : 10px;
 border-bottom-left-radius : 10px;
 border-bottom-right-radius : 10px;
 padding: 30px; 
 line-height:150%;
 }

.para { 
 font-weight: bold;
 font-size: 2.2rem;
 color: #ffffff;
 background-color: #555555; 
 border : 4px solid #000000;
 padding: 10px; 
 line-height:150%;
 }

.note { 
 font-size: 2rem;
 color: #002134;
 background-color: #dff3ff; 
 border : 1px solid #002134;
 padding: 24px; 
 line-height:150%;
 }

.exam { 
 font-size: 2rem;
 color: #000000;
 background-color: #eeeeee; 
 border : 1px solid #00757c;
 padding: 24px; 
 line-height:150%;
 }

.sum { 
 font-weight:bold;
 color: #000000;
 background-color: #ffe6ed; 
 border : 4px solid #ff0048;
 border-top-left-radius : 20px;
 border-top-right-radius : 20px;
 border-bottom-left-radius : 20px;
 border-bottom-right-radius : 20px;
 padding: 24px; 
 line-height:150%;
 }

.core { 
 font-weight: bold;
 font-size: 2rem;
 color: #ffffff;
 background-color: #ee0000; 
 border : 4px solid #000000;
 border-top-left-radius : 16px;
 border-top-right-radius : 16px;
 border-bottom-left-radius : 16px;
 border-bottom-right-radius : 16px;
 padding: 30px; 
 line-height:150%;
 }

.linkbox { 
 font-weight: normal;
 color: #ffffff;
 background-color: #46aeff; 
 border : 2px solid #0073cc;
 border-top-left-radius : 4px;
 border-top-right-radius : 4px;
 border-bottom-left-radius : 4px;
 border-bottom-right-radius : 4px;
 padding: 2px 10px 2px 10px;
 }

.won { 
 font-size: 2.2rem; 
 font-weight:bold;
 color: #000000;
 border : 6px solid #aaaaaa;
 border-radius: 50%;
 margin: 1px;
 padding: 3px; 
 border-top: 6px solid #000000;
 }

h1 { font-size: 3rem; font-weight:bold; }
h2 { font-size: 2.6rem; font-weight:bold; text-shadow: #aaaaaa 0 3px 3px; }
h3 { font-size: 2.4rem; font-weight:bold; }
h4 { font-size: 2.2rem; font-weight:bold; }

.textwh { color:#ffffff; }


/* ================================================`===================== */
/* Menutop MenusubDefine, SubMenu Define */
/* ===================================================================== */

#menutop
{
  height:80px; /* necessary for ie win */
  margin: 0;
  text-align : center;
  color:#ffcc00;
  font-family: 'trebuchet ms', verdana, 'dotum', palatino, georgia, arial;
  font-weight: bold;
  font-size: 2rem;
  background:#000000; 
}

#menutop a { text-decoration: none; color: #ffcc00;}
#menutop a:hover { 
 color: red;
 }
#menutop a:active { 
 color: white;
 }  

#menusub
{
 height:50px; 
 padding-top : 20px ; 
 background-color : #333333;
 color:#ffcc00;
 text-align : center;
}

#menusubhome
{
 height:120px; 
 background-color : #222222;
 color:#ffffff;
 text-align : center;
}

#menusubhome_box
{
 margin: 0 auto; /* center on everything else */
 width: 990px;
 text-align: left;
}

#menusubhome_left 
{ 
 width: 260px; /* ie */ 
 display: inline; /* ie win bugfix */
 color:#ffffff;
 position : relative;
 top : 50px;
 text-align : left; 
 padding: 1px 1px 1px 30px;
}

#menusubhome_right { 
 width: 720px; /* ie */ 
 padding: 2px 2px 2px 120px;
 text-align : left;
 color:#ffffff;
 position : relative;
 top : -20px;
 left : 220px;
}

#menusubhome_right_bold 
{
 font-weight: bold;
 font-size: 1.4rem;
 color:#ffffff;
 text-align: left;
 line-height:150%;
 padding-left: 20px;
 padding-top: 14px;
}

a menusubhome_box:link { color: #ffffff; }
a menusubhome_box:visited { color: #ffffff; }
a menusubhome_box:active { color: #ffffff; }
a menusub_box:hover { color: #ffffff;}


/* ===================================================================== */
/* Box */
/* ===================================================================== */

#content
{
 position: relative;
 margin: 0 auto; /* center on everything else */
 padding: 10px 10px 10px 10px;
 width: 940px;
 text-align: left;
}

#titlebox
{
 background:#222222;  
 text-align: center;
 margin: 0px 0px 0px 0px; 
 padding: 25px 25px 25px 25px;
 color:#ffcc00;
 font-size: 3rem; 
 font-weight:bold; 
 font-family: verdana, 'trebuchet ms', sans-serif, '돋움', '돋움체', 'dotum', palatino, georgia, arial;
}

.roundboxtop{ 
 border : 1px solid #555555;
 border-top-left-radius : 20px;
 border-top-right-radius : 20px;
 padding: 15px; 
 background-color: #555555; 
 font-size: 2.5rem;
 font-weight: bold;
 color:#ffffff;
 text-align: left;
 line-height:150%;
 }
.roundboxtop a:link { 
   text-decoration: none;
   color: white;
	 }
.roundboxtop a:visited { 
   text-decoration: none;
   color: white;
	 }
.roundboxtop a:hover { 
   text-decoration: none;
   color: red;
	 }
.roundboxtop a:active { 
   text-decoration: underline;
   color: gold;
	 }

.roundboxbottom{ 
 border : 1px solid #555555;
 border-bottom-left-radius : 20px;
 border-bottom-right-radius : 20px;
 padding: 15px; 
 background-color: #ffffff; 
 font-size: 2rem;
 line-height:150%;
 }


 li{ 
 list-style: disc; 
 margin-bottom: 5px; 
 } 
	
#copyright
{
 height:50px; 
 text-align: center;
 margin: 0px 0px 0px 0px; 
 padding: 10px 10px 10px 10px;
}


/* ===================================================================== */
/* tanmam post Define */
/* ===================================================================== */

#post_titlebg
{
 background:#333333;  
 height:80px; 
}

#post_titlebox
{
 position: relative;
 margin: 0 auto; /* center on everything else */
 padding: 10px 10px 10px 10px;
 width: 940px;
 text-align: left;
}

#post_title  { 
 margin: 0px 0px 0px 10px; 
 padding: 10px 10px 10px 10px;
 color:#ffcc00; 	 
 font-size: 2rem;
 font-weight: bold; 
}

#post_entrybox { 
 position: relative;
 margin: 10px auto; /* center on everything else */
 padding: 10px 10px 10px 10px;
 width: 940px; /* ie */ 
 text-align : left;
}

#post_entrybody  { 
 font-size: 1.8rem;
 font-weight:normal; 
 line-height:150%;
}

#post_entrymore  { 
 font-weight:normal; 
 line-height:150%;
}

#post_tag  { color:#ffffff; }
#post_entrybox a { text-decoration: none; }
#post_entrybox a:hover { text-decoration: underline; }


/* ===================================================================== */
/* tanmam basic elements */
/* ===================================================================== */

html
{
  font-size: 16px;
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

/* tanma body */
body
{
  margin: 0;
  /* setting border: 0 hoses ie5 win window inner well border */
  padding: 0;
  font-family: verdana, 'trebuchet ms', sans-serif, '돋움', '돋움체', 'dotum', palatino, georgia, arial;
  font-size: 1.8rem;
  font-weight:normal;
  color:#000000;
  text-align: center;
  line-height: 160%;
  background:#ffffff;

}

form, input { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0; }

/* standard helper classes */
.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

