div.subtitle {
	position: relative;
	width: 926px;
	height: 206px;
	background: url("/images/services/subtitle.jpg") no-repeat;
}
div.subtitle h2,
div.subtitle p
{
	visibility: hidden;
}
#body ul.sidebar {
	float: left;
	padding: 42px 0 0 17px;
	width: 175px;
	height: 279px;
	background: url("/images/services/sidebar_bg.gif") no-repeat;
}
ul.sidebar li {
	display: block;
	width: 135px;
	padding: 8px 0 4px 0;
	background: url("/images/services/sidebar_bar.gif") no-repeat;
}
ul.sidebar li.submenu01 {
	padding: 0;
	background: none;
}

ul.sidebar li a {
	display: block;
	width: 135px;
}

ul.sidebar li a span {visibility: hidden;}

ul.sidebar li.submenu01 a {height:14px;background: url("/images/services/sidebar_01_off.gif") no-repeat 0 -21px;}
ul.sidebar li.submenu02 a {height:28px;background: url("/images/services/sidebar_02_off.gif") no-repeat 0 -29px;}
ul.sidebar li.submenu03 a {height:14px;background: url("/images/services/sidebar_03_off.gif") no-repeat 0 -15px;}
ul.sidebar li.submenu04 a {height:28px;background: url("/images/services/sidebar_04_off.gif") no-repeat 0 -31px;}
ul.sidebar li.submenu05 a {height:14px;background: url("/images/services/sidebar_05_off.gif") no-repeat 0 -20px;}
ul.sidebar li.submenu06 a {height:14px;background: url("/images/services/sidebar_06_off.gif") no-repeat 0 -19px;}


ul.sidebar li.submenu07 a {height:14px;background: url("/images/services/sidebar_07_off.gif") no-repeat 0 -19px;}

ul.sidebar li.submenu01 a:hover, ul.sidebar li.submenu01 a.selected {height:14px;background: url("/images/services/sidebar_01_off.gif") no-repeat;}
ul.sidebar li.submenu02 a:hover, ul.sidebar li.submenu02 a.selected {height:28px;background: url("/images/services/sidebar_02_off.gif") no-repeat  0 2px;}
ul.sidebar li.submenu03 a:hover, ul.sidebar li.submenu03 a.selected {height:14px;background: url("/images/services/sidebar_03_off.gif") no-repeat;}
ul.sidebar li.submenu04 a:hover, ul.sidebar li.submenu04 a.selected {height:28px;background: url("/images/services/sidebar_04_off.gif") no-repeat;}
ul.sidebar li.submenu05 a:hover, ul.sidebar li.submenu05 a.selected {height:14px;background: url("/images/services/sidebar_05_off.gif") no-repeat;}
ul.sidebar li.submenu06 a:hover, ul.sidebar li.submenu06 a.selected {height:14px;background: url("/images/services/sidebar_06_off.gif" no-repeat; }
ul.sidebar li.submenu07 a:hover, ul.sidebar li.submenu07 a.selected {height:14px;background: url("/images/services/sidebar_07_off.gif") no-repeat;}

ul.sidebar li.submenu06 a.sub1 {height:21px; background: url("/images/services/sidebar_05_01_off.gif") no-repeat 0 -27px;overflow:hidden;}
ul.sidebar li.submenu06 a.sub2 {height:21px; background: url("/images/services/sidebar_05_02_off.gif") no-repeat 0 -27px;overflow:hidden;}
ul.sidebar li.submenu06 a.sub3 {height:21px; background: url("/images/services/sidebar_05_03_off.gif") no-repeat 0 -27px;overflow:hidden;}

ul.sidebar li.submenu06 a.sub1:hover, ul.sidebar li.submenu06 a.sub1selected {height:21px; background: url("/images/services/sidebar_05_01_off.gif") no-repeat 0 -2px;overflow:hidden;}
ul.sidebar li.submenu06 a.sub2:hover, ul.sidebar li.submenu06 a.sub2selected {height:21px; background: url("/images/services/sidebar_05_02_off.gif") no-repeat 0 -2px; overflow:hidden;}
ul.sidebar li.submenu06 a.sub3:hover, ul.sidebar li.submenu06 a.sub3selected {height:21px; background: url("/images/services/sidebar_05_03_off.gif") no-repeat 0 -2px; overflow:hidden;}


ul.sidebar li.submenu06 a.sub2selected:hover {height:21px;}
ul.sidebar li.submenu06 a.sub1selected:hover {height:21px;}


#body div.contents {
	float: left;
	width: 734px;
	background: url("/images/services/services_common_bg.gif") no-repeat;
}
/*************************************edit to  young chul     date_09310*************/
 div.contents1 {
	float: left;
	width: 734px;
	height: 958px;
	background: url("/images/services/midbg.jpg") no-repeat;
}

