/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

td {vertical-align:middle;}
th {vertical-align:middle;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 22px;;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    background-color: transparent;background-color:#f1f1f1;  color: #333;   -webkit-font-smoothing: antialiased;
}

a {
    color: #08c;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.block {
    display: block;
    cursor: pointer;
}

a.block span,
a.block em {
    color: #08c;
    cursor: pointer;
}

a.block:hover {
    text-decoration: none;
}

a.block:hover span,
a.block:hover em {
    color: #08c;
    text-decoration: underline;
}
img {vertical-align:middle;}

tr td {min-height:35px;font-size:12px;}

li {padding-top:5px;padding-bottom:5px;}

#wrap {width:98%;margin:auto;}
#header {padding-top:5px;}
#header_title {padding:10px;0;10px;0;text-align:center;font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
color: #333;font-size: 16px;line-height: 1.7em;font-weight:bold;
}

#main_block_top {height:300px}
#main_block_top ol{width:98%;margin:auto;}

#main .title{height:50px;line-height:50px;font-size:16px;font-weight:bold;}
#main .title span{font-size:11px;color:#666666;font-weight:normal;}

.history {height:40px;line-height:40px;font-size:12px;border-bottom:1px solid #dddfe2;background-color:#fff;}
.history span{padding-left:10px;padding-right:10px;
	color: #4d4d4d;
	font-family: "³ª´®°íµñ", "NanumGothic", "µ¸¿ò", "Dotum", sans-serif;
}
.history div {margin:auto;text-align:left;}


.content_block li{ float:left;width:271px;text-align:center;min-height:119px;line-height:25px;border-bottom:1px solid;
border-left:1px solid;border-color: #e5e5e5 #dbdbdb #d2d2d2; 
}


.content_block2 {
	background: #fff;
	border: 1px solid;
	border-color: #e5e5e5 #dbdbdb #d2d2d2;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	margin-bottom: 8px;
}
.content_block2, .rounded {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
}
:nth-child(n).content_block2 {
	border: none;
}
:nth-child(n).content_block2 {
	border: none;
}

.content_block2 li{ float:left;text-align:center;min-height:80px;line-height:25px;
border-left:1px solid;border-color: #e5e5e5 #dbdbdb #d2d2d2; 
}

.content_block2 li{ float:left;text-align:center;min-height:28px;line-height:28px;
border-left:1px solid;border-color: #e5e5e5 #dbdbdb #d2d2d2; 
}

.content {
	background: #fff;
	border: 1px solid;
	border-color: #e5e5e5 #dbdbdb #d2d2d2;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	margin-bottom: 8px;
}
.content, .rounded {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
}
:nth-child(n).content {
	border: none;
}
:nth-child(n).content {
	border: none;
}

#content a {
    color: #666666;
}
#content a:link, a:visited, a:active {
    text-decoration: none;
}

#content a:hover {
    text-decoration: none;
}

.course_name{font-weight:bold;color:#08c}
}


.content_title {
border-bottom: 1px solid;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
height:41px;line-height:41px;
font-size:14px;
font-weight:bold;
color:#333;
padding-left:10px;
text-align:center;
}

.content_title2 {
box-shadow: 0 1px 3px rgba(0,0,0,.35);
background: #fff;
border-bottom: 1px solid;
border-top:1px solid;
border-right:1px solid;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
box-shadow: none;
background-color: #f1f1f1;
height:41px;line-height:41px;
font-size:14px;
font-weight:bold;
color:#333;
padding-left:10px;float:left;width:533px;
}

.content_title3 {
box-shadow: 0 1px 3px rgba(0,0,0,.35);
background: #fff;
border-bottom: 1px solid;
border-top:1px solid;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
box-shadow: none;
background-color: #f1f1f1;
height:41px;line-height:41px;
font-size:14px;
font-weight:bold;
color:#333;
padding-left:10px;float:left;width:534px;
}



.item4 {width:270px;}

.clear{
	clear: both;
}

#community.btn {position:relative;width:100px;margin-left:auto;margin-right:auto;height:28px;border:1px solid #a8aaaf; cursor:pointer;text-align:center;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
-webkit-border-radius:4px;border-radius:4px;
}
#community.btn span{line-height:28px;font-size:12px;color:#766;text-align:center;}
.line	{height:1px; font-size:1px; clear:both; background: #d5d7d9;}

.mid_menu {border-top:1px solid #d5d7d9; font-size:16px; border-bottom:1px solid #007acc;background-color:#fafafa;}
.mid_menu_on {font-weight:bold;border:2px solid #007acc; border-bottom:0px;width:141px;font-size:16px;height:45px;}



 

.circle {

  display: block;
  width: 70px;
  height: 60px;
  margin: 1em auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 5px solid #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);  
}

#quick_menu {  
  position:absolute;
  height:600px;   /* Äü¸Þ´º, ¹è³Ê À̹ÌÁöÀÇ ³ôÀÌ */
  width:50px;    /* Äü¸Þ´º, ¹è³Ê À̹ÌÁöÀÇ ³Êºñ*/
  margin:0px 0px 0px 550px;   /* °¡Àå ¿À¸¥ÂÊÀÇ ¼öÄ¡°¡ È­¸é °¡¿îµ¥¿¡¼­ ¾ó¸¶¸¸Å­ ¿À¸¥ÂÊÀ¸·Î ·¹À̾ ºÙÀÏ °ÍÀÎÁö ¼³Á¤  */ 
  top: 208px;  /* ¹è³Ê »ó´Ü¿¡¼­ ¾ó¸¶³ª ¶³¾î¶ß¸±Áö ¼³Á¤*/
  left: 50%;     /* ·¹À̾îÀÇ ½ÃÀÛÁ¡ÀÌ ¿ÞÂÊÀ¸·Î ºÎÅÍ 50% ÁöÁ¤ */
  text-align: left;
  padding: 0px;
 }



#slideshow
{ 
	border:0.1em solid #cccccc;
    width:100%;
	left:0px;
	top:77px;
	position:absolute;
	background-color:white;
	display:none;
	z-index:999;
	border-bottom:5px solid #000;
}

#slideshow li{
	border-bottom:1px solid #000;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
}