@charset "utf-8";
/* EMT Developer Team MDY 20090402 */
.TL {text-align:left;}
.TR {text-align:right;}

body { margin:0; padding:0; }
/* HEAD */
#head { height:80px; width:950px; margin:0; padding:0; } /* head size 조절 (960px) */
#head ul, #head li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type:none;
}

#head a { text-decoration:none; }
#headLogo {
	float:left;
	width:auto;
	margin-top:30px; background:transparent;
}
#logo { border:0; width:auto; }

#headLink {
	float:right; height:80px; width: 715px; background:transparent;
}
#headLink .first {
	padding-left:0;
}

#headTopLink {
	margin:0;
	float:right; margin-top:10px; 
}
#headTopLink li {float:left;}
#headTopLink a { overflow:hidden; float:left; height:12px; text-indent:-1000em; }
#headTopLink #home a { width:50px; background: transparent url(/images/head_home_link.gif) no-repeat scroll 0 0;}
#headTopLink #home a:hover {width:50px; background-position: 0 -12px; }
#headTopLink #login a {	width:50px;	background: transparent url(/images/head_login_link.gif) no-repeat scroll 0 0;}
#headTopLink #login a:hover {width:50px; background-position: 0 -12px; }
#headTopLink #join a { width:50px; background: transparent url(/images/head_join_link.gif) no-repeat scroll 0 0;}
#headTopLink #join a:hover {width:50px; background-position: 0 -12px; }
#headTopLink #logout a { width:50px; background: transparent url(/images/head_logout_link.gif) no-repeat scroll 0 0;}
#headTopLink #logout a:hover {width:50px; background-position: 0 -12px; }
#headTopLink #modify a { width:50px; background: transparent url(/images/head_modify_link.gif) no-repeat scroll 0 0;}
#headTopLink #modify a:hover {width:50px; background-position: 0 -12px; }
#headTopLink #admin a {	width:50px;	background: transparent url(/images/head_admin_link.gif) no-repeat scroll 0 0;}
#headTopLink #admin a:hover {width:50px; background-position: 0 -12px; }
#headTopLink #sitemap a { width:50px; background: transparent url(/images/head_sitemap_link.gif) no-repeat scroll 0 0;}
#headTopLink #sitemap a:hover {width:50px; background-position: 0 -12px; }
#headTopLink #service a { width:50px; background: transparent url(/images/head_service_link.gif) no-repeat scroll 0 0;}
#headTopLink #service a:hover {width:50px; background-position: 0 -12px; }
#topSearch {width:200px; overflow:hidden; margin:0; padding:0;}
#headMenu {
	margin-top:30px;
	text-align:left;
	width:715px;
}
#headMenu li {float:left; position:relative; }
#headMenu a {text-decoration: none; display:block;}
#headMenu .MH {height:37px; text-indent:-100em;}
#menu1 a { width:108px; background: transparent url(/images/menu01.gif) no-repeat scroll 0 0;}
#menu1 a:hover { width:108px; background-position:0 -37px;  }
#menu2 a { width:98px; background: transparent url(/images/menu02.gif) no-repeat scroll 0 0; }
#menu2 a:hover { width:98px; background-position:0 -37px; }
#menu3 a { width:120px; background: transparent url(/images/menu03.gif) no-repeat scroll 0 0; }
#menu3 a:hover { width:120px; background-position:0 -37px; }
#menu4 a { width:115px; background: transparent url(/images/menu04.gif) no-repeat scroll 0 0; }
#menu4 a:hover { width:115px; background-position:0 -37px; }
#menu5 a { width:106px; background: transparent url(/images/menu05.gif) no-repeat scroll 0 0; }
#menu5 a:hover { width:106px; background-position:0 -37px; }
#menu6 a { width:128px; background: transparent url(/images/menu06.gif) no-repeat scroll 0 0; }
#menu6 a:hover { width:128px; background-position:0 -37px; }

