@charset "utf-8";
/* CSS Document */
body { 
	margin:0;
	padding:0;	
	}
img { border:0;}
h1 { font-size:150%; color:#666666;}
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;
	}

/*first-top
------------------------------------*/
#first-top {
	background:url(img/bg_submain.jpg) no-repeat;
	width:800px;  height:264px;
	}
#s_menu {
	position:relative;
	top:200px;right:-2px;
	margin:0;
	padding:0;
	height:62px;
	list-style:none;
	display:inline;
	overflow:hidden;
	float:right;
	}
#s_menu li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}
#s_menu a {
	float:left;
	padding:62px 0 0 0;
	overflow:hidden;
	height: 0 ;
	}
#s_menu a:hover {
	background-position: 0 -62px;
	}
#s_m1 a{
	width:98px; height:62px; margin-right:4px;
	background:url(img/s_menu1.png) top left no-repeat;
	}
#s_m11 a{
	width:98px; height:62px; margin-right:4px;
	background:url(img/s_menu1.png) top left no-repeat;
	background-position: 0 -62px;
	}
#s_m2 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu2.png) top left no-repeat;
	}
#s_m22 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu2.png) top left no-repeat;
	background-position: 0 -62px;
	}
#s_m3 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu3.png) top left no-repeat;
	}
#s_m33 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu3.png) top left no-repeat;
	background-position: 0 -62px;
	}
#s_m4 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu4.png) top left no-repeat;
	}
#s_m44 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu4.png) top left no-repeat;
	background-position: 0 -62px;
	}
#s_m5 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu5.png) top left no-repeat;
	}
#s_m55 a{
	width:98px;height:62px;margin-right:4px;
	background:url(img/s_menu5.png) top left no-repeat;
	background-position: 0 -62px;
	}
#s_m6 a{
	width:98px;height:62px; margin-right:4px;;
	background:url(img/s_menu6.png) top left no-repeat;
	}
#s_m66 a{
	width:98px;height:62px; margin-right:4px;;
	background:url(img/s_menu6.png) top left no-repeat;
	background-position: 0 -62px;
	}
/*two-left
------------------------------------*/	
#content{
	background:url(img/cnt_b.gif) repeat-y top;
	width:800px;  height:auto;
	}
#two-left {
	width:189px; 
	float:left;
	}
#dojang {
	background:url(img/dojang.gif) no-repeat;
	width:189px; height:177px;
	}
#menuHome {
	padding:5px 5px 0 45px;
	font-family:verdana; font-size:11px;color: #660033; font-weight:bold
	}
#menuHome a{color:#660033;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;height:auto;
	}
.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; }
/*two-right
------------------------------------*/		
#two-right {
	float:left;
	width:610px;	
	}		
#bon {
	padding:13px 5px 40px 12px;
	font-family:verdana,Arial, verdana,Helvetica, sans-serif;
	font-size:11px; color:#666666; line-height:16px;
	}
/* three-bottom
-----------------------------------------*/
#three-bar { 
	padding-top:3px; 
	background: url(img/bottom.gif) no-repeat bottom;
	width:800px;
	height:42px;
	clear:both;
	}
#s_cont { padding:10px 0 0 10px;float:left;}

