body{
margin:0;
padding:10px 0;
line-height: 1.5em;
background:#4eacc5;
}

p, td, ol, li,  ul,  dl, dd, dt, h1, h2, h3, h4, h5, h6  { font-family: 돋움,Verdana, Georgia, sans-serif; color:#333;}
h1, h2, h3, h4, h5, h6 { color:#339; }
p, td, li, span, a, dd, dt {font-size:13px;}
h5, h6 { margin:0;} /* 서브타이틀 등에 사용시 마진이 많이 발생하는 것 없애려고 */
ul { margin-top:0; overflow:auto; height: 100%;} /* 리스트 상단의 마진을 없애려고 */
img { margin:0; padding:0; border:0;  vertical-align: top;}
.bclear { clear:both;}
a { text-decoration:none; }

* html p { height:1%; margin-left:0; }

#bodyinner {width:951px; margin:0 auto; background:#f9fbfc;  overflow:hidden; }

/* 메뉴 윗부분 헤더에 로고 등 표시 */
#topsection { width:100%; height:70px; background:#f9fbfc url(../images/containerBg1.gif) no-repeat; margin-bottom:10px; }
#topLeft { float:left; margin-left:15px; margin-top:10px; }
#topRight {float:right}
#footer {background:#f9fbfc url(../images/containerBg2.gif) no-repeat bottom; }

/* ---- main menu ------- */
.mainMenu {
width:930px; margin:0 10px;
font-weight: bold;
background:url(../images/navBg.gif) repeat-x center center; 
}
.mainMenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.mainMenuInner {background:url(../images/navBgLeft.gif) no-repeat left center; }
ul#navlist {
margin:0;
padding:0;
background:url(../images/navBgRight.gif) no-repeat right center;
text-align:center;
line-height:43px; 
}
ul#navlist li {display:inline; }
#navlist a, #navlist a:link {
font-size:13px;
margin: 0;
padding:10px 13px;
color: #333;
background:url(../images/navDivider.gif) no-repeat right center;
text-decoration: none;
}
#navlist a.on {color:#36c}
#navlist a:hover{
color: #fff;
background:url(../images/navBgHover.gif) repeat-x center center;
}

.dropmenudiv{
position:absolute;
top:0px;
border-bottom-width: 0;
font:normal 12px verdana, arial, sans-serif;
line-height:18px;
z-index:100;
width: 180px;
visibility: hidden;		
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-top: 1px dashed #BBB; 
border-left:1px solid #1d94a2;
border-right:1px solid #1d94a2;
padding: 5px 7px;
text-decoration: none;
color: #333;
background: #d3dceb;
}
.dropmenudiv .dropbottom {background:url(../images/navBgDownBottom.gif) no-repeat center top;}


* html .dropmenudiv a{ /*IE only hack*/
border-top: 1px solid #BBB; 
width: 100%;} 
.dropmenudiv a:hover{ 
background-color: #6b86b2;
color:#fff;
}
/* footer -----*/
.support {
line-height:13px;
text-align:center;
color:#323232;
font-size:12px;
padding:15px 0;
font-family:sans-serif;
padding-top:20px;
border-top:1px solid #b1babc;
}
.support img {
vertical-align:text-bottom;
margin-right:2px;
}
.copyright {
text-align:center;
color:#7c7c7c;
font-size:11px;
padding:0;
padding-bottom:10px;
font-family:arial, dotum;
}

/* ---- 내부 content---*/
#contents {width:100%;  }
#contentsinner {margin:15px 10px; min-height:500px;	height:auto !important;	_height:500px; }

#subNav {float:left; width:170px; margin:0; display:inline; }
#contentRight {float:right; width:747px; margin-bottom:30px;  }
#contentRightInner { margin-top:-30px; padding:0;}  /* 배경 rbox2를 사용하지 않는 경우는 위쪽마진 적게 해서 보이게 */

/** sub nav **/
#subNav span.title {
font-size:12px;
font-weight:bold;
line-height:43px;
color: #66c;
padding-left:12px;
}

.subNavList {
list-style:none;
margin:0;
padding:3px;
}

.subNavList li {
background:url(../images/icons/arrow1.bmp) no-repeat 5px 9px;  /* 5px 9px 위치 조정 주의해야 center로 주면 ie6,7 오류발생 */
text-align:left;
padding:0;
margin:0;
border-bottom:1px solid #ccccff;
}

.subNavList li a {
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#606060;
height:28px;
line-height:28px;
padding-left:20px;
display:block;
font-family: helvetica, geneva, arial, sans-serif;
}

.subNavList li a.on {
font-weight:bold;
color:#c00;
background:url(../images/icons/arrow1.bmp) no-repeat 5px 9px;   
}
.subNavList li a:hover {
background:#f2f2f6 url(../images/icons/arrow1.bmp) no-repeat 5px 9px;   

}


.subNavList ul.detail{
list-style-type:none;
margin:0;
padding:0;
}

.subNavList ul.detail li {
background:url(../images/icons/arrow1.bmp) no-repeat 15px center;  
text-align:left;
padding:0px;
margin:0px;
border-bottom:none;
}
.subNavList ul.detail li a{
font-weight:normal;
font-size:12px;
text-decoration:none;
color:#606060;
line-height:25px;
padding-left:35px;
display:block;
font-family: "Arial Narrow",tunga, helvetica, geneva, arial, sans-serif;
}