.SMENU {position:absolute; top:40px; padding:0; margin:0; background:#e3ebe9; width:500px; border:1px dotted; filter:alpha(opacity=70)}
.SMENU a { height:auto; }
.BAR {border-right:1px dotted; margin-right:5px;}
#smenu1 a { background: none; width:auto;}
#smenu1 a:hover { width:auto;}
#smenu1 {left:0; display:none;}
#smenu1 li {margin-left:0; width: auto;}
#smenu2 a { background: none; width:auto;}
#smenu2 a:hover { width:auto;}
#smenu2 {left:0px; display:none;}
#smenu2 li {margin-left:0; width: auto;}
#smenu3 a { background: none; width:auto;}
#smenu3 a:hover { width:auto;}
#smenu3 {left:0px; display:none;}
#smenu3 li {margin-left:0; width: auto;}
#smenu4 a { background: none; width:auto;}
#smenu4 a:hover { width:auto;}
#smenu4 {left:-100px; display:none; width:300px;}
#smenu4 li {margin-left:0; width: auto;}
#smenu5 a { background: none; width:auto;}
#smenu5 a:hover { width:auto;}
#smenu5 {left:-230px; display:none;}
#smenu5 li {margin-left:0; width: auto;}
#smenu6 a { background: none; width:auto;}
#smenu6 a:hover { width:auto;}
#smenu6 {left:-270px; display:none; width:400px;}
#smenu6 li {margin-left:0; width: auto;}
/* HEAD END */

/* MAIN */
#main { margin:30px 0 0 0; padding:0; width:950px;} /* main size */
#main a { text-decoration:none;}
#main ul { margin:0; padding:0;}

#main ul, #main li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type:none;
}

#leftMain { float:left; width:400px; }
#tabBox1 { height:100px; margin-left:10px;}
#tabBox1 a {display:block;text-indent:-1000em;}
#tabBox1 .FL {float:left; }
#tabBox1 .WD {width:300px;}
#tabBox1 li {position:relative;}
#tabBox1 #tab1T {}
#tabBox1 #tab1T a {height:21px; width:71px; background:transparent url(/images/menu_text_01.gif) no-repeat scroll 0 0;}
#tabBox1 #tab1T a:hover { background-position:0 -21px;}
#tabBox1 #tab1L { display:block; position:absolute;}
#tabBox1 #tab1L li {width:auto; margin-left:20px; list-style-image : url(/images/icon_li.gif);}
#tabBox1 #tab1L a {text-indent:0; width:auto; background:transparent none repeat;}

#tabBox1 #tab2T {}
#tabBox1 #tab2T a {height:21px; width:68px; background:transparent url(/images/menu_text_02.gif) no-repeat scroll 0 0;}
#tabBox1 #tab2T a:hover { background-position:0 -21px;}
#tabBox1 #tab2L {display:none; position:absolute; }
#tabBox1 #tab2L li {width:auto; margin-left:20px; list-style-image : url(/images/icon_li.gif); left:-71px;}
#tabBox1 #tab2L a {text-indent:0; width:auto; background:transparent none repeat;}

#tabBox1 #tab3T {}
#tabBox1 #tab3T a {height:21px; width:58px; background:transparent url(/images/menu_text_03.gif) no-repeat scroll 0 0;}
#tabBox1 #tab3T a:hover { background-position:0 -21px;}
#tabBox1 #tab3L {display:none; position:absolute;}
#tabBox1 #tab3L li {width:auto; margin-left:20px; list-style-image : url(/images/icon_li.gif); left:-139px;}
#tabBox1 #tab3L a {text-indent:0; width:auto; background:transparent none repeat;}

#tabBox1 #tabBar {float:left; width: 172px; height:25px; background:transparent url(/images/main_text_04.gif) no-repeat scroll 0 0;}

/*
#tabBox1 {width:100%; height:auto;background:#dfefef;}
#tabBox1 ul { margin:0; padding:0;}
#tabBox1 li {width:100px;}
#tabBox1 .FL {float:left;}
#tabBox1 a {overflow:hidden; }
#tabBox1 #tab1 {}
#tabBox1 #tab1 a {overflow:hidden; text-indent:-10em; width:170px;  background:transparent url(/images/menu_text_01.gif) no-repeat scroll 0 0; }
#tabBox1 #tab1 a:hover {width:170px; background-position:0 -21px;}
*/
#tabBox2 { clear:both; }
#tikerBox { }

#linkBox {}


#middleMain { float:left;  width:300px; background:#efafef;}
#rightMain { float:left;  width:200px; background:#efefaf;}
#mainFlash { background:#dfdfdf;}
#banner {clear:both;}

/* MAIN END */