@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);

img {border: none;}
body,table {FONT-SIZE: 9pt; LINE-HEIGHT: 12pt; FONT-FAMILY: "µ¸¿ò" ; color: #454545}
tr,td {
	font-family: "±¼¸²";
	font-size: 9pt;
	line-height: 150%;
	color: #1B1B1B;
}
.body {
	font-family: "±¼¸²";
	font-size: 12pt;
	line-height: 150%;
	color: #1B1B1B;
}
.main_back {
	background-attachment: scroll;
	background-image: url(../images/bg/main.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ffffff
}
.text {font-family:"±¼¸²","±¼¸²Ã¼";color:#454545;font-size:12px;line-height:13px;}
.notice {font-family:"±¼¸²","±¼¸²Ã¼",;color:#454545;font-size:11px;line-height:13px;}
.news {COLOR: #454545; FONT-FAMILY: µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.view {COLOR: #454545; FONT-FAMILY: µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px; line-height:13px}
.contents {COLOR: #454545; FONT-FAMILY: µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.history {COLOR: #CC0043; FONT-FAMILY: µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.position {COLOR: #b2b2b2; FONT-FAMILY: µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
#box{width:597;height:246; overflow:auto;padding:5px;line-height:150%;color:#454545;font-size:9pt;font-family:±¼¸²;scrollbar-face-color:#cccccc;scrollbar-shadow-color:#ffffff;scrollbar-hightlight-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#cccccc;scrollbar-track-color:#EDEDEF;scrollbar-arrow-color:#ffffff;}

.whitebox {Background-color:#ffffff; Border:0px SOLID #ffffff;font-family:
"±¼¸²Ã¼,±¼¸²";font-size:"12px";color:#000000;line-height:13px}

.whitearea {Background-color:#ffffff; Border:1px SOLID #000000;font-family:
"±¼¸²Ã¼,±¼¸²";font-size:"12px";color:#000000;line-height:12px}

.board {COLOR: #454545;  FONT-FAMILY: µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;  PADDING-BOTTOM: 3px; PADDING-LEFT: 6px; PADDING-TOP: 5px; TEXT-ALIGN: left; line-height:13px}

A:link { color:#000000;font:12px;font-style:±¼¸²;text-decoration:none;line-height:18px;}
A:visited { color:#000000;font:12px;font-style:±¼¸²;text-decoration : none;line-height:18px;}
A:active { color:#000000;font:12px;font-style:±¼¸²;text-decoration:none;line-height:18px;}
A:hover { color:#000000;font:12px;font-style:±¼¸²;text-decoration:none;line-height:18px;}

a.sitemap:link  { color:#9E9E9E; text-decoration:none; font-size:9pt; font-family:µ¸¿ò,seoul;}
a.sitemap:visited { color:#9E9E9E; text-decoration:none; font-size:9pt; font-family:µ¸¿ò,seoul;}
a.sitemap:active { color:#000000; text-decoration:none; font-size:9pt; font-family:µ¸¿ò,seoul;}
a.sitemap:hover { color:#000000; text-decoration:underline; font-size:9pt; font-family:µ¸¿ò,seoul;}

a.course:link  { color:#454545; text-decoration:none; font-size:9pt; font-family:µ¸¿ò,seoul; font-weight:bold;}
a.course:visited { color:#454545; text-decoration:none; font-size:9pt; font-family:µ¸¿ò,seoul; font-weight:bold;}
a.course:active { color:#FF0000; text-decoration:none; font-size:9pt; font-family:µ¸¿ò,seoul; font-weight:bold;}
a.course:hover { color:#FF0000; text-decoration:none; font-size:9pt; font-family:µ¸¿ò,seoul; font-weight:bold; background:#FFFFFF; padding:1 1 0}


/*css ¸Þ´ººÎºÐ*/
#menu ul,
#menu li,
#menu span,
#menu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#menu {
  line-height: 1;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  /*background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #333333),
    color-stop(100%, #141414)
  );
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  border-bottom: 1px solid #0fa1e0;*/
}
#menu:after,
#menu ul:after {
  content: "";
  display: block;
  clear: both;
}
#menu a {
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #333333),
    color-stop(100%, #141414)
  );
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 19px 20px;
  text-decoration: none;
}
#menu ul {
  list-style: none;
}
#menu > ul > li {
  display: inline-block;
  float: left;	/*¼¾Å͸ÂÃß±â*/
  margin: 0;
}
#menu.align-center {
  text-align: center;
}
#menu.align-center > ul > li {
  float: none;
}
#menu.align-center ul ul {
  text-align: left;
}
#menu.align-right > ul {
  float: right;
}
#menu.align-right ul ul {
  text-align: right;
}
#menu > ul > li > a {
  color: #ffffff;
  font-size: 12px;
}
#menu > ul > li:hover:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}

#menu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

#menu.align-right > ul > li:first-child > a,

#menu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#menu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#menu > ul > li.active > a,
#menu > ul > li:hover > a {
  color: #ffffff;
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #262626),
    color-stop(100%, #070707)
  );
  background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
  background: -o-linear-gradient(top, #262626 0%, #070707 100%);
  background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
  background: linear-gradient(to bottom, #262626 0%, #070707 100%);
}
#menu .has-sub {
  z-index: 1;
}
#menu .has-sub:hover > ul {
  display: block;
}
#menu .has-sub ul {
  display: none;
  position: absolute;
  width: 120px;		/*2depth ³ÐÀÌ*/
  top: 100%;
  left: 0;
}
#menu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#menu .has-sub ul li {
  *margin-bottom: -1px;
}
#menu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #31b7f1;
  font-size: 11px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#menu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#menu ul ul li:hover > a {
  color: #ffffff;
}
#menu .has-sub .has-sub:hover > ul {
  display: block;
}
#menu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#menu.align-right .has-sub .has-sub ul,
#menu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#menu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1;
}
#menu .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#menu ul ul li.last > a,
#menu ul ul li:last-child > a,
#menu ul ul ul li.last > a,
#menu ul ul ul li:last-child > a,
#menu .has-sub ul li:last-child > a,
#menu .has-sub ul li.last > a {
  border-bottom: 0;
}

/*sub menu css*/
.snb {
  width: 225px;
}
.snb h2 {
  font-family: 'Nanum Gothic', sans-serif;
  padding: 30px 0px 0px 0px;	
  text-align: right;
  font-size: 25px;
  color: #333;
  font-weight: normal;
}
.snb ul {
  border-top: 2px solid #ff9800;
  border-bottom: 1px solid #999;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.snb li {
  border-top: 1px solid #e2e2e2;
}
.snb li:first-child {
  border-top: none;
}
.snb li a {
  font-family: 'Nanum Gothic', sans-serif;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
  height: 41px;
  line-height: 41px; /*ÁÙ°£°ÝÀ» ³ôÀ̸¸Å­ ÁÖ¸é ÀÚµ¿À¸·Î »óÇÏ°¡¿îµ¥ Á¤·ÄÀÌ µÈ´Ù.ÇÑÁÙ¸¸ Àû¿ëµÈ´Ù.*/
  text-indent: 10px; /*µé¿©¾²±âµµ ÇÑÁÙ¿¡¸¸ Àû¿ëµÈ´Ù.*/
  font-size: 16px;
  color: #333;
}
.snb li a:hover {
  background: url(../cssmenu/bg_over.gif) no-repeat 210px center #f5f5f5;
}