@charset "utf-8";
/* CSS Document */
body { 
	margin:0;
	padding:0;	
	}
img { border:0;}
h1 { font-size:150%; color:#666666;}
#top { background:url(img/cont_bg.gif) top no-repeat; width:800px; height:266px;}
#c_menu { 
	position:relative;
	top:200px;right:-2px;
	margin:0;
	padding:0;
	height:62px;
	list-style:none;
	display:inline;
	overflow:hidden;
	float:right;
	}
#c_menu li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}
#c_menu a {
	float:left;
	padding:62px 0 0 0;
	overflow:hidden;
	height: 0 ;
	}
#c_menu a:hover {
	background-position: 0 -62px;
	}

#c_m1 a{
	width:98px; height:62px; margin-right:4px;
	background:url(img/s_menu1.png) top left no-repeat;
	}
#c_m2 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu2.png) top left no-repeat;
	}
#c_m3 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu3.png) top left no-repeat;
	}
#c_m4 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu4.png) top left no-repeat;
	}
#c_m5 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu5.png) top left no-repeat;
	}
#c_m6 a{
	width:98px;height:62px; margin-right:4px;;
	background:url(img/s_menu6.png) top left no-repeat;
	}
#content {
	background:url(img/i_cnt_bg.gif) repeat-y top;
	width:800px; margin:0px 0 0 0; height:auto;
	}

#leftDojang {
	background:url(img/i_home.gif) no-repeat;
	width:189px; height:234px; float:left;
	}
#i_dojang {
	padding:130px 0 0 102px;
	}
#menuHome {
	padding:0px 0 0 60px;
	font-family:verdana; font-size:11px;color:#ffc20e ; font-weight:bold
	}
#menuHome a{color: #ffc20e;text-decoration:none}
#menuHome a:hover{color:#ffffff;text-decoration:none}

#leftMenu { padding:25px 10px 0 10px ; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;
			}