.subNavList ul.detail li a.on {
background:url(../images/icons/arrow1.bmp) no-repeat 15px center;   
font-weight:bold;
color:#c00;
}
.subNavList ul.detail li a:hover {
background:#f2f2f6 url(../images/icons/arrow1.bmp) no-repeat 15px center;   
}

/*------- round box -------*/
/*	tlc = top left corner		trc = top right corner	blc = bottom left corner	brc = bottom right corner
	lb = left border			rb = right border		tb = top border				bb = bottom border			
*/
.rbox2	{ 
position: relative;
margin-bottom:3px;
margin-right:1px;
padding:0;
width:100%;				
background-color:#fff; 
}
.rbox2Content {padding:5px; position:relative; height:1%; }
.rbox2 .tlc	{background:url(../images/rbox/rbox_tlc.gif) no-repeat left top;	 position:relative; width:100%;}
.rbox2 .trc	{background:url(../images/rbox/rbox_trc.gif) no-repeat right top; position:relative; width:100%;}
.rbox2 .blc	{background:url(../images/rbox/rbox_blc.gif) no-repeat left bottom; position:relative;}
.rbox2 .brc	{background:url(../images/rbox/rbox_brc.gif) no-repeat right bottom; position:relative;}
.rbox2 .tb	{background:url(../images/rbox/rbox_tb.gif) repeat-x center top; position:relative; width:100%;}
.rbox2 .bb	{background:url(../images/rbox/rbox_bb.gif) repeat-x center bottom;	position:relative;}
.rbox2 .rb	{background:url(../images/rbox/rbox_rb.gif) repeat-y right top;	position:relative;}
.rbox2 .lb	{background:url(../images/rbox/rbox_lb.gif) repeat-y left bottom;	position:relative; }
//*ie6 에서 이미지가 나오지 않아 width, height, position 등으로 해결
/*------- round box -------*/
.rbox	{ 
position: relative;
width:100%;	
margin:0;
padding:0;
background-color: #fff; 
}
.rboxContent {	padding:10px 40px 30px 40px; }
.rbox .tlc	{background:url(../images/rbox/rbox3_tlc.gif) no-repeat left top;	}
.rbox .trc	{background:url(../images/rbox/rbox3_trc.gif) no-repeat right top; }
.rbox .blc	{background:url(../images/rbox/rbox3_blc.gif) no-repeat left bottom; }
.rbox .brc	{background:url(../images/rbox/rbox3_brc.gif) no-repeat right bottom; }
.rbox .tb	{background:url(../images/rbox/rbox3_tb.gif) repeat-x center top;}
.rbox .bb	{background:url(../images/rbox/rbox3_bb.gif) repeat-x center bottom;	}
.rbox .rb	{background:url(../images/rbox/rbox3_rb.gif) repeat-y right top; }
.rbox .lb	{background:url(../images/rbox/rbox3_lb.gif) repeat-y left bottom;	background-color: #fff; }

/*----------- product 소개시 타이틀 부분 ----*/
.producttitle {
width:95%;
height:50px;
border-left: 17px solid #7ea0b3;
padding-left:5px;
font: normal 80%/140% verdana, arial, helvetica, sans-serif;
color: #333;
}
.producttitle span{ font-weight:bold; font-size:20px; line-height:35px; }

/*----- 세부 content 관련 ----*/
.subTitle {
width:250px;
line-height:25px;
background-color:#eaebf0;
border-left:17px solid #bdbecf;
}
.subTitle h5 { padding-left:10px; }
.ul_decimal { list-style-type:decimal;}

/*---- 폼에 사용하는 테이블 (교육신청, 견적의뢰등)----*/
.formtable {
width:95%;
border-collapse: collapse;
border-top: 2px solid #996;
border-bottom: 2px solid #996;
font: normal 80%/140% verdana, arial, helvetica, sans-serif;
color: #333;
margin:0 auto;
}
.formtable  td {
border-top: 1px solid #cc9;
border-bottom: 1px solid #cc9;
padding: 0.5em 1em;
color: #72724c;
vertical-align: center;
text-align: left;
line-height:2em;
}
.formtable  td.tdtitle {
width:25%;
background: #eff1f5;
text-align: center;
}
.formtable td table td {border:0; padding:0; text-align: left;}
.formtitle {
width:95%;
border-top: 2px solid #996;
/*border-bottom: 2px solid #996;*/
font: normal 80%/140% verdana, arial, helvetica, sans-serif;
color: #333;
margin:0 auto;
text-align:center;
background-color:#f0f6e9;
}
.formtitle span{ font-weight:bold; line-height:35px; }
.formtitle img{vertical-align:middle; }
/*------ 게시판 처리 부분 ----*/
iframe.board {width:650px; height:720px; overflow:auto;}

.goclick {
float:right;
border-bottom:2px solid #afb4fa;

}
.goclick a {
/*border-left:17px solid #afb4fa;*/
line-height:20px;
display:block;
text-decoration:none;
font-size:12px;
}