/* ÀüÃ¼ ÇØ´ç */
body {margin:0;padding:0;color:#898989; font:12px, verdana,tahoma,arial;
 overflow-y:scroll;overflow-x:hidden;
		/*scrollbar-face-color:#ffffff;
		scrollbar-arrow-color:#cdcdcd;
		scrollbar-3dlight-color:#e5e5e4;
		scrollbar-highlight-color:#ffffff;
		scrollbar-shadow-color:#ffffff;
		scrollbar-darkshadow-color:#e5e5e4;
		scrollbar-track-color:#f7f7f7;*/
}

div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,form {margin:0;padding:0;list-style:none;}

table {
	font-size: 1p2x; color: #999999; font-family:arial;
}
td {
	vertical-align:top;font-size: 12px; color: #999999; line-height: normal; font-family:verdana,tahoma,arial;
}
select {
	font-size: 12px;  color: #999999; line-height: normal; font-family:verdana,tahoma,arial;
}
textarea {
	font-size: 12px; color: #999999; line-height: normal; font-family:verdana,tahoma,arial;
}
input {
	font-size: 12px; color: #999999; font-family:verdana,tahoma,arial;
}
img {
	border: 0; margin:0;
}
a:link {
	color: #999999; font-family:arial; text-decoration: none;
}
a:visited {
	color: #999999; font-family:arial; text-decoration: none;
}
a:hover {
	color: #444444; font-family:arial; text-decoration: underline;
}