div.contents1 p.location {
	padding: 12px 17px 0 0;
	width: 700px;
	height: 35px;
	font-family: dotum;
	color: #303030;
	text-align: right;
}

div.contents1 div.service-text {
	float: left;
	padding: 0 0 30px 0;
	margin: 0 0 0 30px;
	width: 650px;
}
div.contents1 h3.middleware {
	padding: 36px 0 0 0;
	margin: 0 0 0 4px;
	height: 30px;
	background: url("/images/services/title_middleware.gif") no-repeat;
	}
/*****************************¹Ìµé¿þ¾î*********************/

div.contents p.location {
	padding: 12px 17px 0 0;
	width: 700px;
	height: 35px;
	font-family: dotum;
	color: #303030;
	text-align: right;
}
div.contents div.service-text {
	float: left;
	padding: 0 0 30px 0;
	margin: 0 0 0 30px;
	width: 650px;
}
div.contents div.service-text p {
	float: left;
}
div.contents div.service-text h3 span {
	visibility: hidden;
}
div.contents div.service-text h3 {
	padding: 36px 0 0 0;
	margin: 0 0 0 4px;
	height: 30px;
}
div.contents h3.ourservices {background: url("/images/services/title_ourservices.gif") no-repeat;}
div.contents h3.fullandpartial {background: url("/images/services/title_fullandpartial.gif") no-repeat;}
div.contents h3.conversion {background: url("/images/services/title_conversion.gif") no-repeat;}
div.contents h3.outsourcing {background: url("/images/services/title_outsourcing.gif") no-repeat;}
div.contents h3.consulting {background: url("/images/services/title_consulting.gif") no-repeat;}

div.contents h3.technologies {background: url("/images/services/title_technologies.gif") no-repeat;}
div.contents h3.otherindustries {background: url("/images/services/title_otherindustries.gif") no-repeat;}

div.contents div.service-text h4 {
	font-weight: bold;
	margin: 0 0 25px 0;
	border
}
div.contents div.service-text p {
	margin: 0 0 25px 0;
	line-height: 1.7em;
}
div.contents div.service-text ul {
	margin: -10px 0 0 0;
}
div.contents div.service-text ul li {
	margin: 5px 0 0 0;
}
div.contents div.service-text ul.technologies {
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #45464f;
}


div.platform-contents {
	float: left;
	width: 734px;
	height: 545px;
	background: url("/images/services/service_platforms_bg.gif") no-repeat;
}


div.platform-contents h3 span {
	visibility: hidden;
}
div.platform-contents h3 {
	padding: 36px 0 0 0;
	margin: 0 0 0 4px;
	height: 30px;
	background: url("/images/services/title_platforms.gif") no-repeat 30px 0;
}
div.platform-contents p.platforms-text {
	padding: 45px 0 0 490px;
	width: 220px;
	line-height: 2em;
}
div.platform-contents ul.platforms {
	visibility: hidden;
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

#skillslist
{
  position:absolute; background-color:#000000; height:54px; width:109px; left:67px; top:400px; background:url("/images/services/skillbg.gif") no-repeat;
	padding:10px;
	display:none;
	visibility:hidden;
}