.l_menu { padding:2px 5px 2px 5px; color: #ff6633;border-top:1px dotted  #999999; line-height:18px; }
.l_menu a:hover{ text-decoration:none; color:#ff6633;}
.l_menu a{ text-decoration:none; color:#666666;}
.ml4 { border-bottom:1px dotted #999999; }

#rightContent {
	float:left; width:610px; 
	}
#bon {
	padding:13px 10px 40px 12px;
	font-family:verdana,Arial, verdana,Helvetica, sans-serif;
	font-size:11px; color:#666666; line-height:16px;
	}
#bot {  clear:both; }
#bar1 { position: relative; top:2px;width:800px; height:42px; margin-top:-4px; background: url(img/i_bottom1.gif) no-repeat; clear:both}
#s_cont { padding:10px 0 0 10px;float:left;}
.elearn33 {font-family:tiems new roman,Garamond,verdana; font-size:18px;font-weight:bold; color:#009900; line-height:24px;}
.elearn34 {font-family:verdana, arial; font-size:18px; color:#009900; line-height:24px; letter-spacing:-1px;}

table {
	width:585px;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-collapse:collapse;
	}
th,td {
	padding:4px 10px 4px 10px;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	}
/*-----------------------------------------------------*/
.expl { width:585px; line-height:16px;}
.expl_a { width:585px; border-bottom:dotted 1px #999999;}
.expl_b { width:585px; line-height:16px; padding:5px 0 0 0;}
/*-----------------------------------------------------*/
#his1 { background:url(img/history1.gif) no-repeat;width:585px;height:580px;}
#his2 { background:url(img/history2.gif) no-repeat;width:585px;height:580px;}
#his3 { background:url(img/history3.gif) no-repeat;width:585px;height:580px;}
#his4 { background:url(img/history4.gif) no-repeat;width:585px;height:580px;}
#his5 { background:url(img/history5.gif) no-repeat;width:585px;height:660px;}
#gojo { position:relative;top:188px;padding:0 20px 0 20px; line-height:16px;}
#sila { position:relative;top:360px;padding:0 130px 0 30px; line-height:16px;}
#gogu { position:relative;top:130px;padding:0 20px 0 195px; line-height:16px;}
#baek { position:relative;top:313px;padding:0 140px 0 36px; line-height:16px;}
#gaya { position:relative;top:160px;padding:0 20px 0 30px; line-height:16px;}
#bal  { position:relative;top:330px;padding:0 155px 0 40px; line-height:16px;}
#gore { position:relative;top:130px;padding:0 20px 0 222px; line-height:16px;}
#jo   { position:relative;top:285px;padding:0 165px 0 35px; line-height:16px;}
#ilje { position:relative;top:80px;padding:0 40px 0 220px; line-height:16px;}
#ko1   { position:relative;top:225px;padding:0 40px 0 37px; line-height:16px;}
#ko2   { position:relative;top:225px;padding:0 205px 0 37px; line-height:16px;}
/**************************************************************/
#map1 { background:url(img/koreamap1.gif) no-repeat;width:580px;height:240px;}
#map2 { background:url(img/koreamap2.gif) no-repeat;width:580px;height:240px;}
#map3 { background:url(img/koreamap3.gif) no-repeat;width:580px;height:240px;}
#map4 { background:url(img/koreamap4.gif) no-repeat;width:580px;height:250px;}
#map5 { background:url(img/koreamap5.gif) no-repeat;width:580px;height:315px;}
#map6 { background:url(img/koreamap6.gif) no-repeat;width:580px;height:300px;}
#map7 { background:url(img/koreamap7.gif) no-repeat;width:580px;height:260px;}
#map8 { background:url(img/koreamap8.gif) no-repeat;width:580px;height:260px;}
#map9 { background:url(img/koreamap9.gif) no-repeat;width:580px;height:230px;}
#map10 { background:url(img/koreamap10.gif) no-repeat;width:580px;height:230px;}
#map11 { background:url(img/koreamap11.gif) no-repeat;width:580px;height:230px;}
#map12 { background:url(img/koreamap12.gif) no-repeat;width:580px;height:230px;}
#seoul{ padding:50px 150px 0 15px; line-height:16px;}
#gangsud{ padding:50px 140px 0 15px; line-height:16px;}
#chung{ padding:50px 120px 0 15px; line-height:15px;}
#gyeong{ padding:48px 125px 0 15px; line-height:15px;}
#jeolla{ padding:50px 130px 0 15px; line-height:15px;}
#jeolla1{ padding:0px 15px 0 15px; line-height:15px;}
#jeju{ padding:50px 135px 0 15px; line-height:15px;}
#jeju1{ padding:0px 15px 0 15px; line-height:15px;}
#poyng{ padding:50px 135px 0 15px; line-height:16px;}
#hwang{ padding:50px 135px 0 15px; line-height:15px;}
#gangnod{ padding:50px 140px 0 15px; line-height:16px;}
#yang{ padding:50px 145px 0 15px; line-height:16px;}
#ja{ padding:50px 145px 0 15px; line-height:16px;}
#ham{ padding:50px 145px 0 15px; line-height:16px;}
/***************************************************************/
#daily1 { background:url(img/daily1.jpg) no-repeat;width:585px;height:346px;}
#daily2 { background:url(img/daily2.jpg) no-repeat;width:585px;height:346px;}
#daily3 { background:url(img/daily3.jpg) no-repeat;width:585px;height:346px;}
#daily4 { background:url(img/daily4.jpg) no-repeat;width:585px;height:440px;}
#father{ padding:90px 15px 0 147px; line-height:15px;}
#mother{ padding:65px 140px 0 20px; line-height:15px;}
#brother{ padding:90px 130px 0 20px; line-height:15px;}
#me{ padding:65px 20px 0 145px; line-height:15px;}
/*****************************************************************************/
#season1 { background:url(img/season1.gif) no-repeat;width:585px;height:405px;}
#season2 { background:url(img/season2.gif) no-repeat;width:585px;height:405px;}
#season3 { background:url(img/season3.gif) no-repeat;width:585px;height:405px;}
#season4 { background:url(img/season4.gif) no-repeat;width:585px;height:405px;}
#spring{ padding:90px 30px 0 50px; line-height:15px; color:#ffffff}
#spring1{ position:relative; float:left}
#spring1 a{ position:absolute; top:3px; left:237px; width:50px; height:50px; }
#spring2{ position:relative;float:left}
#spring2 a{ position:absolute; top:3px; left:175px; width:50px; height:50px;}
#spring3{ position:relative;float:left}
#spring3 a{ position:absolute; top:3px; left:112px; width:50px; height:50px;}
#spring4{ position:relative;float:left}
#spring4 a{ position:absolute; top:3px; left:49px; width:50px; height:50px;}

#summer{ padding:95px 45px 0 50px; line-height:15px;color:#ffffff}
#summer1  { position:relative;float:left}
#summer1 a{ position:absolute; top:13px; left:48px; width:50px; height:50px;}
#summer2  { position:relative;float:left}
#summer2 a{ position:absolute; top:13px; left:111px; width:50px; height:50px;}
#summer3  { position:relative;float:left}
#summer3 a{ position:absolute; top:13px; left:174px; width:50px; height:50px;}
#summer4  { position:relative;float:left}
#summer4 a{ position:absolute; top:13px; left:237px; width:50px; height:50px;}
#summer5  { position:relative;float:left}
#summer5 a{ position:absolute; top:13px; left:299px; width:50px; height:50px;}
#summer6  { position:relative;float:left}
#summer6 a{ position:absolute; top:13px; left:362px; width:50px; height:50px;}

#fall{ padding:95px 45px 0 50px; line-height:15px;color:#ffffff}
#fall1  { position:relative;float:left}
#fall1 a{ position:absolute; top:42px; left:49px; width:50px; height:50px;}
#fall2  { position:relative;float:left}
#fall2 a{ position:absolute; top:42px; left:110px; width:50px; height:50px;}
#fall3  { position:relative;float:left}
#fall3 a{ position:absolute; top:42px; left:173px; width:50px; height:50px;}
#fall4  { position:relative;float:left}
#fall4 a{ position:absolute; top:42px; left:238px; width:50px; height:50px;}

#winter{ padding:95px 30px 0 50px; line-height:15px;color:#ffffff}
#winter1  { position:relative;float:left}
#winter1 a{ position:absolute; top:73px; left:50px; width:50px; height:50px;}
#winter2  { position:relative;float:left}
#winter2 a{ position:absolute; top:73px; left:112px; width:50px; height:50px;}
#winter3  { position:relative;float:left}
#winter3 a{ position:absolute; top:73px; left:175px; width:50px; height:50px;}