input {border:1px solid #d5d2c7;background-color:#f0ede0;height:20px;color:#999999;font-size:11px;}

/*layout*/
.wrap{width:100%;position:relative; margin:0 auto;}
.header_bg {position:relative;width:100%; margin:0 auto;text-align:left;background:url(images/top_bg.gif) left top repeat-x;}
.header{position:relative;width:1000px; height:115px; margin:0 auto;text-align:left;}
.container{}
.subcontainer{width:1000px;margin:0 auto;}
.top_bg {position:relative; width:100%;height:414px;margin:0;background:url(images/visual_bg.gif) left top;}
.top {position:relative;width:1000px;height:414px;margin:0 auto;background:url(images/visual.jpg) top;}
.contents{position:relative;width:1000px; margin:0 auto;}
.sidebar{width:229px;float:left; padding-bottom:30px; padding-top:65px;}
.subcontents{position:relative;width:720px;float:left; padding-left:50px; padding-top:20px; padding-bottom:80px; min-height:600px;}
.footer{width:926px;height:79px;clear:both; vertical-align:bottom;}
.gnb{width:1000px; height:30px; float:left;}

/*header*/
.header .h1{padding:30px 0 0 0;float:left}
.header .header_left{width:700px;float:right;}
.header .header_left a{font-size:9px;color:#f4f0eb;font-weight:bold}
.header .header_left ol{overflow:auto;margin: 4px 0 24px 490px}
.header .header_left ol li{float:left;padding-right:10px}

/*navi*/
.depth1{height:30px; width:1000px;}
.depth1 ul{float:left; padding:19px 0 0 10px; color:#898989;}
.depth1 li{display:inline;font-family:verdana; font-size:12px; font-weight:bold;}
.depth1 img{ margin:0 8px;}
.depth1 li a,.depth1 li a:link,.depth1 li a:visited{ color:#898989; text-decoration:none; }
.depth1 li a:hover{color:#444444; text-decoration:none;}

.depth2{z-index:50; position:absolute; top:77px; left:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.depth2 ul{float:left; color:#5f6592; background-color:#d7d1cd; padding:2px 10px;}
.depth2 li{display:inline; height:28px; line-height:20px; font-size:12px; font-family:Arial; padding-right:10px;}
.depth2 li a,.depth2 li a:link,.depth2 li a:visited{color:#fff; text-decoration:none; padding-left:8px;}
.depth2 li a:hover{color:#737373; text-decoration:none; background-image:url(images/bul_04.gif); background-repeat:no-repeat; background-position:left;}

.lnb{position:absolute; top:44px; left:846px;  font-size:11px; font-family:Arial; color:#696969; width:154px; text-align:right;}
.lnb ul{ font-size:11px; font-family:Arial; color:#696969;float:right;height:8px;}
.lnb li{display:inline;}
.lnb li img.bar {margin:-1px 8px;}
.lnb li a,.lnb li a:link,.lnb li a:visited{color:#696969; text-decoration:none;}
.lnb li a:hover{text-decoration:underline;}


/* navigation layer */
#sb1{visibility:hidden; position:absolute; top:36px; width:800px; z-index:10;}
#sb2{visibility:hidden; position:absolute; top:36px; width:600px; z-index:10; left:200px;}
#sb3{visibility:hidden; position:absolute; top:36px; width:200px; z-index:10; left:400px;}
/* #sb4{visibility:hidden; position:absolute; top:36px; width:100px; z-index:10; left:500px;}*/
#sb5{visibility:hidden; position:absolute; top:36px; width:500px; z-index:10; left:615px;}


/*top*/
.top h2{font:50px Arial;color:#fe6402;padding:125px 0 10px 20px; letter-spacing:-1px;}
.top dl{padding-left:20px}
.top dl dt{font:35px Arial;color:#ffffff;}
.top dl dd{font-size:6px;font-style:normal;color:#fe9529; padding-top:20px;}

/*sidebar*/
.sidebar h1{font:22px Verdana;color:#fe6402;font-weight:bold;letter-spacing:-1px;padding:24px 14px 15px 8px; border-bottom:1px dotted #bfbfbf; margin:0 14px 0 14px;}
.sidebar .ul{width:229px;padding:10px 0 0 12px;}
.sidebar .ul h2{padding-top:7px;padding-bottom:10px;}
.sidebar .ul h2{padding-left:5px; padding-right:15px;width:200px;}
.sidebar .ul a,.sidebar .ul a:link,.sidebar .ul a:visited{font:12px Verdana;color:#a7a7a7; padding-left:8px;background-image:url(images/bul_01.gif); background-repeat:no-repeat; background-position:left;}
.sidebar .ul a:hover{color:#585858;text-decoration:none; background-image:url(images/bul_03.gif); background-repeat:no-repeat; background-position:left;}
.sidebar p{font-size:13px;font-style:italic;font-weight:bold;color:#ffffff;padding:7px 0 0 68px}
.sidebar p a,.sidebar p a:link,.sidebar p a:visited,.sidebar p a:hover{color:#fff; text-decoration:none; font-size:13px;}
.sidebar_top{height:300px;border:1px solid #fe6402;}


/*contents*/
.contents .contents_top{padding-top:26px}
.contents .contents_top dl{padding:10px 0 0 21px;height:123px}
.contents .contents_top dt{float:left;padding-right:13px}
.contents .contents_top dd{font:10px Verdana;color:#333333;padding-top:3px;letter-spacing:-1px}
.contents .contents_left{float:left;width:577px; height:174px;}

.contents .contents_center {float:left;width:356px; height:174px;padding-top:26px;}
.contents .contents_center p{font:10px Verdana;color:#333333;letter-spacing:-1px;word-spacing:1px;padding:15px 19px 0 13px}
.contents .contents_right{float:left;width:408px;}
.contents h1{padding:0 0 10px 13px;font-size:14px;font-weight:bold;color:#333333;border-bottom:1px solid #c5c5c2;width:320px;}
.contents h2{padding:0 0 10px 13px;width:308px;}
.contents .contents_right h1{width:408px;margin:0px}
.contents .left_bottom{padding-left:16px}

/*contents*/
#recom_lect {height:155px;}
#recom_lect .tab_wrap {width:577px;background:url(images/main_tab_bg.gif) no-repeat left top;}
#recom_lect dl {width:577px;padding:0 19px 20px;background:url(/images/education/bg_lect_c.gif) no-repeat left bottom;}
#recom_lect dt {float:left;width:129px;margin-right:14px;height:97px;padding:4px 0 0 4px;background:url(/images/education/bg_lect_snap.gif) no-repeat left top;}
*html #recom_lect dt {width:133px;height:101px;}
#recom_lect dt p {width:128px;height:16px;padding-top:6px;margin:14px 0 0 -4px;font:normal 11px dotum,'µ¸¿ò';color:#898989;text-align:center;background:url(/images/education/bg_lect_txt.gif) no-repeat left top;}
*html #recom_lect dt p {width:128px;height:22px;}
#recom_lect dt span {font-weight:bold;color:#363636;padding-right:5px;}
#recom_lect dd {float:left;width:300px;padding-top:5px;}
#recom_lect dd li {font:normal 11px/18px dotum,'µ¸¿ò';color:#898989;}
#recom_lect dd li a {font:normal 11px dotum,'µ¸¿ò';color:#898989;}
#recom_lect dd li span {font:bold 11px dotum,'µ¸¿ò';color:#879d35;padding-right:5px;}
#recom_lect #tab_menu.edu_lect li a {padding:10px 79px 0 0;}
*html #recom_lect #tab_menu.edu_lect li a {padding:10px 79px 0 0;}


/*title*/
#hc_title {clear:both;background:url(images/sub_tit_bg.gif) no-repeat left top;height:228px;}
#hc_title td.title {font:26px Verdana;color:#000000;font-weight:bold;letter-spacing:-1px; padding-top:64px;}
#hc_title td.title2 {font:26px Verdana;color:#000000;font-weight:bold;letter-spacing:-1px; padding-top:38px;}
#hc_title td.navi {text-align:right;font-size:11px;color:#838383;padding-top:108px;font-family:verdana;}
#hc_title td.navi img {margin-right:5px; padding-bottom:5px;}
#hc_title td.navi a {background:url(images/bul_13.gif) no-repeat left 5px;padding:2px 6px 0 9px;color:#838383;}
#hc_title td.navi a.home {padding:2px 8px 0 10px;}
#hc_title td.navi .here {background:url(images/bul_13.gif) no-repeat left 5px;padding:2px 0 0 10px;color:#464749;}

/*contents*/
.subcontents .subcontents_left{float:left;width:720px;padding-top:37px;}
.subcontents .subcontents_left p{font:11px Verdana;color:#666666;padding:15px 19px 0 15px;line-height:15px;}
.subcontents .subcontents_left p a,.subcontents_left p a:link,.subcontents_left p a:visited,.subcontents_left p a:hover{font:11px Verdana;color:#279eea;line-height:15px;}
.subcontents .area {position:relative;font:11px Verdana;width:676px; height:351px;background:url(images/con02_bg.gif) no-repeat; top;}
.subcontents .cyber {position:relative;font:11px Verdana;width:676px; height:555px;background:url(images/con06_bg.gif) no-repeat; top;}
.subcontents .pro {position:relative;font:11px Verdana;width:676px; height:512px;background:url(images/con05_bg.gif) no-repeat; top;}
.subcontents .area1 {position:relative;font:11px Verdana; padding-top:10px;}
.subcontents .subcontents_right{float:left;width:174px; padding-top:26px;}
.subcontents h1{padding:0 0 10px 13px;font-size:14px;font-weight:bold;color:#333333;border-bottom:1px solid #c5c5c2;width:320px;}
.subcontents h2{padding:0 0 10px 13px;width:308px;}
.subcontents h3{font-size:45px;font-weight:normal;color:#bbc32f;letter-spacing:-1px;}
.subcontents h4{font-size:45px;font-weight:normal;color:#fc8414;letter-spacing:-1px;}
.subcontents .tit{font:15px Verdana;color:#000000; padding-left:15px;}
.subcontents .tit2{font:17px Verdana;color:#333333;font-style:italic; padding-left:15px;}
.subcontents ul{padding:15px 0 0 17px;}
.subcontents li{position:relative;font:11px Verdana;color:#666666;line-height:20px;}
.subcontents li strong{position:absolute;top:0;left:0}
.subcontents li span{display:block;padding-left:80px;*margin-top:-15px}
.subcontents .subcontents_left h1{width:320px;margin-right:10px}
.subcontents .subcontents_left h1 .morebtn {float:right;padding-right:3px;}
.subcontents .left_top{font:10px Verdana;color:#333333;letter-spacing:-1px;word-spacing:1px;padding:15px 19px 0 13px}
.subcontents .left_bottom{padding-left:16px}

.con01_stit{font:16px Verdana;color:#2962d8;font-style:italic;}
.con01_txt01{font:12px Verdana;}
.con01_txt02{font:12px Verdana; text-align:right;color:#000000;}

.text01 {
	color: #FD6401;
	font-family: "Arial";
	font-size: 12px;
	line-height:14px;
}

.text02 {
	color: #6A6A6A;
	font-family: "Arial";
	font-size: 11px;
	line-height:14px;
}

.text03 {
	color: #FF4800;
	font-family: "Arial";
	font-size: 12px;
	line-height:14px;
	padding-left:3px;
}

.line01 {
	border-top: 1px solid #FD6401;
	border-bottom:1px solid #E3E3E5;
	text-align:left;
}

.line02 {
	border-bottom:1px solid #E3E3E5;
	text-align:left;
}

.tab01 {
	color: #4B4B4B;
	font-family: "Arial";
	font-size: 11px;
}

.text06 {
	color: #4B4B4B;
	font-family: "Arial";
	font-size: 11px;
}

.text07 {
	color: #8F8F8F;
	font-family: "Arial";
	font-size: 11px;
	
}

.text08 {
	color: #6a6a6a;
	font-family: "Arial";
	font-size: 12px;
	text-align:left;
	
}

.text09 {
	color: #333333;
	font-family: "Arial";
	font-size: 11px;
	line-height:14px;
	padding-left:3px;
}
.text10 {
	color: #333333;
	font-family: "Arial";
	font-size: 11px;
	line-height:14px;
	border-bottom:1px solid #E3E3E5;
	text-align:left;
}

.text11 {
	color: #4B4B4B;
	font-family: "Arial";
	font-size: 11px;
	padding-top:3px;
}


/*footer*/
.footer{width:100%; height:103px; vertical-align:bottom; z-index:10px; clear:both;  background-image:url(images/footer_bg.gif); background-repeat:repeat-x; font-family:Arial; text-align:center;}
.footer table{width:1000px; position:relative; margin:0 auto; text-align:left; vertical-align:bottom;}
.footer td{padding:8px 0 0 0;font-size:11px;color:#8d8d8d;letter-spacing:-1px; line-height:15px;}
.footer td a,.footer td a:link,.footer td a:visited,.footer td a:hover{font-size:11px;color:#666666;}
.footer ul li{float:left;font-size:11px;color:#666666;}
.footer ul li img{margin-right:42px}
.footer ul li a,.footer ul li a:link,.footer ul li a:visited,.footer ul li a:hover{padding-left:20px}
.footer ul li a img{margin:0; padding-top:2px;}
.text_link{display:inline; width:980px; height:10px; list-style:none;font-size:11px;color:#666666;letter-spacing:0px; }