/* class
------------------------------------*/	
.imsi { clear:both;}
.loca1{ margin:65px 0 0 90px;}
.elearn33 {font-family:tiems new roman,Garamond,verdana; font-size:18px;font-weight:bold; color:#009900; line-height:24px;}
.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:375px;padding:0 130px 0 40px; line-height:16px;}
#gogu { position:relative;top:138px;padding:0 20px 0 195px; line-height:16px;}
#baek { position:relative;top:320px;padding:0 140px 0 36px; line-height:16px;}
#gaya { position:relative;top:170px;padding:0 20px 0 30px; line-height:16px;}
#bal  { position:relative;top:355px;padding:0 165px 0 38px; line-height:16px;}
#gore { position:relative;top:140px;padding:0 20px 0 220px; line-height:16px;}
#jo   { position:relative;top:330px;padding:0 185px 0 35px; line-height:16px;}
#ilje { position:relative;top:80px;padding:0 40px 0 220px; line-height:16px;}
#ko1   { position:relative;top:265px;padding:0 40px 0 37px; line-height:16px;}
#ko2   { position:relative;top:265px;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:240px;}
#map5 { background:url(img/koreamap5.gif) no-repeat;width:580px;height:240px;}
#map6 { background:url(img/koreamap6.gif) no-repeat;width:580px;height:240px;}
#map7 { background:url(img/koreamap7.gif) no-repeat;width:580px;height:240px;}
#map8 { background:url(img/koreamap8.gif) no-repeat;width:580px;height:240px;}
#map9 { background:url(img/koreamap9.gif) no-repeat;width:580px;height:240px;}
#map10 { background:url(img/koreamap10.gif) no-repeat;width:580px;height:240px;}
#map11 { background:url(img/koreamap11.gif) no-repeat;width:580px;height:240px;}
#map12 { background:url(img/koreamap12.gif) no-repeat;width:580px;height:240px;}
#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:16px;}
#gyeong{ padding:48px 125px 0 15px; line-height:16px;}
#jeolla{ padding:50px 130px 0 15px; line-height:16px;}
#jeju{ padding:50px 135px 0 15px; line-height:16px;}
#poyng{ padding:50px 130px 0 15px; line-height:16px;}
#hwang{ padding:50px 135px 0 15px; line-height:16px;}
#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:400px;}
#father{ padding:90px 15px 0 147px; line-height:15px;}
#mother{ padding:70px 135px 0 20px; line-height:16px;}
#brother{ padding:90px 130px 0 20px; line-height:16px;}
#me{ padding:65px 20px 0 145px; line-height:16px;}
/****************************************************************/
#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:95px 30px 0 50px; line-height:16px; color:#ffffff}
#spring1{ position:relative; float:left}
#spring1 a{ position:absolute; top:45px; left:237px; width:50px; height:50px; }
#spring2{ position:relative;float:left}
#spring2 a{ position:absolute; top:45px; left:175px; width:50px; height:50px;}
#spring3{ position:relative;float:left}
#spring3 a{ position:absolute; top:45px; left:112px; width:50px; height:50px;}
#spring4{ position:relative;float:left}
#spring4 a{ position:absolute; top:45px; left:49px; width:50px; height:50px;}

#summer{ padding:95px 45px 0 50px; line-height:16px;color:#ffffff}
#summer1  { position:relative;float:left}
#summer1 a{ position:absolute; top:78px; left:48px; width:50px; height:50px;}
#summer2  { position:relative;float:left}
#summer2 a{ position:absolute; top:78px; left:111px; width:50px; height:50px;}
#summer3  { position:relative;float:left}
#summer3 a{ position:absolute; top:78px; left:174px; width:50px; height:50px;}
#summer4  { position:relative;float:left}
#summer4 a{ position:absolute; top:78px; left:237px; width:50px; height:50px;}
#summer5  { position:relative;float:left}
#summer5 a{ position:absolute; top:78px; left:299px; width:50px; height:50px;}
#summer6  { position:relative;float:left}
#summer6 a{ position:absolute; top:78px; left:362px; width:50px; height:50px;}

#fall{ padding:95px 45px 0 50px; line-height:16px;color:#ffffff}
#fall1  { position:relative;float:left}
#fall1 a{ position:absolute; top:78px; left:49px; width:50px; height:50px;}
#fall2  { position:relative;float:left}
#fall2 a{ position:absolute; top:78px; left:110px; width:50px; height:50px;}
#fall3  { position:relative;float:left}
#fall3 a{ position:absolute; top:78px; left:173px; width:50px; height:50px;}
#fall4  { position:relative;float:left}
#fall4 a{ position:absolute; top:78px; left:238px; width:50px; height:50px;}

#winter{ padding:95px 30px 0 50px; line-height:16px;color:#ffffff}
#winter1  { position:relative;float:left}
#winter1 a{ position:absolute; top:78px; left:50px; width:50px; height:50px;}
#winter2  { position:relative;float:left}
#winter2 a{ position:absolute; top:78px; left:112px; width:50px; height:50px;}
#winter3  { position:relative;float:left}
#winter3 a{ position:absolute; top:78px; left:175px; width:50px; height:50px;}








