@charset "utf-8"; 

body { margin:0;	padding:10; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #333333; background:url('image/bgBody.jpg'); }

a { color: #333333; text-decoration: none;} 

a:hover { color: #10219A; text-decoration: none;}

.clearBoth{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.clearBothfix:after{clear:both; content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0 }

.clearBothfix{display:inline-block; } * html .clearBothfix{height:1%; }.clearBothfix{display:block;}



/* crom-design.com, crom@crom-design.com */



/* ?�상코드 on Groove Layout

갈색 #8c775f (메인)

?�색 #7dab20 (보조, 마우???�버)

?�이보리 #f3eee9 (보조, 배경)

*/



/* 2차메???�업?�치�??�정?�주?�요. (�?번째 메뉴??좌측 고정) */



#subMenu_1 {}

#subMenu_2 {margin-left:60px; }

#subMenu_3 {margin-left:150px;}

#subMenu_4 {margin-left:250px; }

#subMenu_5 {margin-left:350px; }

#subMenu_6 {margin-left:330px; }

#subMenu_7 {margin-left:400px; }

#subMenu_8 {margin-left:280px; }



/* ----------------------------------------- */





/* 2depth menu */



.subMenu{float:left; height:26px; overflow:hidden; background:#f2f2ea; padding-top:8px;}

.subMenu a:link, 

.subMenu a:visited { color: #333; text-decoration: none; margin:0 8px;} 

.subMenu a:active, 

.subMenu a:hover { color: #7dab20; text-decoration: none; margin:0 8px;}



.subMenu .on a:link, 

.subMenu .on a:visited { color: #8c775f; margin:0 8px;} 

.subMenu .on a:active, 

.subMenu .on a:hover { color: #7dab20; margin:0 8px;}





/* container */



.wrapBody {width: 980px; margin: auto; padding:0;}

#topAnchor {width: 960px; margin: 0; padding:0 10px;}

.frameContainer {width: 960px; margin: 0; clear:both; background:url('image/frameBody.jpg') repeat-y; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}

.fullBox {	width: 100%; clear:both;}

.frameBottom { overflow:hidden; clear:both; margin: 0; background:url('image/frameBottom.jpg') no-repeat; width:960px; height:14px; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}





/* head */



.logoBox {float:left; width:220px; padding-top:43px; height:95px; overflow:hidden; margin:0; display:inline; }

.logo {float:left; width:200px; height:100px; overflow:hidden; margin:0; }



/* login button */



.loginBox { float:left; display:inline; width: 740px; padding-top:20px; height:42px; }

.loginMenubox {float:right;  display:inline; overflow:hidden;  margin-left:8px}



/* 1depth navigation */



.menuBox {float:left; width: 740px;	overflow:hidden; display:inline; border-top: 1px dotted #d0d1c9;  background:url('image/bg_menu.gif') repeat-x;}

.menu{	float: left; padding:3px 0 0 0; margin:0px; }

.menu ul {	margin: 0px;	padding-left: 1px;	list-style: none; text-align: center;}

.menu li{	display: inline; }

.menu li a{ display:block;	float: left;	padding: 8px 13px;	font-weight: bold;	text-align: center;	text-decoration: none;	color: #f3eee9; overflow:hidden; 	height:20px;	margin:0;}

.menu li a:hover, 

.menu li .current{	color: #b0da9c;}

.menu li.on ul { display:block;}

.menu li.on a{ color:#b0da9c;}

.menu li.on a:hover{	color: #b0da9c;}





/* 2depth navigation */



.leftBox {float:left; display:inline; padding-left:12px; width:218px; margin:0; min-height:500px;}

.leftNav { display:block; position:relative; width:100%;  }





.navTitle {width:162px; font-weight:bold; padding:5px 5px 15px 6px;}

.navTitle a { color: #7dab20; display:block; }

.navTitle a:hover {	color: #7dab20; }





.lsubMenu {margin:0; padding:0; width:170px; }

.lsubMenu li { float:left; list-style:none; padding-bottom:1px; padding-left:0px; border-top: 1px dotted #d0d1c9;}

.lsubMenu li a { padding:6px;  width:160px; display:block; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}

.lsubMenu li a:hover,

.lsubMenu li a:focus { color:#7dab20; font-weight:bold;}

.lsubMenu li.on a { color:#8c775f;  font-weight:bold;}

.lsubMenu li.on a:hover,

.lsubMenu li.on a:focus { color:#7dab20;   }

.lsubMenu li ul { margin-left:0px; display:block; width:170px; padding:0; position:relative; overflow:hidden;}

.lsubMenu li.on ul { display:block;  }

.lsubMenu li ul li {  background:url('image/arrow2.gif') no-repeat; float:left; padding:0; position:relative }

.lsubMenu li ul li a { font-weight:normal !important; padding:6px 5px 6px 15px; color:#333333 !important; background:none !important; }

.lsubMenu li ul li a:hover,

.lsubMenu li ul li a:focus { font-weight:bold !important; color:#7dab20 !important;}

.lsubMenu li.on ul li.on a {font-weight:bold !important; color:#8c775f !important;}

.lsubMenu li.on ul li.on a:hover,

.lsubMenu li.on ul li.on a:focus {  color:#7dab20 !important; }



/* local location */



.location {float:left; width: 960px; overflow:hidden; display:inline; height:43px; line-height:20px; vertical-align:top; background:url('image/frameTop.jpg') no-repeat;; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}

.location ul {	margin:0;	padding:0;	list-style:none; float:right; text-align:right;}

.location ul li { background:url('image/arrow.gif') no-repeat;	float:left;	padding-left:15px; padding-right:2px; font-size:11px}

.location ul li a { color: #8c775f; text-decoration: none;} 

.location ul li a:hover {color: #7dab20 !important; text-decoration: none;}





/* body */



.contentbody { float:left; width: 730px; display:inline;}

.visualBox { clear:both; width:98%; overflow:hidden; *zoom:1; background-color:#FFFFFF;}

.visualBox1 { clear:both; width:98%; overflow:hidden; *zoom:1; background-color:#F6F2E7;}





/* global navigation */

.globalBox { float:left; display:inline; width: 600px; padding:0;  height:25px;}

.globalMenubox {float:left;  display:inline; overflow:hidden; }

.globalMenu { font-size:11px; clear:both; overflow:hidden; padding:0 15px 0 1px; line-height:13px; text-align:center;}

.globalMenu a { color: #8c775f; text-decoration: none; } 

.globalMenu a:hover { color: #7dab20; text-decoration: none; }



/* foot */



.topBtn { display:inline; float:right; height:25px; margin:0; padding-right:3px;}

.footBox { clear:both; display:block; margin-bottom:30px; padding:15px 0; font-size:11px; line-height: 19px; overflow:hidden; color:#9c8a77;}

.footBox a {color: #8c775f;}

.footBox a:hover {color: #7dab20;}

.footText{clear:both; width: 560px; float:left; display:inline;}

.copyright {float:left; display:inline; width: 397px;	overflow:hidden; margin:0; text-align:right;}

.crom {clear:both; display:block; font-size:11px; width: 100%; padding:0; margin-bottom:15px; color:#9c8a77;}