/********************
common start
*********************/
body {
	margin: 0px;
	padding: 0px;
	overflow-y: scroll; 
	font-family: Dotum;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

p {
	margin: 0px;
	padding: 0px;
	font-family: Dotum;
	font-size: 11px;
	color: #777777;
}

img {
	border: none;
	vertical-align: bottom;
}

.main {
	position:absolute;
	left: 50%;
	background-color: #FFF;
	width: 1080px;	
	margin-left:-540px;
}

.content {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 35px;
	clear: left;
}

.blank {
	height: 30px;
	clear: left;
}

.dtd {
	position: relative;
	float: left;
}

.dtr {
	position: relative;
	clear: left;
}

.hand, .button {
	cursor: pointer;
}

.mgt10 {
	margin-top: 10px;
}

.mgr10 {
	margin-right: 10px;
}

.mgb10 {
	margin-bottom: 10px;
}

.mgl10 {
	margin-left: 10px;
}
/********************
common end
*********************/

/********************
bizcomm start
*********************/
.comm-main {
	margin: 0px;
	padding: 0px;
	width: 1010px;	
}

.comm-ht0 {
	margin: 0px;
	padding: 0px;
}

.comm-ht40 {
	margin: 0px;
	padding: 0px;
	height: 40px;
}

.comm-logo {
	margin-top: 6px;
	float: left;
	height: 32px;
}

.comm-home {
	margin-top: 12px;
	float: right;
	padding-left: 20px;
	height: 20px;
}

.comm-admin {
	margin-top: 12px;
	float: right;
	height: 20px;
}
/********************
bizcomm end
*********************/





/*=====================================
20161109 - Solution 페이지 수정
======================================*/
ul, li, ol {list-style:none;}


/* 탭메뉴 기본상태 */
.tab > ul {width:620px; height:40px; position:relative; left:195px; overflow:hidden; margin:0px 0 30px;}
.tab > ul > li {float:left; display:block;}
.tab > ul > li.overview > i {display:block; width:159px; height:40px; background:url(../images/biz/hpab/tab_off.jpg) left top no-repeat;}
.tab > ul > li.feature > i {display:block; width:161px; height:40px; background:url(../images/biz/hpab/tab_off.jpg) -159px top no-repeat;}
.tab > ul > li.diagram > i {display:block; width:300px; height:40px; background:url(../images/biz/hpab/tab_off.jpg) -320px top no-repeat;}

/* 탭메뉴 마우스오버상태 */
.tab > ul > li.overview > i:hover {background:url(../images/biz/hpab/tab_on.jpg) left top no-repeat; cursor:pointer;}
.tab > ul > li.feature > i:hover {background:url(../images/biz/hpab/tab_on.jpg) -159px top no-repeat; cursor:pointer;}
.tab > ul > li.diagram > i:hover {background:url(../images/biz/hpab/tab_on.jpg) -320px top no-repeat; cursor:pointer;}

/* 탭메뉴가 선택된 상태 : a태그 안에 class명을 on으로 추가지정해주면 됩니다. */
.tab > ul > li.overview > i.on {background:url(../images/biz/hpab/tab_on.jpg) left top no-repeat; cursor:default;}
.tab > ul > li.feature > i.on {background:url(../images/biz/hpab/tab_on.jpg) -159px top no-repeat; cursor:default;}
.tab > ul > li.diagram > i.on {background:url(../images/biz/hpab/tab_on.jpg) -320px top no-repeat; cursor:default;}