@charset "utf-8";
/* CSS Document */
body { margin:0 ; background:url(../img/bg8.jpg) no-repeat center top;}
img { border:0;}
h3 { font-family:굴림, 돋움;  font-weight: bold; font-size:22px; letter-spacing:-1px;}
#wrap { margin:0 auto; width:811px; font-family:verdana, arial; font-size:12px; }

#topmenu {margin:0 auto; height:274px;width:811px; background:url(../img/menu_top.jpg) no-repeat top;}
#hh     { position:relative; top:15px; left:20px; float:left;}

#cnt1 {  padding:178px 0 20px 0;}
#cnt11 { float:left; width:240px; padding:0 5px 0 22px; height:160px;}
#cnt12 { float:left; width:250px; padding-left:18px;}
#cnt13 { float:left; width:250px; padding-left:18px;}

#cnt2 {  padding:00px 0 0px 0; clear:both;}
#cnt21 { float:left; width:350px; padding:117px 5px 0 33px; height:130px;}
#cnt22 { float:left; width:180px; padding:95px 0 0 35px;}
#cnt23 { float:left; width:180px; padding:95px 0 0 18px;}

#cnt3 { clear:both;padding:20px 0 0 600px; color:#FFFFFF;}
#cnt4 { height:160px; padding:15px 0 0 10px; text-align:center}

.tl1 { padding:0 0 5px 0; color: #993333 ; font-weight:bold; font-size:14px; font-family:gulim, dotum letter-spacing:-1px; line-height:20px; }
.s0 a:link     {font-family: "Verdana"; font-size: 11px; 	color: #666666;	text-decoration: none; line-height:16px ;}
.s0 a:visited  {font-family: "Verdana"; font-size: 11px; 	color: #666666;	text-decoration: none; line-height:16px ;}
.s0 a:hover    {font-family: "Verdana"; font-size: 11px; color: #666666;	text-decoration: underline; line-height:16px;}


.s2 a:link     {font-family: "Verdana"; font-size: 11px; 	color: #FFFFFF;	text-decoration: none; line-height:16px ;}
.s2 a:visited  {font-family: "Verdana"; font-size: 11px; 	color: #ffffff;	text-decoration: none; line-height:16px ;}
.s2 a:hover    {font-family: "Verdana"; font-size: 11px; color: #ffffff;text-decoration: underline; line-height:16px;}

.d1 { margin:3px 5px 0 5px; float:left;}


.p1 { margin:5px 5px 10px 5px;font-size:100%; color: #555555;  }
.p3 { margin:3px 5px 10px 5px;font-size:100%; color: #555555; float:left;width:160px;}
.p2 { font-size:12px; color: #800080 ; padding-top:2px; clear:both;}
.p4 { margin:5px 20px 10px 5px;font-size:100%; color: #555555;  }

/* the styling */
#nav { height:20px;  position:relative; padding-left:150px; top:20px; float:left; list-style:none;}

#nav .select {margin:0; padding:0; list-style:none; float:left;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a {display:block;  height:18px; float:left; padding:0 10px 0 10px; text-decoration:none; font-size:13px; font-weight:bold; line-height:20px; white-space:nowrap; color:#fff; }
* html #nav .select a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a { cursor:pointer; color: #FFCC66 ;font-weight:bold; }

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {color: #993333; font-weight:bold; }

#nav .select li a:hover .sub1, 
#nav .select li:hover .sub1 {display:block; background:url(../img/s1.gif) no-repeat top; width:400px; padding-left:10px; position:absolute; top:18px; left:145px;  margin-top:0;  z-index:100; color: #666666; font-size:11px; }

#nav .select li a:hover .sub2, 
#nav .select li:hover .sub2 {display:block; background:url(../img/s2.gif) no-repeat top; width:390px;padding-left:15px; position:absolute; top:18px; left:205px;  margin-top:0;  z-index:100; color:#fff; font-size:11px; }

#nav .select li a:hover .sub3, 
#nav .select li:hover .sub3 {display:block; background:url(../img/s3.gif) no-repeat top; width:370px; padding-left:10px; position:absolute; top:18px; left:245px;  margin-top:0; z-index:100; color:#fff; font-size:11px;}

#nav .select li a:hover .sub4, 
#nav .select li:hover .sub4 {display:block; background:url(../img/s4.gif) no-repeat top; width:310px; padding-left:15px; position:absolute; top:18px; left:305px; margin-top:0;  z-index:100; color:#fff; font-size:11px; }

#nav .select li a:hover .sub5, 
#nav .select li:hover .sub5 {display:block; background:url(../img/s5.gif) no-repeat top; width:420px; padding-left:10px; position:absolute; top:18px; left:225px;  margin-top:0; z-index:100; color:#fff; font-size:11px;}

#nav .select li a:hover .sub6, 
#nav .select li:hover .sub6 {display:block; background:url(../img/s6.gif) no-repeat top; width:190px; padding-left:15px; position:absolute; top:18px; left:440px; margin-top:0; z-index:100; color:#fff; font-size:11px;}

#nav .sub {margin:0; padding:0; list-style:none;}

* html #nav .select a:hover .sub {z-index:-1; margin-top:0;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block;  padding:10px 10px 5px 12px; margin:0; white-space:nowrap; border:0; color:#666666; font-size:12px;}